@font-face{font-family:Editorial;src:url(assets/cormorantgaramond.ttf) format('truetype');font-weight:400 600;font-display:swap}@font-face{font-family:Quiet;src:url(assets/manrope.ttf) format('truetype');font-weight:400 600;font-display:swap}
:root{--paper:#faf9f6;--ink:#171717;--muted:#5e5d59;--line:#cac8c1;--serif:Editorial,Georgia,serif;--sans:Quiet,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.7 var(--sans)}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}::selection{background:#171717;color:white}.skip{position:fixed;top:-100px;left:15px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}.wrap{width:min(1440px,100%);margin:auto;padding-inline:6vw}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}.brandline{padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:12px;align-items:center;font-size:19px;letter-spacing:-.05em;font-weight:600}.brand img{width:38px;height:38px;object-fit:contain;mix-blend-mode:multiply}.preview{font-size:10px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);padding:5px 10px;border-radius:20px}.hero{padding-top:62px;padding-bottom:60px;display:grid;grid-template-columns:1.12fr 1fr;gap:24px;align-items:center}.hero h1{font:400 clamp(78px,9.5vw,152px)/.82 var(--serif);letter-spacing:-.055em;margin:32px 0}.hero h1 span{display:block}.hero h1 .smelly{font-style:italic;padding-left:8vw}.hero h1 .stuff{padding-left:2vw}.intro{max-width:355px;color:var(--muted);font-size:15px;line-height:1.9;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;text-decoration:none;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:99px;min-height:54px;padding:14px 25px;font-size:13px;transition:transform .25s,background .25s,color .25s}.button:hover{background:var(--paper);color:var(--ink);transform:translateY(-3px)}.button .arrow{font-size:23px;line-height:1}.hero-foot{margin-top:20px;color:var(--muted);font-size:11px}.art{min-width:0;position:relative;aspect-ratio:1;display:grid;place-items:center}.orbit{width:87%;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;position:absolute;transform:rotate(-24deg) scaleY(.75)}.orbit.two{transform:rotate(48deg) scaleY(.75)}.orbit.three{transform:rotate(110deg) scaleY(.75)}.orbiter{position:absolute;width:87%;aspect-ratio:1;border-radius:50%;animation:circle 35s linear infinite}.orbiter:before{content:'';width:12px;height:12px;background:var(--ink);border-radius:50%;position:absolute;left:50%;top:0}.orbiter.second{width:64%;animation-duration:26s;animation-direction:reverse}.orbiter.second:before{width:7px;height:7px}.logo-disc{background:var(--paper);border:1px solid var(--line);width:53%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;box-shadow:0 20px 60px #17171709}.logo-disc img{width:83%;height:auto;mix-blend-mode:multiply;animation:breathe 7s ease-in-out infinite}.art-note{position:absolute;bottom:0;left:0;right:0;text-align:center;font-family:var(--serif);font-style:italic;font-size:24px}.art-star{position:absolute;right:6%;top:8%;font:50px var(--serif)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:18px 28px;font-size:11px;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px}.motion{border:0;background:transparent;padding:10px 0;min-height:44px;cursor:pointer;font-size:11px;text-decoration:underline;text-underline-offset:4px}.motion[hidden]{display:none}.statement{background:var(--ink);color:var(--paper);padding-block:85px}.statement .inner{display:grid;grid-template-columns:1fr 2fr;gap:5vw}.statement h2{font:400 clamp(36px,4.5vw,66px)/1.08 var(--serif);letter-spacing:-.025em;margin:0 0 28px}.statement h2 em{color:#ceccc4;font-weight:400}.statement p{color:#cccac4;max-width:610px;font-size:15px;margin:0}.statement .eyebrow{padding-top:9px}.signature{font:italic 35px var(--serif);margin-top:24px}.miranda{padding-block:95px;display:grid;grid-template-columns:1fr 1.12fr;gap:8vw;align-items:center}.portrait-type{aspect-ratio:4/5;border:1px solid var(--line);background:linear-gradient(145deg,#edece7,#f9f8f5);position:relative;display:grid;place-items:center;overflow:hidden}.portrait-type .m{font:400 clamp(250px,35vw,540px)/1 var(--serif);font-style:italic;margin-left:-30px;margin-top:-30px;transition:transform .7s}.portrait-type:hover .m{transform:rotate(-6deg) scale(1.04)}.portrait-type .hand{position:absolute;font:italic clamp(20px,2.8vw,40px) var(--serif);white-space:nowrap;bottom:20%;transform:rotate(-12deg);background:var(--paper);padding:0 25px}.portrait-type .caption{position:absolute;bottom:12px;background:var(--paper);padding:4px 8px;max-width:100%;text-align:center;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.portrait-type .corner{position:absolute;top:23px;left:23px;font-size:10px;letter-spacing:.12em}.miranda h2{font:400 clamp(54px,6vw,85px)/1.02 var(--serif);letter-spacing:-.04em;margin:24px 0}.miranda h2 em{font-weight:400}.miranda p{font-size:15px;color:var(--muted);max-width:510px}.aside{font:italic 24px/1.35 var(--serif)!important;color:var(--ink)!important;margin-block:25px}.journey{padding-block:0 85px}.journey-title{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:24px;margin-bottom:35px;gap:20px}.journey-title h2{font:400 34px var(--serif);margin:0}.chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw}.chapter{padding-top:20px;border-top:1px solid var(--line)}.chapter .year{font:400 54px var(--serif);line-height:1}.chapter h3{font-size:14px;font-weight:600;margin:23px 0 12px}.chapter p{font-size:13px;color:var(--muted);margin:0}.cleo{background:#eae9e3;padding-block:80px}.cleo-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:8vw;align-items:center}.cleo h2{font:400 clamp(58px,7.4vw,108px)/.98 var(--serif);letter-spacing:-.035em;margin:25px 0}.cleo h2 em{font-weight:400}.cleo p{max-width:440px;font-size:15px;color:var(--muted)}.cleo small{display:block;color:var(--muted);font-size:11px;margin-top:16px}.hello-art{display:grid;place-items:center;min-height:310px;position:relative}.hello-art:before{content:'';position:absolute;inset:0;border:1px solid #aaa99f;border-radius:50%;transform:rotate(-15deg) scaleY(.8)}.hello-word{font:italic clamp(45px,6.8vw,95px) var(--serif);white-space:nowrap;position:relative;transform:rotate(-10deg)}.hello-art .asterisk{position:absolute;top:8%;right:10%;font:70px var(--serif);animation:circle 30s linear infinite}.hello-art .tag{position:absolute;bottom:11%;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.footer{padding-block:40px 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:25px}.footer-links{display:flex;flex-wrap:wrap;gap:8px 25px;align-items:center}.footer-links a{font-size:12px;min-height:44px;display:inline-flex;align-items:center}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.reveal{transition:opacity .8s ease,transform .8s ease}.reveal.waiting{opacity:.35;transform:translateY(22px)}.paused *{animation-play-state:paused!important}.paused .reveal{transition:none}.paused .reveal.waiting{opacity:1;transform:none}.subpage{max-width:850px;min-height:62vh;padding-block:60px 85px}.subpage h1{font:400 clamp(48px,7vw,82px)/1.05 var(--serif);letter-spacing:-.03em;margin:25px 0}.subpage h2{font:400 32px var(--serif);margin-top:35px}.subpage p{max-width:660px;color:var(--muted)}.notice{border-left:2px solid var(--ink);padding:14px 20px;background:#efeee8;font-size:14px}.subpage .back{display:inline-flex;min-height:44px;align-items:center;font-size:13px}.subpage .button{margin-top:20px}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);max-width:min(550px,calc(100% - 32px));padding:35px;border-radius:3px}dialog::backdrop{background:#0008}dialog h2{font:400 42px/1.1 var(--serif);margin:10px 0 22px}dialog p{font-size:14px;color:var(--muted)}dialog button{margin-top:12px;cursor:pointer}.status-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-block:16px;font-size:13px}
@keyframes circle{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:translateY(-8px)}}
@media(min-width:1600px){.wrap{padding-inline:85px}}
@media(max-width:900px){.wrap{padding-inline:5vw}.hero{padding-top:45px;grid-template-columns:1.05fr 1fr}.hero h1{font-size:clamp(72px,11vw,100px)}.art-note{font-size:20px}.miranda{gap:5vw}.miranda h2{font-size:58px}.statement .inner{grid-template-columns:1fr 2.6fr}.footer-top{align-items:flex-start;flex-direction:column}.cleo-grid{gap:4vw}.hello-art{min-height:250px}}
@media(max-width:600px){.wrap{padding-inline:7vw}.brandline{padding-top:20px}.brand{font-size:17px}.brand img{width:30px;height:30px}.preview{font-size:8px;padding:4px 8px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:38px;gap:0;padding-bottom:26px}.hero h1{font-size:clamp(78px,19.5vw,114px);margin-top:26px}.hero h1 .smelly{padding-left:13vw}.hero h1 .stuff{padding-left:4vw}.intro{max-width:100%;margin:25px 0;font-size:14px}.hero .button{min-width:215px}.art{width:85%;align-self:center;margin-top:27px;max-width:330px}.art-note{font-size:22px}.art-star{font-size:35px}.hero-foot{margin-top:15px}.hero-bottom{padding-bottom:15px;font-size:10px}.statement{padding-block:55px}.statement .inner{display:block}.statement .eyebrow{margin-bottom:27px}.statement h2{font-size:40px}.statement p{font-size:14px}.miranda{display:flex;flex-direction:column;padding-block:55px;gap:35px;align-items:stretch}.portrait-type{aspect-ratio:1.15}.portrait-type .m{font-size:270px}.portrait-type .hand{font-size:clamp(22px,6.5vw,30px);bottom:21%}.miranda h2{font-size:58px;margin-top:22px}.miranda p{font-size:14px}.journey{padding-bottom:55px}.journey-title{display:block}.journey-title .eyebrow{display:block;margin-top:12px}.chapters{grid-template-columns:1fr;gap:25px}.chapter{display:grid;grid-template-columns:75px 1fr;gap:8px 20px}.chapter .year{font-size:39px;grid-row:span 2}.chapter h3{margin:0}.chapter p{grid-column:2}.cleo{padding-block:50px}.cleo-grid{display:flex;flex-direction:column;align-items:stretch;gap:25px}.cleo h2{font-size:64px}.cleo p{font-size:14px}.hello-art{min-height:240px;max-width:330px;width:100%;align-self:center;order:-1}.hello-word{font-size:clamp(48px,17vw,85px)}.footer{padding-top:30px}.footer-links{gap:2px 22px}.footer-bottom{flex-direction:column;gap:8px}.subpage{padding-top:35px}.subpage h1{font-size:50px}dialog{padding:25px}.motion{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.waiting{opacity:1;transform:none}}
