@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#f5f6f2;--ink:#202820;--muted:#596157;--line:#d6dbd1;--accent:#404a30;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #4845c9;outline-offset:5px}::selection{background:#d0d4fc}.skip{position:fixed;left:20px;top:-100px;padding:15px;background:white;z-index:10}.skip:focus{top:10px}header{height:92px;margin:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:650;letter-spacing:-1.5px}.brand span{font-weight:450;margin-left:-4px}.brand sup{font-size:9px;align-self:flex-start;margin:10px 0 0 -5px}nav{display:flex;gap:35px;font-size:13px}nav a{padding:10px 0}nav a:hover,.text-link:hover{color:#5351a0}.nav-contact{margin-left:30px}.nav-contact span{margin-left:28px}.hero{padding:38px 4% 0;overflow:hidden}.eyebrow,.section-kicker,.hero-foot,.project-number,.tags,.art-top,.art-foot,.mini-label{font-size:11px;letter-spacing:.035em}.eyebrow{display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;background:#536148;border-radius:50%}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:10px;padding:38px 0 56px}.hero h1{font-size:clamp(68px,8.7vw,150px);font-weight:500;line-height:.95;letter-spacing:-.065em;margin:0 0 31px;position:relative;z-index:1}em{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}.hero h1 em{white-space:nowrap;font-size:1.1em}.hero-copy>p{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 27px}.text-link{font-size:13px;display:inline-flex;gap:40px;align-items:center;border-bottom:1px solid;padding:9px 0}.text-link span{font-size:20px}.specimen{height:550px;position:relative;isolation:isolate}.cross{position:absolute;color:#808b7c;font:18px monospace;z-index:2}.c1{top:2%;left:4%}.c2{top:2%;right:4%}.c3{bottom:2%;left:4%}.c4{bottom:2%;right:4%}.orb{position:absolute;inset:2% -8%;border-radius:50%;background:radial-gradient(ellipse at 35% 28%,#d4dbfd 0%,transparent 44%),radial-gradient(ellipse at 80% 65%,#f2e7b0 0%,transparent 42%),radial-gradient(ellipse at 38% 76%,#cbe8e3 0%,transparent 47%);filter:blur(30px);opacity:.8}.contour{position:absolute;inset:8% 3%;border:1px solid #b3beb866;border-radius:50%;transform:rotate(-24deg) scaleX(.82)}.contour-two{transform:rotate(32deg) scaleX(.82);inset:1% 8%}.hand,.hand-shadow{position:absolute;inset:16% 7% 15%;mask:url('assets/hand.svg') center/contain no-repeat;-webkit-mask:url('assets/hand.svg') center/contain no-repeat}.hand{background:linear-gradient(125deg,#eef3e9 0%,#e4e7f2 19%,#a4add0 26%,#fcfff2 29%,#ecf1e6 36%,#d6e7da 48%,#707e75 52%,#d8e5d4 53%,#f8ffef 58%,#d9dfdc 68%,#8893a5 82%,#dfe5d8 88%);filter:drop-shadow(0 10px 5px #34403333);transform:rotate(-8deg);transition:transform 1s ease,filter 1s ease}.hand-shadow{background:#354831;transform:translate(12px,25px) rotate(-8deg);opacity:.12;filter:blur(20px)}.specimen:hover .hand{transform:rotate(-2deg) translateY(-7px);filter:brightness(1.07)}.specimen-tag{position:absolute;bottom:4%;left:12%;font-size:10px;line-height:1.6}.specimen-tag span{color:var(--muted)}.spectrum{position:absolute;bottom:6%;right:13%;height:4px;width:75px;background:linear-gradient(90deg,#b5aff6,#c3e3f6,#c1dbb7,#f2dea7,#e4bcbb)}.hero-foot{padding:17px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted)}.section{padding:85px 4%}.section-kicker{display:flex;justify-content:space-between;color:var(--muted);padding-bottom:45px}.intro{background:#e9ede4}.intro-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:80px}h2{font-size:clamp(42px,5.1vw,84px);line-height:1.02;letter-spacing:-.055em;font-weight:450;margin:0}h2 span{color:#69745f}.intro-text{max-width:435px;padding-top:5px}.lead{font-size:22px;letter-spacing:-.035em;line-height:1.4}.intro-text p:not(.lead){color:var(--muted);font-size:15px;line-height:1.8}.intro-text .text-link{margin-top:15px}.decision-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;align-items:center}.decision h2{font-size:clamp(44px,5.3vw,82px)}.demo-intro{color:var(--muted);font-size:14px;line-height:1.7;margin:25px 0}.switch{display:inline-flex;border:1px solid #c8cec3;padding:4px;gap:3px;border-radius:30px}.switch button{border:0;background:transparent;font-size:11px;padding:12px 16px;border-radius:23px}.switch button[aria-pressed=true]{background:var(--ink);color:#fff}.annotation{display:flex;gap:17px;margin-top:28px;max-width:380px;min-height:100px}.annotation-number{font-size:11px;border:1px solid #c7ccbf;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}.annotation h3{font-size:14px;font-weight:550;margin:3px 0 7px}.annotation p{font-size:13px;color:var(--muted);margin:0}.demo-stage{background:#fff;box-shadow:0 30px 80px #3c493014;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:472px}.demo-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #e7e9e3;font-size:10px;color:var(--muted)}.tiny-mark{font-size:24px;letter-spacing:-2px;font-weight:650;color:var(--ink)}#demo-before{padding:29px 30px 18px;min-height:377px}.demo-heading{display:flex;align-items:center;justify-content:space-between}.demo-heading h3{font-size:17px;font-weight:500;letter-spacing:-.5px;margin:0}.demo-heading>span{font-size:10px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0}.settings-grid>div{border:1px solid #e1e5dd;border-radius:5px;height:69px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:17px;color:#798270;flex-direction:column}.settings-grid span{font-size:10px;color:#50584b}.demo-muted{font-size:11px;color:var(--muted);text-align:center}.demo-caption{text-align:center;font-size:9px;color:var(--muted);padding:11px;border-top:1px solid #e7e9e3;background:#fafbf8}#demo-after{min-height:377px;padding:25px 36px 15px}.welcome-icon{background:#e9efd9;border-radius:50%;font-size:22px;width:43px;height:43px;display:grid;place-items:center;margin-bottom:14px}.mini-label{color:var(--muted);font-size:9px}#demo-after h3{font-size:32px;letter-spacing:-1.4px;font-weight:500;margin:3px 0 6px}#demo-after>p{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 15px}#invite-form label{font-size:10px;display:block;margin-bottom:6px}.invite-input{display:flex;border:1px solid #bfc8b3;border-radius:6px;padding:4px;gap:6px}.invite-input input{width:0;flex:1;min-width:0;border:0;padding:7px;font-size:12px;background:transparent}.invite-input button{border:0;border-radius:4px;background:#343f2b;color:#fff;padding:6px 14px;font-size:11px}#demo-after .demo-result{font-size:11px;color:#3d602a;margin:7px 0}#demo-after details{font-size:10px;color:var(--muted);margin-top:12px}#demo-after details p{max-width:300px}summary{cursor:pointer}.work{border-top:1px solid var(--line)}.work-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.work-title p{font-size:14px;color:var(--muted);margin:0 0 7px}.project{display:grid;grid-template-columns:1.45fr 1fr;gap:55px;align-items:center}.project-art{height:440px;position:relative;display:block;overflow:hidden}.pirch-art{background:#e7e4d4;padding:20px 26px}.art-top{display:flex;justify-content:space-between;position:relative;z-index:1}.pirch-art img{width:94%;height:auto;margin:34px 3% 0;border-radius:5px;box-shadow:0 15px 30px #3d422127;transition:transform .6s}.pirch-art:hover img{transform:translateY(-8px)}.art-foot{position:absolute;bottom:0;left:0;right:0;padding:17px 26px;background:inherit}.project-copy h3{font-size:40px;font-weight:450;letter-spacing:-1.8px;line-height:1.1;margin:23px 0}.project-copy p{font-size:15px;color:var(--muted);max-width:340px;line-height:1.7}.tags{font-size:10px;color:var(--muted);margin:24px 0}.world-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:65px}.yard-art,.outloud-art{height:370px;display:block;position:relative;overflow:hidden;padding:22px 26px}.yard-art{background:#dce6c7;color:#354930}.yard-word{position:relative;z-index:1;font-size:130px;letter-spacing:-9px;font-weight:550;margin-top:40px}.yard-word>span{font-size:60px;vertical-align:top;line-height:2.3;margin-left:10px;letter-spacing:-5px}.yard-lines{position:absolute;inset:100px -100px -250px 100px;transform:rotate(-25deg)}.yard-lines i{position:absolute;inset:0;border:1px solid #94a77c;border-radius:40%}.yard-lines i:nth-child(2){inset:22px}.yard-lines i:nth-child(3){inset:44px}.yard-lines i:nth-child(4){inset:66px}.yard-lines i:nth-child(5){inset:88px}.outloud-art{background:#e0dcf5;color:#493a87}.outloud-word{font-size:98px;line-height:.8;letter-spacing:-7px;margin:37px 0 0 20px;position:relative}.outloud-word em{font-size:1.3em}.outloud-word>span{position:absolute;right:35px;top:36px;font-size:135px;transition:transform .7s}.outloud-art:hover .outloud-word>span{transform:rotate(60deg)}.small-project-copy{padding:25px 0}.small-project h3{font-size:26px;font-weight:500;letter-spacing:-1px;margin:14px 0 9px}.small-project p{font-size:14px;color:var(--muted);max-width:430px;line-height:1.7}.small-project .text-link{margin-top:8px}.private-note{margin-top:40px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px}.private-note a{text-decoration:underline;text-underline-offset:4px}.ways{background:#eceee8}.ways h2{margin-bottom:55px}.way{display:grid;grid-template-columns:40px 1fr 1fr .7fr;gap:25px;padding:28px 0;border-top:1px solid #cdd3c6;align-items:start}.way>span{font-size:11px;margin-top:6px}.way h3{font-size:24px;line-height:1.2;letter-spacing:-.8px;font-weight:500;margin:0}.way p{font-size:13px;color:var(--muted);margin:0;line-height:1.7}.way a{font-size:12px;text-align:right;padding-top:4px}.essay summary{list-style:none;display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px;align-items:start}.essay summary::-webkit-details-marker{display:none}.essay h2{font-size:56px}.essay-open{text-align:right;font-size:12px}.essay-body{max-width:620px;margin:35px auto 0;font-size:18px;line-height:1.8}.essay-body>span{font-size:12px;color:var(--muted)}.contact{background:radial-gradient(ellipse at 4% 100%,#d8ddf0,transparent 50%),radial-gradient(ellipse at 100% 100%,#e2e8cc,transparent 60%),#edf0e7;border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact h2{font-size:clamp(65px,8vw,120px)}.contact-hand{margin-top:32px;transform:rotate(-8deg)}.contact-form{max-width:420px;width:100%;padding-top:0}.contact-form .lead{margin:0 0 25px}.contact-form label{font-size:11px;display:block;margin:19px 0 9px}.contact-form select,.contact-form textarea{border:0;border-bottom:1px solid #aeb8a6;background:transparent;border-radius:0;width:100%;padding:10px 0;font-size:14px}.contact-form textarea{resize:vertical}.contact-button{display:flex;justify-content:space-between;width:100%;margin-top:20px;border:0;background:var(--ink);color:#fff;padding:17px 19px;border-radius:2px;font-size:13px}.contact-button:hover{background:#404b37}.form-help,#contact-status{font-size:10px;color:var(--muted)}.email{display:inline-block;margin-top:22px;font-size:14px;border-bottom:1px solid #8c9784;padding-bottom:5px}footer{padding:30px 4%;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}footer .brand{color:var(--ink);font-size:22px}footer>a:last-child{font-size:11px}[hidden]{display:none!important}
@media(min-width:1550px){header,.hero,.section,footer{padding-left:max(4%,calc((100vw - 1450px)/2));padding-right:max(4%,calc((100vw - 1450px)/2))}header{margin:0}.specimen{height:620px}}
@media(max-width:1000px){.specimen{height:430px}.hero h1{font-size:8.7vw}.intro-grid,.decision-grid{gap:35px}.section{padding-top:65px;padding-bottom:65px}.project{gap:30px}.project-art{height:365px}.project-copy h3{font-size:34px}.yard-art,.outloud-art{height:310px}.yard-word{font-size:105px}.outloud-word{font-size:82px}.outloud-word>span{font-size:100px;right:10px}.way{grid-template-columns:25px 1fr 1.2fr}.way a{grid-column:2/-1;text-align:left}.contact-grid{gap:50px}.essay h2{font-size:46px}}
@media(max-width:680px){header{height:75px;margin:0 6%}.brand{font-size:22px;gap:7px}.brand img{width:27px}nav{gap:19px;font-size:11px}nav a:nth-child(2){display:none}.nav-contact{margin-left:0}.nav-contact span{margin-left:8px}.hero{padding:25px 6% 0}.eyebrow{font-size:9px}.hero-grid{grid-template-columns:1fr;padding:34px 0 18px;gap:0}.hero h1{font-size:clamp(66px,13.6vw,95px);margin-bottom:24px}.hero-copy>p{font-size:14px}.hero-copy .text-link{margin-bottom:5px}.specimen{height:340px;margin:10px -10px 0}.hand,.hand-shadow{inset:10% 18% 16%}.contour{inset:3% 18%}.contour-two{inset:0% 23%}.specimen-tag{left:10%;bottom:3%}.cross.c1,.cross.c2{top:5%}.hero-foot{font-size:9px;gap:20px}.hero-foot span:last-child{text-align:right}.section{padding:48px 6%}.section-kicker{font-size:9px;gap:25px;padding-bottom:32px}.section-kicker span:last-child{text-align:right;max-width:150px}.intro-grid,.decision-grid,.project,.contact-grid{grid-template-columns:1fr;gap:30px}h2{font-size:49px}.intro-text .lead{font-size:21px}.decision h2{font-size:55px}.demo-intro{font-size:14px}.annotation{min-height:0;margin-bottom:0}.switch{max-width:100%}.switch button{font-size:10px;padding:11px 14px}.demo-stage{min-height:450px}#demo-before{padding:25px 20px;min-height:365px}#demo-after{min-height:365px;padding:23px}.demo-top{padding:0 20px}.demo-heading h3{font-size:16px}.demo-heading>span{font-size:9px}.work-title{display:block;margin-bottom:28px}.work-title p{margin-top:23px;font-size:13px}.project-art{height:310px}.pirch-art{padding:17px}.art-top,.art-foot{font-size:9px}.pirch-art img{margin-top:30px}.project-copy h3{font-size:36px;margin:15px 0}.project-copy p{font-size:14px}.tags{margin:17px 0}.world-pair{grid-template-columns:1fr;margin-top:38px;gap:20px}.yard-art,.outloud-art{height:310px}.yard-word{font-size:118px}.outloud-word{font-size:95px}.outloud-word>span{right:20px;font-size:115px}.private-note{display:block;font-size:11px;margin-top:15px}.private-note a{display:block;margin-top:12px}.ways h2{font-size:46px;margin-bottom:35px}.way{grid-template-columns:20px 1fr;gap:15px;padding:24px 0}.way h3{font-size:24px}.way p,.way a{grid-column:2}.way p{font-size:13px}.essay summary{grid-template-columns:1fr;gap:18px}.essay h2{font-size:46px}.essay-open{text-align:left}.essay-body{font-size:16px}.contact-grid{gap:35px}.contact h2{font-size:76px}.contact-hand{display:none}.contact-form .lead{font-size:20px}.contact-form select,.contact-form textarea{font-size:16px}footer{padding:25px 6%;display:grid;grid-template-columns:1fr 1fr;gap:22px}footer>span:nth-child(2){text-align:right;font-size:10px}footer>a:last-child{text-align:right}.specimen:hover .hand{transform:rotate(-8deg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Real 3D mark; CSS treatment remains the no-WebGL fallback. */
#hand-model{position:absolute;inset:0 0 10%;z-index:3;touch-action:pan-y;cursor:grab}#hand-model canvas{display:block;width:100%;height:100%}.has-3d .hand,.has-3d .hand-shadow{display:none}.specimen-tag{z-index:4;pointer-events:none}#turn-hand{position:absolute;bottom:2%;right:10%;z-index:5;border:1px solid #adb7aa;border-radius:30px;background:#f5f6f2bb;padding:10px 16px;font-size:11px;backdrop-filter:blur(8px)}#turn-hand:hover{background:#fff}.has-3d .spectrum{bottom:12%}.cross{pointer-events:none}.brand-world{margin:38px 0 0;overflow:hidden;padding:26px 35px 0}.world-header{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.03em;min-height:48px;gap:20px}.world-header>img{max-width:140px;max-height:43px;object-fit:contain}.world-header>span{flex:1}.world-header>span:last-child{text-align:right}.world-layout{display:grid;grid-template-columns:1fr 1fr;min-height:420px;align-items:center;gap:25px}.world-story{padding:40px 0 45px 25px;position:relative;z-index:2}.world-story h3{font-size:clamp(36px,4.2vw,66px);line-height:1.02;font-weight:750;letter-spacing:-.045em;margin:22px 0}.world-story>p{font-size:17px;line-height:1.6;margin:0 0 26px}.world-button{display:inline-block;padding:13px 22px;font-size:13px;font-weight:650;border-radius:10px;transition:transform .25s}.world-button:hover{transform:translateY(-3px)}.world-bottom{display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:40px;border-top:1px solid #ffffff50;font-size:11px}.world-bottom p{margin:0;max-width:600px;line-height:1.6}.world-bottom>span{font-size:9px;white-space:nowrap}.pirch-world{background:#faf6ee url('assets/pirch-forest.jpg') center/cover no-repeat;color:#2a2521;font-family:system-ui,-apple-system,sans-serif;position:relative}.pirch-world:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#faf6eef7 0%,#faf6eee6 38%,#faf6ee26 100%);pointer-events:none}.pirch-world>*{position:relative}.pirch-logo{font-size:35px;letter-spacing:-2px;font-weight:800;color:#a8572b}.pirch-world .world-header>img{height:42px}.pirch-world .world-button{background:#a8572b;color:white}.pirch-world .world-bottom{border-color:#c6bdb2}.pirch-scene{position:relative;height:400px;display:flex;align-items:center;justify-content:center}.pirch-scene>img{width:75%;height:85%;object-fit:contain;filter:drop-shadow(0 20px 20px #5445291a);transition:transform .6s}.pirch-world:hover .pirch-scene>img{transform:translateY(-7px) rotate(-3deg)}.field-note{position:absolute;right:0;bottom:17px;transform:rotate(3deg);background:#fffdf5;padding:20px 24px;box-shadow:0 8px 22px #5d4e2920;border:1px solid #e5decf}.field-note>span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#97491f}.field-note p{font-family:Georgia,serif;font-style:italic;font-size:17px;line-height:1.4;margin:8px 0 0}.yard-world{background:#f9f8f6;color:#273849;font-family:system-ui,-apple-system,sans-serif;border:1px solid #e3dfda}.yard-world .world-header{border-bottom:1px solid #e3dfda;padding-bottom:20px}.yard-world .world-header>img{max-height:60px;max-width:145px}.yard-world .world-story h3{font-weight:700;letter-spacing:-.05em}.yard-world .world-button{background:#304354;color:#fff;border-radius:6px}.yard-colors{display:flex;gap:7px}.yard-colors i{height:6px;width:27px;border-radius:2px;background:#58a730}.yard-colors i:nth-child(2){background:#2294c4}.yard-colors i:nth-child(3){background:#ed8c15}.yard-scene{position:relative;border-radius:9px;overflow:hidden;background:white;box-shadow:0 15px 50px #27384916;margin:30px 0;transform:rotate(2deg);transition:transform .5s}.yard-world:hover .yard-scene{transform:rotate(0deg)}.yard-scene>img{width:100%;height:240px;object-fit:cover;display:block}.yard-caption{padding:23px}.yard-caption>span{font-size:10px;color:#548e36}.yard-caption strong{display:block;font-size:22px;font-weight:650;letter-spacing:-.5px;margin:7px 0 15px}.yard-caption>div{display:flex;gap:8px;flex-wrap:wrap}.yard-caption>div>span{font-size:9px;border:1px solid #deded9;padding:6px 9px;border-radius:4px}.yard-world .world-bottom{border-color:#e3dfda}.outloud-world{background:#0f0f10 url('assets/outloud-waves.jpg') center/cover no-repeat;color:#f2f0ec;position:relative;font-family:system-ui,-apple-system,sans-serif}.outloud-world:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0f0f10ee,#0f0f1090 60%,#0f0f1033)}.outloud-world>*{position:relative}.outloud-world .world-header>img{max-width:150px;max-height:45px}.outloud-world .world-header{color:#ded7cc}.outloud-kicker{color:#f5b942;font-size:17px}.outloud-world .world-story h3{font-size:clamp(48px,6.4vw,96px);font-weight:800;letter-spacing:-.045em;line-height:1}.outloud-world .world-story p{color:#ddd9d1}.outloud-world .world-button{background:#f5b942;color:#1a1405;border-radius:99px}.outloud-scene{height:410px;position:relative;display:flex;align-items:flex-end;justify-content:center}.outloud-scene>img{width:85%;height:95%;object-fit:contain;filter:drop-shadow(0 12px 24px #0008);transition:transform .5s}.outloud-world:hover .outloud-scene>img{transform:rotate(3deg)}.speech-note{position:absolute;top:10%;right:0;transform:rotate(5deg);color:#1a1405;background:#f5b942;font-weight:750;font-size:20px;line-height:1.1;padding:18px;border-radius:18px 18px 18px 2px}.outloud-world .world-bottom{background:#0f0f1055}.outloud-world .world-bottom b{color:#f5b942}
@media(max-width:1000px){.brand-world{padding:20px 25px 0}.world-story{padding-left:0}.world-story h3{font-size:43px}.world-layout{gap:15px}.field-note{padding:15px}.field-note p{font-size:14px}.yard-scene>img{height:190px}.speech-note{font-size:16px;right:-5px}.world-bottom{gap:20px}.world-bottom>span{white-space:normal;max-width:140px;text-align:right}}
@media(max-width:680px){.brand-world{margin:26px -6.82% 0;padding:20px 6% 0}.world-header{font-size:8px;gap:12px}.world-header>img{max-width:100px}.world-header>span:last-child{max-width:100px}.world-layout{grid-template-columns:1fr;gap:0}.world-story{padding:35px 0 10px}.world-story h3{font-size:43px}.world-story>p{font-size:15px}.pirch-world:before{background:linear-gradient(180deg,#faf6eef5,#faf6eee8 40%,#faf6ee35)}.pirch-logo{font-size:30px}.pirch-scene{height:310px}.pirch-scene>img{width:75%;height:95%;margin-left:-55px}.field-note{right:3px;bottom:20px}.field-note p{font-size:15px}.world-bottom{font-size:10px;padding:18px 0;align-items:flex-start}.world-bottom>span{font-size:8px;min-width:65px}.yard-world .world-header>img{max-width:100px;max-height:45px}.yard-scene{margin:30px 0}.yard-scene>img{height:195px}.yard-caption{padding:18px}.yard-caption strong{font-size:21px}.outloud-world .world-header>img{max-width:110px}.outloud-world .world-story h3{font-size:62px}.outloud-scene{height:320px}.outloud-scene>img{height:100%;width:83%;margin-left:-25px}.speech-note{right:5px;top:15%;font-size:18px}.outloud-world:before{background:linear-gradient(180deg,#0f0f10ee,#0f0f1090 50%,#0f0f1033)}#hand-model{inset:-4% -5% 8%}}

/* Scroll score: quiet chapter cues, deliberate entrances, layered brand artwork. */
.reading-light{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#aba5e8,#82b4dc,#91c5b0,#d6bf72,#ce8cab);transform-origin:left;scale:0 1;z-index:30;pointer-events:none}
.section-kicker{position:relative}
.section-kicker:after{content:'';position:absolute;left:0;right:0;bottom:25px;height:1px;background:currentColor;opacity:.2;transform-origin:left;transform:scaleX(1);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.scroll-entry{opacity:0;transform:translateY(36px);transition:opacity .85s ease var(--arrival-delay,0ms),transform 1.05s cubic-bezier(.16,1,.3,1) var(--arrival-delay,0ms)}
.section-kicker.scroll-entry{transform:translateY(12px)}
.section-kicker.scroll-entry:not(.arrived):after{transform:scaleX(0)}
h2.scroll-entry{transform:translateY(40px);clip-path:inset(0 0 12% 0);transition:opacity .9s ease,transform 1.15s cubic-bezier(.16,1,.3,1),clip-path 1.15s cubic-bezier(.16,1,.3,1)}
h2.scroll-entry.arrived{clip-path:inset(-10% -2% -12% -2%)}
.demo-stage.scroll-entry{transform:perspective(1200px) translateY(55px) rotateX(5deg);transform-origin:center bottom;transition-duration:1.1s}
.brand-world.scroll-entry{opacity:.18;transform:translateY(65px) scale(.96);clip-path:inset(0 3% 0 3% round 28px);transition:opacity 1s ease,transform 1.3s cubic-bezier(.16,1,.3,1),clip-path 1.3s cubic-bezier(.16,1,.3,1)}
.brand-world.scroll-entry.arrived{clip-path:inset(0 0 0 0 round 0px)}
.brand-world.scroll-entry .world-header,.brand-world.scroll-entry .world-story,.brand-world.scroll-entry .world-bottom{opacity:0;transform:translateY(22px);transition:opacity .8s ease .2s,transform 1s cubic-bezier(.16,1,.3,1) .2s}
.brand-world.scroll-entry .world-story{transition-delay:.28s}
.brand-world.scroll-entry .world-bottom{transition-delay:.4s}
.brand-world.arrived .world-header,.brand-world.arrived .world-story,.brand-world.arrived .world-bottom{opacity:1;transform:none}
.scroll-entry.arrived{opacity:1;transform:none}
.scroll-art{translate:0 var(--scroll-drift,0px)}
.way.scroll-entry{transform:translateX(-22px)}
.way.scroll-entry.arrived{transform:none}
.contact{background-size:120% 120%;background-position:center}
@media(max-width:680px){.section-kicker:after{bottom:17px}.scroll-entry{transform:translateY(24px)}.brand-world.scroll-entry{transform:translateY(35px) scale(.985);clip-path:inset(0 2% 0 2% round 18px)}.brand-world.scroll-entry.arrived{transform:none;clip-path:inset(0)}.demo-stage.scroll-entry{transform:translateY(30px)}.demo-stage.scroll-entry.arrived{transform:none}}
@media(prefers-reduced-motion:reduce){.scroll-entry,.scroll-entry.arrived,.brand-world.scroll-entry .world-header,.brand-world.scroll-entry .world-story,.brand-world.scroll-entry .world-bottom{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}.scroll-art{translate:none!important}.section-kicker:after{transform:none!important}.reading-light{display:none}}
@media print{.scroll-entry,.brand-world.scroll-entry .world-header,.brand-world.scroll-entry .world-story,.brand-world.scroll-entry .world-bottom{opacity:1!important;transform:none!important;clip-path:none!important}.scroll-art{translate:none!important}.reading-light{display:none}}

/* TasteOS — original Sora type, warm cream, coral, sage, and food-led art. */
.tasteos-world{background:radial-gradient(ellipse at 90% 15%,#fae0ba80,transparent 55%),#faf6f0;color:#261e18;font-family:'Sora',system-ui,sans-serif;position:relative}
.tasteos-world .world-header{border-bottom:1px solid #e7dccd;padding-bottom:19px}
.tasteos-world .world-header>img{max-width:155px;max-height:46px}
.tasteos-kicker{font-size:12px;color:#915026;font-weight:500}
.tasteos-world .world-story h3{font-weight:650;letter-spacing:-.06em;font-size:clamp(38px,4.6vw,68px)}
.tasteos-world .world-story>p{color:#655447;font-size:15px}
.tasteos-world .world-button{background:#b84a22;color:white;border-radius:12px}
.tasteos-scene{position:relative;margin:40px 0 55px;isolation:isolate}
.tasteos-tablet{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:24px;transform:rotate(-3deg);box-shadow:0 22px 45px #713d2320;transition:transform .65s ease}
.tasteos-world:hover .tasteos-tablet{transform:rotate(-1deg)}
.tasteos-note{position:absolute;bottom:-33px;right:13px;background:#3e7455;color:#fff9ee;border-radius:15px;box-shadow:0 12px 24px #233e2924;padding:19px 23px;transform:rotate(3deg)}
.tasteos-note>span:first-child{display:block;text-transform:uppercase;letter-spacing:.11em;font-size:8px;color:#d5eadb}
.tasteos-note strong{display:block;font-size:20px;line-height:1.25;font-weight:500;letter-spacing:-.6px;margin:9px 0 13px}
.tasteos-flavors{font-size:8px;color:#e0efdc}
.tasteos-world .world-bottom{border-color:#e7dccd}
.tasteos-detail{border-top:1px solid #e7dccd}
.tasteos-detail summary{display:flex;justify-content:space-between;align-items:center;list-style:none;font-size:12px;padding:21px 0;color:#895031}
.tasteos-detail summary::-webkit-details-marker{display:none}
.tasteos-detail summary>span{font-size:22px;transition:transform .25s}
.tasteos-detail[open] summary>span{transform:rotate(45deg)}
.tasteos-detail-grid{display:grid;grid-template-columns:1fr .8fr;gap:75px;align-items:center;padding:25px 35px 45px}
.tasteos-detail h4{font-size:36px;font-weight:600;letter-spacing:-1.6px;line-height:1.15;margin:18px 0}
.tasteos-detail p{font-size:14px;line-height:1.8;color:#655447}
.tasteos-detail .tasteos-archive-note{font-size:10px;margin-top:24px}
.tasteos-detail figure{margin:0;text-align:center}
.tasteos-detail figure img{display:block;width:100%;max-width:210px;height:auto;max-height:460px;object-fit:contain;margin:auto;border-radius:24px;box-shadow:0 12px 28px #4c2d1914}
.tasteos-detail figcaption{font-size:9px;color:#655447;margin:14px 0 0}
@media(max-width:680px){.tasteos-world .world-header>img{max-width:108px}.tasteos-kicker{font-size:10px}.tasteos-world .world-story h3{font-size:43px}.tasteos-scene{margin:32px 0 58px}.tasteos-note{padding:16px 18px;right:4px;bottom:-38px}.tasteos-note strong{font-size:17px}.tasteos-detail-grid{grid-template-columns:1fr;gap:26px;padding:13px 0 30px}.tasteos-detail h4{font-size:32px}.tasteos-detail figure img{max-width:200px}.tasteos-detail summary{font-size:11px}}

/* Original hand-drawn wordmark: crop the existing lockup in layout, preserving its pixels.
   Source 1914 × 370; wordmark window x=450, y=72, width=1464, height=230. */
header .header-wordmark{display:block;position:relative;overflow:hidden;width:184px;aspect-ratio:1464 / 230;flex-shrink:0}
header .header-wordmark img{position:absolute;display:block;width:130.7377049%;height:auto;max-width:none;left:-30.7377049%;top:-31.3043478%;margin:0}
@media(max-width:680px){header .header-wordmark{width:145px}}

/* Current unboxed hand paired with the original lettering. */
header .header-lockup{display:flex;align-items:center;gap:13px;flex-shrink:0}
header .header-lockup .header-hand{display:block;width:38px;height:auto;flex-shrink:0}
header .header-lockup .header-wordmark{margin:0}
@media(max-width:680px){header .header-lockup{gap:9px}header .header-lockup .header-hand{width:28px}header .header-lockup .header-wordmark{width:124px}}

/* Footer repeats the current unboxed-hand / original-wordmark lockup. */
footer .footer-lockup{display:flex;align-items:center;gap:13px;flex-shrink:0}
footer .footer-lockup .footer-hand{display:block;width:38px;height:auto;flex-shrink:0}
footer .footer-wordmark{display:block;position:relative;overflow:hidden;width:184px;aspect-ratio:1464 / 230;margin:0;flex-shrink:0}
footer .footer-wordmark img{position:absolute;display:block;width:130.7377049%;height:auto;max-width:none;left:-30.7377049%;top:-31.3043478%;margin:0}
@media(max-width:680px){footer .footer-lockup{gap:9px}footer .footer-lockup .footer-hand{width:28px}footer .footer-wordmark{width:124px}}

/* The static mark is a failure fallback, not a loading frame. */
.hand-enhanced .specimen:not(.has-fallback) .hand,.hand-enhanced .specimen:not(.has-fallback) .hand-shadow{display:none}
#hand-model{opacity:0;transition:opacity .25s ease}.has-3d #hand-model{opacity:1}
@media(prefers-reduced-motion:reduce){#hand-model{transition:none}}