.living-letter{--m-cyan-5:#effaff;--m-cyan-10:#def7ff;--m-cyan-20:#bdeffe;--m-cyan:#0fb6eb;--m-cta:#0a7ca5;--m-ink:#0c1528;--m-muted:#8192aa;--m-line:#cbd5e1;--m-white:#fff;width:100%;min-width:0;min-height:100dvh;color:var(--m-ink);background:#eaf7fa;font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow-x:clip}.living-letter *,.living-letter :before,.living-letter :after{box-sizing:border-box}.living-letter :is(main,section,figure,img){min-width:0}.living-letter a{color:inherit;text-decoration:none}.living-letter button,.living-letter a{font:inherit}.ll-mono,.ll-step b,.ll-stage-mark{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ll-mono{text-transform:uppercase;letter-spacing:.12em;font-size:10px}.ll-coral,.ll-peach{color:var(--m-cta)}.ll-top{background:var(--m-white);border-bottom:1px solid var(--m-line);justify-content:space-between;align-items:center;gap:24px;min-height:68px;padding:18px clamp(20px,5vw,72px);display:flex}.ll-mark{color:var(--m-ink);flex:none;display:block}.ll-mark svg{width:101px;height:auto;display:block}.ll-top-note,.ll-top-right{color:var(--m-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ll-top-right{flex:none;align-items:center;gap:18px;display:flex}.ll-share{width:44px;min-width:44px;min-height:44px;color:var(--m-cta);cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;padding:0;display:grid}.ll-sr-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.living-letter main{background-color:#fbfaf6;background-image:linear-gradient(105deg,#ffffffc7,#0000 48%),radial-gradient(#0c15280a .45px,#0000 .8px);background-size:auto,6px 6px;max-width:794px;margin:clamp(18px,4vw,52px) auto;animation:12s ease-in-out infinite memo-settle;position:relative;overflow:hidden;box-shadow:0 1.5rem 3rem #0c152821,0 2px 4px #0c152814,inset 0 0 0 1px #0c152812}.living-letter main:after{z-index:-1;content:"";pointer-events:none;border:1px solid #ffffffb3;position:absolute;inset:0;transform:translate(3px,3px)}.ll-hero{background:0 0;padding:clamp(52px,8vw,92px) clamp(34px,10vw,88px) 50px;display:block}.ll-hero-copy{max-width:620px}.ll-kicker{margin:0 0 28px}.ll-hero h1{letter-spacing:-.08em;max-width:700px;margin:0 0 34px;font-size:clamp(68px,8vw,118px);font-weight:600;line-height:.86}.ll-hero h1 em{color:var(--m-cyan);font-style:normal}.ll-lead{max-width:480px;margin:0 0 34px;font-size:clamp(21px,2.1vw,31px);line-height:1.18}.ll-signature{align-items:center;gap:16px;display:flex}.ll-signature span{background:var(--m-cyan);width:44px;height:1px}.ll-signature strong,.ll-signature small{display:block}.ll-signature small{color:var(--m-muted);margin-top:4px}.ll-read,.ll-keep{color:var(--m-cta);touch-action:manipulation;align-items:center;gap:9px;display:inline-flex}.ll-read{margin-top:48px}.ll-hero-art{background:var(--m-cyan-20);min-height:430px;margin:30px 0 0;position:relative;overflow:hidden}.ll-hero-art:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#0fb6eb1a,#0000 65%) 0 0/220% 100%;animation:14s ease-in-out infinite memo-light;position:absolute;inset:0}.ll-hero-art img,.ll-human img{object-fit:cover;width:100%;height:auto;display:block}.ll-art-caption{z-index:1;overflow-wrap:anywhere;max-width:calc(100% - 32px);color:var(--m-white);text-shadow:0 1px 8px var(--m-ink);position:absolute;bottom:20px;right:24px}.ll-stamp{z-index:1;border:1px solid var(--m-cyan);width:122px;height:122px;color:var(--m-cta);text-align:center;border-radius:50%;place-items:center;font-size:9px;line-height:1.35;display:grid;position:absolute;top:10%;right:10%;transform:rotate(12deg)}.ll-stamp b{letter-spacing:-.05em;font-size:25px;display:block}.ll-letter,.ll-thesis,.ll-os{margin:0 24px}.ll-letter{background:0 0;grid-template-columns:minmax(180px,.55fr) minmax(0,1.2fr);gap:clamp(30px,7vw,120px);padding:70px 0;display:grid}.ll-date{color:var(--m-cta);padding-top:8px}.ll-date strong{color:var(--m-ink);margin-top:16px;font-size:31px;line-height:.95;display:block}.ll-date span{margin-top:22px;display:block}.ll-copy{max-width:680px}.ll-copy h2{letter-spacing:-.06em;margin:0 0 42px;font-size:clamp(38px,5vw,70px);font-weight:600;line-height:.98}.ll-copy p,.ll-thesis p,.ll-human-copy p,.ll-campus-copy p,.ll-closing p{overflow-wrap:anywhere}.ll-copy p{max-width:600px;margin:0 0 22px;font-size:17px;line-height:1.72}.ll-copy .ll-bold{margin:30px 0;font-size:27px;font-weight:600}.ll-quote{border-left:3px solid var(--m-cyan);margin:44px 0;padding:8px 0 8px 22px;font-size:clamp(26px,3vw,43px);font-weight:600;line-height:1.03}.ll-thesis{background:var(--m-ink);color:var(--m-white);padding:70px 0}.ll-thesis-grid{grid-template-columns:.75fr 1fr;align-items:start;gap:clamp(40px,9vw,150px);display:grid}.ll-thesis h2,.ll-bracket strong{margin:0;font-size:clamp(47px,6vw,92px);font-weight:600;line-height:.9}.ll-thesis p{max-width:560px;color:var(--m-cyan-20);margin:0 0 20px;font-size:16px;line-height:1.65}.ll-thesis strong{color:var(--m-white)}.ll-thesis .ll-accent{color:var(--m-cyan);margin-top:30px;font-size:25px;line-height:1.2}.ll-bracket{border-top:1px solid #ffffff4d;border-bottom:1px solid #ffffff4d;justify-content:space-between;align-items:center;gap:20px;margin-top:50px;padding:23px 0;display:flex}.ll-bracket strong{font-size:clamp(25px,3vw,42px)}.ll-os{padding:70px 0}.ll-os-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px;display:flex}.ll-os h2{letter-spacing:-.06em;margin:15px 0 0;font-size:clamp(50px,7vw,100px);font-weight:600;line-height:.87}.ll-prompt{border:1px solid var(--m-cyan-20);background:var(--m-cyan-5);overflow-wrap:anywhere;max-width:350px;padding:20px;font-size:20px;line-height:1.16}.ll-steps{border-top:1px solid var(--m-line);border-bottom:1px solid var(--m-line);grid-template-columns:repeat(7,1fr);display:grid}.ll-step{border:0;border-right:1px solid var(--m-line);min-height:112px;color:var(--m-muted);cursor:pointer;text-align:left;touch-action:manipulation;background:0 0;padding:18px;transition:background .25s,color .25s,transform .25s}.ll-step:last-child{border:0}.ll-step:hover,.ll-step.active{background:var(--m-cyan);color:var(--m-ink);transform:translateY(-3px)}.ll-step b{margin-bottom:24px;font-size:10px;display:block}.ll-step strong{letter-spacing:.05em;font-size:13px;display:block}.ll-step small{overflow-wrap:anywhere;margin-top:9px;font-size:11px;line-height:1.4;display:block}.ll-stage{justify-content:space-between;align-items:center;gap:25px;padding:35px 0 0;display:flex}.ll-stage h3{margin:0 0 5px;font-size:36px;font-weight:600}.ll-stage p{color:var(--m-muted);margin:0}.ll-stage-mark{border:1px solid var(--m-cyan);width:78px;height:78px;color:var(--m-cta);border-radius:50%;flex:none;place-items:center;font-size:12px;display:grid}.ll-human{background:var(--m-cyan-10);grid-template-columns:1fr 1fr;margin:0;display:grid}.ll-human img{min-height:560px}.ll-human-copy{padding:clamp(65px,9vw,135px) clamp(24px,8vw,120px)}.ll-human h2{letter-spacing:-.05em;margin:18px 0 35px;font-size:clamp(45px,5.4vw,78px);font-weight:600;line-height:.92}.ll-human p{max-width:430px;font-size:17px;line-height:1.55}.ll-human .ll-stack{margin:36px 0;font-size:28px;font-weight:600;line-height:1.1}.ll-campus{min-height:520px;color:var(--m-white);align-items:end;margin:0;display:flex;position:relative;overflow:hidden}.ll-campus:before{content:"";background:linear-gradient(90deg,#0c1528e6,#0c15281a),url(/images/memo-campus-golden.png) 50%/cover;position:absolute;inset:0}.ll-campus-copy{max-width:720px;padding:clamp(70px,10vw,140px) clamp(24px,10vw,160px);position:relative}.ll-campus h2{letter-spacing:-.06em;margin:18px 0 25px;font-size:clamp(50px,7vw,95px);font-weight:600;line-height:.9}.ll-campus p{max-width:460px;color:var(--m-white);font-size:17px;line-height:1.6}.ll-concept{color:var(--m-cyan-20);margin-top:65px;display:block}.ll-closing{background:var(--m-cyan-5);text-align:center;margin:0 24px;padding:80px 26px}.ll-closing h2{letter-spacing:-.065em;max-width:900px;margin:20px auto 40px;font-size:clamp(54px,8vw,115px);font-weight:600;line-height:.87}.ll-closing p{max-width:590px;margin:18px auto;font-size:17px;line-height:1.7}.ll-closing .ll-sign{color:var(--m-cta);margin-top:55px;font-size:28px}.ll-keep{margin-top:45px}.ll-footer{background:var(--m-ink);max-width:794px;color:var(--m-white);border-color:var(--m-line);justify-content:space-between;gap:20px;margin:0 auto;padding:25px clamp(24px,5vw,72px);display:flex}.living-letter :is(a,button):focus-visible{outline:2px solid var(--m-cta);outline-offset:4px}@keyframes memo-settle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes memo-light{0%,to{background-position:120% 0}50%{background-position:-20% 0}}
@media (min-width:761px){.living-letter .ll-hero-art{max-width:min(100%,794px);margin-inline:auto}.living-letter .ll-human{min-height:0}}@media (max-width:760px){.living-letter main{margin:0}.living-letter main:after{display:none}.living-letter .ll-top{align-items:center;gap:8px 14px;padding:14px 18px}.living-letter .ll-top-note,.living-letter .ll-top-right>span{display:none}.living-letter .ll-top-right{margin-left:auto}.living-letter .ll-hero{padding:54px 24px 42px}.living-letter .ll-hero h1{letter-spacing:-.07em;max-width:10ch;margin-bottom:26px;font-size:clamp(48px,15vw,74px);line-height:.9}.living-letter .ll-lead{max-width:34rem;font-size:clamp(19px,5.7vw,25px);line-height:1.24}.living-letter .ll-signature{align-items:flex-start}.living-letter .ll-read{margin-top:36px}.living-letter .ll-hero-art{aspect-ratio:4/3;min-height:0}.living-letter .ll-hero-art img{object-position:58% center;height:100%}.living-letter .ll-human img{aspect-ratio:4/3;object-fit:cover;width:100%;min-height:0}.living-letter .ll-art-caption{font-size:9px;bottom:14px;right:14px}.living-letter .ll-stamp{width:92px;height:92px;top:8%;right:7%}.living-letter .ll-stamp b{font-size:20px}.living-letter .ll-letter,.living-letter .ll-thesis,.living-letter .ll-os,.living-letter .ll-human,.living-letter .ll-campus,.living-letter .ll-closing{margin-inline:0}.living-letter .ll-letter,.living-letter .ll-thesis,.living-letter .ll-os{padding:75px 24px}.living-letter .ll-letter,.living-letter .ll-thesis-grid,.living-letter .ll-human{grid-template-columns:1fr}.living-letter .ll-letter{gap:38px}.living-letter .ll-copy h2{font-size:clamp(34px,10vw,56px);line-height:1}.living-letter .ll-copy p{font-size:16px;line-height:1.65}.living-letter .ll-copy .ll-bold{font-size:23px}.living-letter .ll-os-head{display:block}.living-letter .ll-prompt{margin-top:30px}.living-letter .ll-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.living-letter .ll-step{border:1px solid var(--m-line);min-height:104px;padding:14px}.living-letter .ll-stage{gap:18px}.living-letter .ll-campus{aspect-ratio:4/5;min-height:0}.living-letter .ll-footer{overflow-wrap:anywhere;padding-inline:18px;line-height:2;display:block}}@media (max-width:420px){.living-letter .ll-top{min-height:60px;padding-inline:14px}.living-letter .ll-mark svg{width:88px}.living-letter .ll-hero-copy{padding-inline:18px}.living-letter .ll-hero h1{font-size:clamp(44px,14vw,60px)}.living-letter .ll-hero-art{aspect-ratio:1}.living-letter .ll-letter,.living-letter .ll-thesis,.living-letter .ll-os{padding-inline:18px}.living-letter .ll-letter{padding-block:56px}.living-letter .ll-date strong{font-size:28px}.living-letter .ll-thesis h2,.living-letter .ll-human h2,.living-letter .ll-campus h2,.living-letter .ll-closing h2{font-size:clamp(39px,12vw,58px)}.living-letter .ll-steps{grid-template-columns:1fr}.living-letter .ll-step{min-height:0}.living-letter .ll-closing{padding-inline:18px}}@media (max-width:340px){.living-letter .ll-top{gap:6px}.living-letter .ll-mark svg{width:80px}.living-letter .ll-share{width:40px;min-width:40px}}@media (prefers-reduced-motion:reduce){.living-letter *,.living-letter :before,.living-letter :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
