:root{--bg:#f5f1ea;--bg-2:#ebe5da;--paper:#fbf9f5;--ink:#4a342a;--ink-dim:#6f5b4f;--muted:#9a8a7d;--line:#e0d7ca;--accent:#6e6b41;--amber:#8a6a52;--display:"Gloock", "Times New Roman", serif;--sans:"Schibsted Grotesk", "Helvetica Neue", sans-serif;--mono:"Spline Sans Mono", ui-monospace, monospace;--hand:"Caveat", "Bradley Hand", cursive;--pad:clamp(16px, 4.5vw, 64px);--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-anchor:none;-webkit-text-size-adjust:100%;scroll-padding-top:84px}body{background:var(--bg);color:var(--ink);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img,video,svg{max-width:100%}h1,h2,h3{margin:0;font-weight:400}p{margin:0}::selection{background:var(--accent);color:var(--paper)}:focus-visible{outline:1.5px dashed var(--accent);outline-offset:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mono{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:11.5px;font-weight:500;line-height:1.5}.note{color:var(--accent);font-size:1.1rem;font-style:italic;font-weight:500;line-height:1.35;display:inline-block;transform:rotate(-2deg)}.studio-page{position:relative;overflow-x:clip}.studio-page:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(80vw 60vh at 85% -10%,#fbf8f2,#0000 60%),radial-gradient(110vw 80vh at 50% 125%,#ddd2c255,#0000 70%);position:fixed;inset:0}.journey{z-index:1;position:relative}.grain{z-index:60;pointer-events:none;opacity:.07;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .08 0 0 0 0 .06 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.2s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-1%,4%)}80%{transform:translate(3%,1%)}to{transform:translate(0)}}.skip-link{z-index:80;background:var(--ink);color:var(--paper);padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{z-index:50;padding:18px var(--pad);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:#f5f1ead9;border-bottom:1px solid #e0d7ca80;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;display:grid;position:fixed;inset:0 0 auto}.wordmark{font-family:var(--display);letter-spacing:-.01em;font-size:1.25rem}.wordmark span{color:var(--accent)}.site-header nav{gap:clamp(16px,2.6vw,36px);font-size:14px;display:flex}.site-header nav a{color:var(--ink-dim);padding:4px 0;transition:color .25s;position:relative}.site-header nav a:after{content:"";background:var(--accent);transform-origin:0;height:1.5px;transition:transform .45s var(--ease-out);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--ink)}.site-header nav a[aria-current]:after{transform:scaleX(1)}.frame-counter{color:var(--muted);justify-self:end}.frame-counter b{color:var(--accent);font-weight:500}.frame-counter span{color:var(--ink-dim);margin-left:.6em}.is-live [data-reveal]{opacity:0;transition:opacity .9s ease var(--d,0s), transform 1.1s var(--ease-out) var(--d,0s);transform:translateY(28px)}.is-live [data-reveal][data-in]{opacity:1;transform:none}.is-live [data-develop] img{filter:sepia(.7)brightness(1.75)contrast(.32)saturate(.4);transition:filter 2.8s cubic-bezier(.3,.6,.2,1) .15s}.is-live [data-develop][data-in] img{filter:none}.thought-line,.mobile-thought-line{display:none}.thought-line path{fill:none;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.thought-tip{fill:var(--accent);opacity:0}.studio-page[data-layout=vertical] .mobile-thought-line{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.mobile-thought-line path{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.mobile-thought-tip{fill:var(--accent);opacity:0}.create-photo-stack{z-index:0;pointer-events:none;opacity:0;visibility:hidden;height:100svh;position:fixed;inset:0;overflow:hidden}.create-stack-photo{left:var(--stack-mobile-x,50%);top:var(--stack-mobile-y,50%);opacity:0;border:3px solid var(--paper);will-change:transform, opacity;width:108vw;position:absolute;box-shadow:0 14px 40px #4a342a26}.create-stack-photo img{width:100%;height:auto;display:block}.create-stack-scrim{z-index:10;background:#f5f1eabf;position:absolute;inset:0}.canvas{z-index:1;position:relative}.chapter{z-index:1;padding:clamp(110px, 14vw, 180px) var(--pad);position:relative}.chapter:is(.create,.build,.explore,.life){padding:clamp(140px,18vw,220px) clamp(24px,6.5vw,96px)}.chapter>*{min-width:0;max-width:1320px;margin-inline:auto}.chapter :is(.create,.build-lead,.explore,.about,.projects,.project-row)>*,.chapter-head,.studio,.about-main,.about-story{min-width:0}.chapter+.chapter{border-top:1px solid var(--line)}.chapter-kicker{color:var(--amber);gap:14px;display:flex}.chapter-kicker span{color:var(--accent)}.chapter-word{font-family:var(--display);letter-spacing:-.035em;margin:.12em 0 .22em;padding-bottom:.04em;font-size:clamp(2.8rem,17vw,15rem);line-height:.82;display:flex;overflow:hidden}.chapter-word span{display:inline-block}.is-live .chapter-word[data-reveal]{opacity:1;transform:none}.is-live .chapter-word span{transition:transform 1.1s var(--ease-out) calc(var(--i) * 55ms);transform:translateY(102%)rotate(7deg)}.is-live .chapter-word[data-in] span{transform:none}.chapter-lede{gap:18px;display:grid}.chapter-intro{max-width:22ch;font-family:var(--display);letter-spacing:-.005em;font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.18}.chapter-copy{color:var(--ink-dim);max-width:46ch;font-size:1.05rem;line-height:1.7}.segue{font-family:var(--display);color:var(--ink-dim);margin-top:88px;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.18}.segue:before{content:"↳ ";color:var(--accent)}.print{margin:0;position:relative}.print-paper{background:var(--paper);transition:transform .7s var(--ease-out), box-shadow .7s var(--ease-out);padding:clamp(9px,1.1vw,15px) clamp(9px,1.1vw,15px) clamp(30px,3.4vw,48px);transform:rotate(-1.6deg);box-shadow:0 30px 50px -28px #4a342a80,0 1px #00000014,0 0 0 1px #00000008}.print-paper img{background:var(--bg-2);width:100%;height:auto;display:block}.opening{gap:28px;padding-top:120px;display:grid}.opening-portrait{order:2;width:min(86%,400px);margin:0 auto;position:relative}.opening-glow{background:radial-gradient(closest-side,#6e6b411c,#6e6b4108 60%,#0000);border-radius:50%;position:absolute;inset:10% 6% 0}.thinker{margin:0;position:relative;-webkit-mask-image:linear-gradient(#000 84%,#0000);mask-image:linear-gradient(#000 84%,#0000)}.thinker>img{width:100%;height:auto;display:block}.thinker canvas{pointer-events:none;opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.thinker[data-portrait-ready=true]>img{opacity:0}.thinker[data-portrait-ready=true] canvas{opacity:1}.opening-note{display:none}.opening-eyebrow{color:var(--amber);align-items:center;gap:10px;display:flex}.rec{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite rec;box-shadow:0 0 10px #6e6b4180}@keyframes rec{50%{opacity:.25}}.opening-greeting{font-family:var(--display);letter-spacing:-.015em;margin-top:.9em;font-size:clamp(1.9rem,7vw,3rem);line-height:1.05}.opening-title{font-family:var(--display);letter-spacing:-.03em;margin:.12em 0 .3em;font-size:clamp(4.4rem,20vw,9rem);line-height:.86}.opening-line{padding:0 .05em .06em 0;display:block;overflow:hidden}.opening-line>span{display:inline-block}.is-live .opening-line[data-reveal]{opacity:1;transform:none}.is-live .opening-line>span{transition:transform 1.3s var(--ease-out) var(--d,0s);transform:translateY(108%)rotate(3deg)}.is-live .opening-line[data-in]>span{transform:none}.opening-line+.opening-line{color:var(--accent);margin-left:.6em}.opening-thoughts{flex-direction:column;gap:6px;max-width:34rem;display:flex}.opening-thoughts .mono{color:var(--muted)}.opening-thoughts ul{height:3em;color:var(--ink-dim);margin:0;padding:0;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.5;list-style:none;position:relative}.opening-thoughts li{opacity:0;animation:thought 10.5s var(--ease-out) infinite;animation-delay:calc(var(--i) * 3.5s);position:absolute;inset:0 0 auto}@keyframes thought{0%{opacity:0;transform:translateY(.7em)}3%,31%{opacity:1;transform:none}34%,to{opacity:0;transform:translateY(-.7em)}}.opening-foot{border-top:1px solid var(--line);color:var(--muted);order:3;justify-content:space-between;gap:20px;padding-top:16px;display:flex}.opening-foot p{display:none}.scroll-cue{color:var(--ink-dim);align-items:center;gap:12px;transition:color .25s;display:inline-flex}.scroll-cue:hover{color:var(--accent)}.scroll-cue span{background:var(--line);width:1px;height:26px;position:relative;overflow:hidden}.scroll-cue span:after{content:"";background:var(--accent);width:1px;height:40%;animation:cue 1.8s var(--ease-out) infinite;position:absolute;top:-40%;left:0}.scroll-cue i{font-style:normal;display:none}@keyframes cue{to{top:100%}}@keyframes nudge{50%{transform:translate(6px)}}.create{gap:96px;display:grid}.print-award{max-width:520px}.print-note{position:absolute;top:-34px;right:0}.polaroid{background:linear-gradient(#fdfcf9,#f7f4ee);border-radius:2px;padding:5.5% 5.5% 0}.polaroid-photo{aspect-ratio:1;background:var(--bg-2);overflow:hidden;box-shadow:inset 0 0 0 1px #4a342a14}.polaroid-photo img{object-fit:cover;object-position:50% 70%;width:100%;height:100%}.polaroid-caption{min-height:6.2em;font-family:var(--hand);text-align:center;color:var(--ink);place-items:center;padding:.5em 6% .9em;font-size:clamp(1.15rem,1.9vw,1.55rem);font-weight:500;line-height:1.15;display:grid;transform:rotate(-1.2deg)}.studio>.mono{color:var(--amber)}.studio{flex-direction:column;display:flex}.knotty-logo{width:min(86%,340px);color:var(--ink);margin:28px 0 26px;transition:color .3s;display:block}.knotty-logo:hover{color:var(--accent)}.knotty-logo svg{width:100%;height:auto;display:block;overflow:visible}.studio-copy{max-width:18ch;font-family:var(--display);color:var(--ink);font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.18}.studio .studio-legacy{border-block:1px solid var(--line);color:var(--ink-dim);flex-wrap:wrap;align-items:baseline;gap:4px .6em;margin-top:28px;padding:14px 0;display:flex}.studio-legacy span{white-space:nowrap}.studio-legacy em{font-family:var(--sans);letter-spacing:0;text-transform:none;color:var(--muted);white-space:nowrap;font-size:13px}.build-lead{gap:88px;display:grid}.build-process{gap:22px;display:grid}.build-frame{aspect-ratio:16/10;background:var(--paper);border:1px solid var(--line);border-radius:6px;position:relative;overflow:hidden;box-shadow:0 24px 50px -34px #4a342a59}.build-frame svg{width:100%;height:100%;display:block}.build-sketch path{fill:none;stroke:var(--accent);stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.build-wire>*{fill:none;stroke:#6f5b4f80;stroke-width:.8px;stroke-dasharray:1;stroke-dashoffset:1px}.build-wire .build-wire-text{fill:#6f5b4f12}.build-real [data-real]{opacity:0}.real-paper{fill:#fff;stroke:var(--line);stroke-width:.6px}.real-muted{fill:#d9cfc2}.real-ink{fill:var(--ink)}.real-logo{font-family:var(--display);fill:var(--ink);font-size:10px}.real-head{font-family:var(--display);fill:var(--ink);font-size:12.5px}.real-accent,.real-button{fill:var(--accent)}.real-button-text{font-family:var(--sans);fill:var(--paper);text-anchor:middle;font-size:6px;font-weight:600}.real-number{font-family:var(--display);fill:var(--ink);font-size:15px}.real-chip{fill:#ebe5da}.real-chip-on{fill:#6e6b4133}.real-chart{fill:none;stroke:var(--accent);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.build-cursor{opacity:0;fill:var(--ink);stroke:var(--paper);stroke-width:.8px;stroke-linejoin:round}.build-ripple{fill:none;stroke:var(--accent);stroke-width:1px;opacity:0}.build-note{opacity:0;font-size:clamp(.8rem,1.6vw,1rem);position:absolute;bottom:3%;right:5%;transform:rotate(-3deg)}.build-steps{grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}.build-steps li{color:var(--muted);padding-top:12px;transition:color .4s;position:relative}.build-steps li:before{content:"";background:var(--line);height:1px;position:absolute;inset:0 0 auto}.build-steps li i{background:var(--accent);height:2px;transform:scaleX(var(--fill,0));transform-origin:0;margin-top:-.5px;position:absolute;inset:0 0 auto}.build-steps .mono{font-size:clamp(9.5px,2.6vw,11px);line-height:1.5}.build-steps p:not(.mono){margin-top:4px;font-size:.95rem;line-height:1.4}.build-steps li[data-active],.build-steps li[data-done]{color:var(--ink-dim)}.build-steps li[data-active] .mono,.build-steps li[data-done] .mono{color:var(--amber)}.projects{margin-top:130px;position:relative}.projects-label{color:var(--amber);margin-bottom:20px}.project-row{gap:72px;display:grid}.project>a{gap:18px;display:grid}.project-index{font-family:var(--display);color:#0000;-webkit-text-stroke:1px var(--muted);font-size:2.6rem;line-height:1;transition:-webkit-text-stroke-color .4s}.project .mono{color:var(--amber)}.project h3{font-family:var(--display);letter-spacing:-.015em;align-items:flex-start;gap:.25em;margin-top:.2em;font-size:clamp(2.2rem,3.4vw,3.2rem);line-height:.95;display:flex}.project h3 svg{fill:none;width:.5em;height:.5em;stroke:var(--accent);stroke-width:1.6px;transition:transform .45s var(--ease-out);flex:none;margin-top:.12em}.project-note{margin-bottom:12px}.project-description{max-width:44ch;color:var(--ink-dim);font-size:1rem;line-height:1.65}.project-domain{color:var(--muted);margin-top:12px}.project-print .print-paper{transform:rotate(1.2deg)}.project:nth-child(2n) .project-print .print-paper{transform:rotate(-1.6deg)}.project>a:hover .print-paper{transform:rotate(0)translateY(-8px);box-shadow:0 40px 60px -26px #4a342a99,0 0 0 1px #6e6b4155}.project>a:hover h3 svg{transform:translate(4px,-4px)}.project>a:hover .project-index{-webkit-text-stroke-color:var(--accent)}.project-open{align-content:start;gap:6px;display:grid}.project-open h3{color:var(--ink-dim)}.project-open .project-note{color:var(--muted)}.explore{gap:80px;display:grid}.explore-art{position:relative;container-type:inline-size}.art-stage{aspect-ratio:1000/620;position:relative}.art-stage>svg{fill:none;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.art-line{fill:none;stroke:var(--accent);stroke-width:var(--art-stroke,2.6)}.art-tip{fill:var(--accent);opacity:0}.art-chips{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.art-mark{left:var(--x);top:var(--y);opacity:0;transition:opacity .4s ease, transform .6s var(--ease-out);position:absolute;transform:translate(-50%,-50%)scale(.85)}.art-mark[data-on]{opacity:1;transform:translate(-50%,-50%)}.art-chips .art-mark[data-on]{pointer-events:auto}.chip{border:1px solid var(--line);background:var(--bg);color:var(--ink-dim);white-space:nowrap;animation:7s ease-in-out infinite alternate drift;animation-delay:calc(var(--i,3) * -1.3s);border-radius:999px;padding:.7em 1.15em;font-size:clamp(9.5px,1.15cqw,12px);display:inline-block}@keyframes drift{to{transform:translate(5px,-7px)rotate(1.2deg)}}.explore-art:not([data-visible]) .chip{animation-play-state:paused}.chip-accent{background:var(--accent);border-color:var(--accent);color:var(--paper)}.chip-dead{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);border-style:dashed}.idea{text-align:center;width:max-content}.idea-button{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:6px;display:inline-flex}.idea-button svg{aspect-ratio:1;width:clamp(42px,8cqw,76px);height:auto;fill:var(--paper);stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round;transition:stroke .3s,filter .5s,fill .3s}.idea-button span{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;text-underline-offset:5px;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);font-size:clamp(9.5px,1.1cqw,11px)}.idea-button:hover svg,.idea-button[aria-expanded=true] svg{stroke:var(--accent);filter:drop-shadow(0 0 14px #6e6b4166)}.idea-button[aria-expanded=true] svg{fill:#eae6d6}.idea-reveal{text-align:left;width:max-content;max-width:46cqw;min-height:1.7em;margin:4px 0 0;position:absolute;top:100%;left:0;transform:rotate(-1.5deg)}.idea-reveal[data-open=true]{animation:pop .5s var(--ease-out)}@keyframes pop{0%{opacity:0;transform:translateY(8px)rotate(-1.5deg)}}@container (max-width:560px){.art-chips{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex;position:static}.art-chips .art-mark{position:static;transform:translateY(6px)}.art-chips .art-mark[data-on]{transform:none}.chip{font-size:10.5px;animation:none}.idea.art-mark{top:4%}@media (prefers-reduced-motion:reduce){.art-chips .art-mark{transform:none!important}}}.loop-line{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin-top:36px;font-size:12px;display:flex}.loop-line span{animation:4s infinite lit;animation-delay:calc(var(--i) * 1s)}@keyframes lit{0%,22%{color:var(--accent)}26%,to{color:var(--muted)}}.explore-bottom{font-family:var(--display);margin-top:48px;font-size:clamp(1.7rem,3.2vw,2.8rem);line-height:1.18}.life-head .mono{color:var(--amber)}.life-head h2{font-family:var(--display);letter-spacing:-.025em;margin:.25em 0 .3em;font-size:clamp(3rem,8vw,6.4rem);line-height:.9}.life-head p:nth-of-type(2){max-width:42ch;color:var(--ink-dim);font-size:1.08rem;line-height:1.7}.life-branches{gap:18px;margin-top:64px;display:grid}.life-branch{min-width:0;position:relative}.life-face{border:1px solid var(--line);background:var(--paper);text-align:left;cursor:pointer;width:100%;height:100%;transition:border-color .3s, background .3s, transform .5s var(--ease-out), opacity .35s ease, padding .6s var(--ease-out);border-radius:6px;align-content:start;justify-items:start;gap:18px;padding:24px 22px 26px;display:grid}.life-face:hover{border-color:#6e6b4166;transform:translateY(-4px)}.life-face{grid-template-rows:auto auto auto 1fr}.life-hint{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;align-self:end;align-items:center;gap:8px;font-size:11.5px;display:flex}.life-hint b{transition:transform .35s var(--ease-out);font-weight:400}.life-spark{animation:2.6s ease-in-out infinite spark;animation-delay:calc(var(--i,0) * .8s);font-size:12px;font-style:normal}@keyframes spark{0%,to{opacity:.35;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(20deg)}}.life-face:hover .life-hint b,.life-face:focus-visible .life-hint b{transform:translate(4px)}@media (hover:hover){.branch-0 .life-face:hover svg path{stroke-dasharray:1;animation:trace 1.1s var(--ease-out)}.branch-1 .life-face:hover svg{animation:.6s ease-in-out wiggle}.branch-2 .life-face:hover svg{animation:.9s ease-in-out beat}}@keyframes trace{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}50%{transform:rotate(6deg)}75%{transform:rotate(-3deg)}}@keyframes beat{0%,to{transform:scale(1)}20%{transform:scale(1.14)}40%{transform:scale(.96)}60%{transform:scale(1.08)}}.life-face svg{transform-origin:40%}.life-prompt{margin-top:14px;font-size:1.15rem;display:block;transform:rotate(-1.5deg)}.life[data-phase=open] .life-prompt,.life[data-phase=open] .life-hint,.life-branch.is-open .life-hint{display:none}.life-face svg{fill:none;width:80px;height:55px;stroke:var(--ink-dim);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s, width .6s var(--ease-out), height .6s var(--ease-out)}.life-face .mono{color:var(--muted)}.life-label{font-family:var(--display);font-size:1.6rem;line-height:1.1}.life-face[aria-pressed=true]{border-color:var(--accent);background:linear-gradient(160deg, #6e6b4112, var(--paper) 60%)}.life-face[aria-pressed=true] svg,.life-face:hover svg{stroke:var(--accent)}.life-response{min-height:1.7em;margin-top:28px;font-size:1.25rem;display:block}.life-head>*,.life-response{transition:opacity .45s ease, transform .6s var(--ease-out), max-height .6s var(--ease-out), margin .6s var(--ease-out)}.life-head p:nth-of-type(2){max-height:8em;overflow:hidden}.life[data-phase=open] .life-head p:nth-of-type(2){opacity:0;max-height:0;margin:0}.life[data-phase=open] .life-response{opacity:0;pointer-events:none;max-height:0;margin:0;overflow:hidden}.life-branch.is-open>.life-face{opacity:0;pointer-events:none;position:absolute;inset:0}.life[data-phase=open] .life-branch:not(.is-open)>.life-face{grid-template-columns:auto auto 1fr;align-items:center;gap:14px;padding:10px 16px}.life[data-phase=open] .life-branch:not(.is-open) svg{width:44px;height:30px}.life[data-phase=open] .life-branch:not(.is-open) .life-label{font-size:1.15rem}.life-branch.is-open{height:min(74svh,620px)}.life-branch.branch-0.is-open{height:auto;min-height:min(70svh,560px)}.life-panel{animation:game-in .55s var(--ease-out) .12s both;position:absolute;inset:0}.life[data-phase=closing] .life-panel{animation:.4s both game-out}@keyframes game-in{0%{opacity:0;transform:scale(.97)}}@keyframes game-out{to{opacity:0;transform:scale(.97)}}.penalty{background:var(--paper);border:1px solid var(--line);border-radius:6px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 40px 70px -40px #4a342a66}.penalty-bar,.penalty-foot{align-items:center;gap:18px;padding:12px 18px;display:flex}.penalty-bar{border-bottom:1px solid var(--line)}.penalty-foot{border-top:1px solid var(--line);justify-content:space-between;min-height:58px}.penalty-title{font-family:var(--display);font-size:1.45rem;line-height:1}.penalty-shots{gap:8px;margin:0 0 0 auto;padding:0;list-style:none;display:flex}.penalty-shots li{border:1.5px solid var(--ink-dim);border-radius:50%;width:13px;height:13px;transition:background .3s,border-color .3s}.penalty-shots li[data-result=goal]{background:var(--accent);border-color:var(--accent)}.penalty-shots li[data-result=saved]{background:var(--ink);border-color:var(--ink)}.penalty-shots li[data-result=wide],.penalty-shots li[data-result=over]{background:linear-gradient(135deg, transparent 44%, var(--ink-dim) 46% 54%, transparent 56%)}.penalty-best{color:var(--muted)}.penalty-close{border:1px solid var(--line);background:var(--bg);cursor:pointer;width:36px;height:36px;transition:border-color .25s, transform .3s var(--ease-out);border-radius:50%;place-items:center;padding:0;display:grid}.penalty-close:hover{border-color:var(--accent);transform:rotate(90deg)}.penalty-close svg{fill:none;width:14px;height:14px;stroke:var(--ink);stroke-width:1.8px;stroke-linecap:round}.penalty-canvas{cursor:crosshair;touch-action:none;outline:none;flex:1;width:100%;min-height:0;display:block}.penalty-canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.penalty-message{min-height:1.4em;font-size:1.25rem}.penalty-hint{color:var(--muted)}.penalty-again{border:1px solid var(--accent);background:var(--accent);color:var(--paper);cursor:pointer;transition:transform .3s var(--ease-out);border-radius:999px;padding:10px 16px}.penalty-again:hover{transform:translateY(-2px)}.penalty-loading{height:100%;color:var(--muted);place-items:center;display:grid}.run-panel{background:var(--paper);border:1px solid var(--line);border-radius:6px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 40px 70px -40px #4a342a66}.run-bar,.run-foot{align-items:center;gap:18px;padding:12px 18px;display:flex}.run-bar{border-bottom:1px solid var(--line)}.run-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between}.run-title{font-family:var(--display);font-size:1.45rem;line-height:1}.run-date{color:var(--muted);margin-left:auto}.run-body{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(16px,3vw,40px);min-height:0;padding:clamp(14px,2.4vw,32px);display:grid}.run-map{background:radial-gradient(#d6ccbd 1px, transparent 1.3px) 0 0 / 18px 18px, var(--bg);border-radius:4px;place-items:center;height:100%;min-height:160px;display:grid}.run-route{width:100%;height:100%;max-height:100%;overflow:visible}.run-route path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.run-route-shadow{stroke:#4a342a14;stroke-width:7px}.run-route-line{stroke:var(--accent);stroke-width:2.4px;stroke-dasharray:1;stroke-dashoffset:1px;animation:2.4s cubic-bezier(.5,0,.2,1) .35s forwards run-draw}@keyframes run-draw{to{stroke-dashoffset:0}}.run-route-start{fill:var(--paper);stroke:var(--accent);stroke-width:.9px}.run-route-end{fill:var(--accent);opacity:0;animation:run-pop .4s var(--ease-out) 2.6s forwards}@keyframes run-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.run-route-end{transform-box:fill-box;transform-origin:50%}.run-route-empty{fill:none;width:40%;stroke:var(--ink-dim);stroke-width:1.4px}.run-skeleton{background:linear-gradient(90deg, var(--bg-2), #f0eadf, var(--bg-2));background-size:200% 100%;border-radius:4px;width:60%;height:40%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.run-stats{align-content:center;gap:14px;display:grid}.run-name{font-size:1.15rem}.run-distance{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(3rem,6vw,5.4rem);line-height:.9}.run-distance span{letter-spacing:0;color:var(--ink-dim);font-size:.38em}.run-stats dl{border-top:1px solid var(--line);grid-template-columns:repeat(3,auto);justify-content:start;gap:6px 28px;margin:6px 0 0;padding-top:14px;display:grid}.run-stats dt{color:var(--amber)}.run-stats dd{font-family:var(--display);margin:2px 0 0;font-size:1.45rem;line-height:1.1}.run-message{color:var(--ink-dim);max-width:26ch;font-size:1.1rem;line-height:1.6}.run-links{gap:20px;display:flex}.run-links a{color:var(--ink-dim);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);transition:color .25s}.run-links a:hover{color:var(--accent)}.life-branch.branch-0.is-open>.life-panel{height:100%;position:relative;inset:auto}@media (max-width:600px){.run-body{grid-template-columns:1fr}.run-map{min-height:200px}.run-stats dl{gap:6px 20px}}.pack-panel{background:var(--paper);border:1px solid var(--line);border-radius:6px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 40px 70px -40px #4a342a66}.pack-body{background:radial-gradient(#d6ccbd 1px, transparent 1.3px) 0 0 / 18px 18px, var(--paper);flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:center;gap:clamp(16px,3vw,44px);min-height:0;padding:clamp(14px,2.4vw,30px);display:grid}.pack-floor{grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.pack-item{border:1px solid var(--line);background:var(--bg);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;transform:rotate(calc((var(--i) - 2.5) * 1.6deg));transition:transform .35s var(--ease-out), opacity .35s ease, box-shadow .3s, border-color .3s;border-radius:6px;justify-items:center;gap:6px;padding:12px 6px 10px;display:grid;position:relative}.pack-floor li:nth-child(odd) .pack-item{transform:rotate(calc((2.5 - var(--i)) * 1.4deg))}.pack-item:hover:not(:disabled){border-color:var(--accent);box-shadow:0 10px 20px -12px #4a342a55}.pack-item[data-dragging]{z-index:30;cursor:grabbing;border-color:var(--accent);transition:none;box-shadow:0 24px 40px -18px #4a342a88}.pack-item[data-packed]{opacity:0;pointer-events:none;transform:scale(.6)}.pack-item:disabled{cursor:default}.pack-item svg,.pack-slots svg{fill:none;width:clamp(38px,4.2vw,56px);height:auto;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.pack-item svg .accent,.pack-slots svg .accent{stroke:var(--accent)}.pack-item .mono{color:var(--ink-dim);font-size:10px}.pack-case-wrap{place-items:center;display:grid}.pack-case{aspect-ratio:2.05;perspective:1600px;width:min(100%,560px);position:relative}.pack-lid{z-index:2;transform-origin:100%;width:50%;height:100%;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.62,0,.2,1);position:absolute;top:0;left:0}.pack-case[data-done] .pack-lid{transform:rotateY(180deg)}.pack-face{backface-visibility:hidden;border-radius:12px;position:absolute;inset:0}.pack-lining{background:repeating-linear-gradient(45deg,#ece5d8 0 6px,#e6dece 6px 12px);border:3px solid #8f6a46;box-shadow:inset 0 0 0 6px #f5f1ea}.pack-lining i{background:var(--accent);opacity:.85;border-radius:3px;height:9%;position:absolute;left:10%;right:10%}.pack-lining i:first-child{top:30%}.pack-lining i:last-child{top:62%}.pack-shell{background:linear-gradient(160deg,#b98f63,#9d7247);border:3px solid #7d5a3a;transform:rotateY(180deg);box-shadow:inset 0 0 0 7px #a87d52,inset 0 0 0 8px #d9b88f66}.pack-handle{border:5px solid var(--ink);border-bottom:0;border-radius:14px 14px 0 0;width:30%;height:18%;position:absolute;top:-15%;left:50%;transform:translate(-50%)}.pack-tag{background:var(--paper);color:var(--ink);border-radius:3px;padding:4px 8px;font-size:10px;position:absolute;bottom:12%;right:9%;transform:rotate(-6deg);box-shadow:0 2px #4a342a33}.pack-base{background:#e3d9c8;border:3px solid #8f6a46;border-radius:12px;place-items:center;width:50%;height:100%;padding:9%;transition:box-shadow .25s,border-color .25s;display:grid;position:absolute;top:0;right:0;box-shadow:inset 0 0 0 6px #ece5d8,inset 0 10px 22px #4a342a26}.pack-case[data-over] .pack-base{border-color:var(--accent);box-shadow:inset 0 0 0 6px #ece5d8,inset 0 0 0 9px #6e6b4155,inset 0 10px 22px #4a342a26}.pack-slots{grid-template-columns:repeat(3,1fr);place-items:center;gap:4px 8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.pack-slots li{animation:pack-drop .45s var(--ease-out) both}.pack-slots li:nth-child(2n){transform:rotate(8deg)}.pack-slots li:nth-child(odd){transform:rotate(-6deg)}.pack-slots svg{width:clamp(30px,3.4vw,46px)}@keyframes pack-drop{0%{opacity:0;translate:0 -18px;scale:1.25}}.pack-drop{color:var(--muted);font-size:10px;position:absolute}.pack-zip{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pack-zip rect{fill:none;stroke:var(--ink);stroke-width:2.4px;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.pack-case[data-done] .pack-zip rect{opacity:1;animation:1s cubic-bezier(.5,0,.3,1) 1s forwards pack-zip}@keyframes pack-zip{to{stroke-dashoffset:0}}.pack-case[data-done]{animation:pack-hop .55s var(--ease-out) 2.05s}@keyframes pack-hop{40%{transform:translateY(-10px)rotate(-1.5deg)}70%{transform:translateY(2px)}}.pack-note{font-size:1.2rem}@media (max-width:700px){.pack-body{grid-template-columns:1fr}.pack-case-wrap{order:-1}.life-branch.branch-2.is-open{height:auto}.life-branch.branch-2.is-open>.life-panel{position:relative}}html[data-oreo-away] .dog-companion.is-ready{opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s .35s}.about{gap:56px;display:grid;overflow:hidden}.chapter.about{z-index:auto}.about-photo{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;max-width:none;height:100svh;opacity:calc(var(--about-fade,0) * .16);transform:translate(-50%, calc((1 - var(--about-fade,0)) * 6%)) scale(calc(1.04 - var(--about-fade,0) * .04));transform-origin:bottom;position:absolute;bottom:0;left:50%;-webkit-mask-image:linear-gradient(#000 86%,#0000);mask-image:linear-gradient(#000 86%,#0000)}.about>:not(.about-photo){z-index:1;position:relative}.about-name{font-family:var(--display);letter-spacing:-.035em;margin:.12em 0 .3em;font-size:clamp(2.6rem,15vw,12rem);line-height:.84}.about-name span{color:var(--accent)}.about-role{font-size:1.25rem}.about-lines{margin:24px 0;padding:0;list-style:none}.about-lines li{font-family:var(--display);animation:8s infinite lit-line;animation-delay:calc(var(--i) * 2s);align-items:baseline;gap:16px;font-size:clamp(2rem,3.6vw,3rem);line-height:1.12;display:flex}.about-lines li .mono{color:var(--accent);font-size:10px}@keyframes lit-line{0%,22%{color:var(--ink)}26%,to{color:#c2b4a6}}.about-loop{color:var(--ink-dim);font-style:italic}.about-story>.mono{color:var(--amber);margin-bottom:18px}.about-story p+p{margin-top:1.15em}.about-story p:not(.mono){color:var(--ink-dim);max-width:50ch;line-height:1.75}.about-story p:has(+.about-social){border-left:2px solid var(--accent);color:var(--ink);margin-top:1.6em;padding-left:16px}.about-social{margin-top:34px}.about-social>.mono{color:var(--amber)}.about-social ul{flex-wrap:wrap;gap:14px 30px;margin:12px 0 0;padding:0;list-style:none;display:flex}.about-social a{color:var(--ink)}.about-social-label{font-family:var(--display);background:linear-gradient(var(--accent), var(--accent)) 0 100% / 0 1px no-repeat;transition:background-size .35s var(--ease-out), color .25s;align-items:center;gap:6px;font-size:1.35rem;line-height:1.1;display:inline-flex}.about-social-label svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:14px;height:14px;transition:transform .35s var(--ease-out)}.about-social a:hover .about-social-label,.about-social a:focus-visible .about-social-label{color:var(--accent);background-size:100% 1px}.about-social a:hover svg{transform:translate(2px,-2px)}.about-end{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:40px;padding-top:22px;display:flex}.back-start{color:var(--ink-dim);align-items:center;gap:10px;transition:color .25s;display:inline-flex}.back-start svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:16px;height:16px;transition:transform .4s var(--ease-out)}.back-start:hover{color:var(--accent)}.back-start:hover svg{transform:translate(-3px)}.about-end .note{font-size:1.4rem}.site-footer{z-index:2;padding:26px var(--pad) 120px;color:var(--muted);flex-wrap:wrap;align-items:center;gap:20px;display:flex;position:relative}.footer-rail{display:none}.footer-end{display:inline-grid}.footer-end>span{transition:opacity .5s ease, transform .6s var(--ease-out);grid-area:1/1}.footer-end>span:last-child{opacity:0;transform:translateY(6px)}[data-done] .footer-end>span:first-child{opacity:0;transform:translateY(-6px)}[data-done] .footer-end>span:last-child{opacity:1;color:var(--accent);transform:none}.dog-companion{z-index:55;opacity:0;transition:opacity .35s;position:relative}.dog-companion.is-ready{opacity:1}.dog-character{z-index:56;cursor:pointer;touch-action:manipulation;will-change:transform;background:0 0;border:0;width:112px;height:90px;padding:0;position:fixed;top:0;left:0}.dog-character:focus-visible{outline:1px dashed var(--accent);outline-offset:4px}.dog-facing{pointer-events:none;width:100%;height:100%;display:block}.dog-facing img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.dog-character.is-wagging .dog-body{clip-path:polygon(0 0,100% 0,100% 100%,36% 100%,36% 79%,0 79%)}.dog-wag-tail{clip-path:polygon(0 79%,36% 79%,36% 100%,0 100%);transform-origin:36% 94%;animation:.28s ease-in-out infinite alternate treat-tail-wag;position:absolute;inset:0}@keyframes treat-tail-wag{0%{transform:rotate(-17deg)}to{transform:rotate(17deg)}}.dog-treat-station{z-index:57;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:56px;right:20px}.dog-treat-box{color:#69432f;cursor:pointer;background:0 0;border:0;border-radius:8px;width:62px;padding:0 5px 5px;transition:transform .18s}.dog-treat-box>svg{filter:drop-shadow(0 3px 2px #69432f18);width:52px;height:54px;display:block}.dog-treat-box>span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-top:2px;font-size:9px;display:block}.dog-treat-box:hover:not(:disabled){transform:translateY(-3px)rotate(-3deg)}.dog-treat-box:focus-visible,.dog-treat-hint button:focus-visible{outline:1px dashed var(--accent);outline-offset:4px}.dog-treat-box:disabled{cursor:default;opacity:.6}.dog-treat-hint{border:1px solid var(--line);color:#69432f;text-align:left;width:max-content;max-width:min(220px,100vw - 32px);animation:pop .35s var(--ease-out);background:#fbf9f5f5;border-radius:6px;padding:9px 12px;font-size:11px;line-height:1.6;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 10px 24px -16px #4a342a66}.dog-treat-hint:after{content:"";border:solid var(--line);background:#fbf9f5;border-width:0 1px 1px 0;width:9px;height:9px;margin-top:-4.5px;position:absolute;top:100%;right:26px;transform:rotate(45deg)}.dog-treat-hint button{color:var(--accent);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:3px 0 0;text-decoration:underline;display:block}.dog-biscuit{z-index:70;pointer-events:none;visibility:hidden;will-change:transform;filter:drop-shadow(0 2px 2px #69432f32);transform-origin:50%;width:25px;height:17px;position:fixed;top:0;left:0}.dog-biscuit[data-visible=true]{visibility:visible}.dog-biscuit svg{width:100%;height:100%;display:block}@media (min-width:700px){.project-row{grid-template-columns:1fr 1fr}.life-branches{transition:grid-template-columns .65s var(--ease-out);grid-template-columns:repeat(3,1fr)}.life-branches[data-open="0"]{grid-template-columns:4fr minmax(70px,.55fr) minmax(70px,.55fr)}.life-branches[data-open="1"]{grid-template-columns:minmax(70px,.55fr) 4fr minmax(70px,.55fr)}.life-branches[data-open="2"]{grid-template-columns:minmax(70px,.55fr) minmax(70px,.55fr) 4fr}.life[data-phase=open] .life-branch:not(.is-open)>.life-face{grid-template-columns:none;align-content:center;justify-items:center;padding:14px 8px}.life[data-phase=open] .life-branch:not(.is-open) .life-label{display:none}}@media (max-width:900px){html{scroll-padding-top:108px}.site-header{grid-template-columns:1fr auto;row-gap:10px;padding-block:14px 12px}.site-header nav{scrollbar-width:none;grid-area:2/1/auto/-1;gap:20px;font-size:13px;overflow-x:auto}.frame-counter span{display:none}}@media (max-width:600px){.penalty-bar,.penalty-foot{gap:12px;padding:10px 12px}.penalty-title,.run-title{white-space:nowrap;font-size:1.1rem}.penalty-best,.penalty-hint{display:none}.penalty-message{font-size:1.05rem}.dog-character{width:88px;height:71px}.dog-treat-station{bottom:30px;right:12px}.dog-treat-hint{font-size:10.5px}.dog-treat-hint:after{right:22px}.dog-treat-box{width:54px}.dog-treat-box>svg{width:44px;height:46px}}@media (min-width:901px) and (min-height:601px) and (min-aspect-ratio:1) and (prefers-reduced-motion:no-preference){.viewport{height:100vh;position:sticky;top:0;overflow:clip}.create-photo-stack{height:auto;position:absolute}.create-stack-photo{left:var(--stack-x,50%);top:var(--stack-y,50%);border-width:4px;width:52vw}.create-stack-scrim{background:linear-gradient(90deg,#f5f1eaeb 0%,#f5f1eac4 38%,#f5f1ea8c 68%,#f5f1ea5c 100%)}.canvas{will-change:transform;width:780vw;height:100vh;display:flex}.thought-line{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.chapter{flex:none;height:100vh;padding:15vh 5vw 13vh}.chapter+.chapter{border-top:0}.chapter>*{max-width:none;margin-inline:0}#start{width:100vw}#create{width:150vw}#build{width:200vw}#explore{width:135vw}#life{width:95vw}#about{width:100vw}.chapter:is(.create,.build,.explore,.life){padding:17vh 8vw 15vh}.chapter-word{font-size:min(9.5vw,25vh)}.chapter-lede{gap:2.4vh}.chapter-intro{font-size:clamp(1.5rem,min(2.3vw,4.2vh),2.5rem)}.chapter-copy{font-size:clamp(15px,min(1.15vw,2.1vh),18px)}.segue{margin-top:5vh;font-size:clamp(1.4rem,min(2.2vw,4vh),2.4rem)}.opening{padding:0;display:block}.opening-portrait{width:min(32vw,64vh);margin:0;position:absolute;bottom:11vh;right:5vw}.opening-note{display:block;position:absolute;top:12vh;left:60vw}.opening-copy{width:50vw;position:absolute;top:16vh;left:6vw}.opening-greeting{font-size:min(3.8vw,7vh)}.opening-title{font-size:min(10vw,19vh)}.opening-thoughts{flex-direction:row;align-items:flex-start;gap:18px}.opening-thoughts .mono{padding-top:.55em}.opening-thoughts ul{flex:1}.opening-foot{width:50vw;position:absolute;bottom:11vh;left:6vw}.opening-foot p{display:block}.scroll-cue span{display:none}.scroll-cue i{color:var(--accent);animation:nudge 1.6s var(--ease-out) infinite;display:inline}.create{align-items:center;gap:10vw;display:flex}.create .chapter-head{flex:none;width:46vw}.print-award{flex:none;width:min(24vw,46vh);max-width:none}.polaroid-caption{font-size:clamp(1.05rem,min(1.6vw,2.9vh),1.6rem)}.studio{background:var(--bg);border-radius:4px;flex:none;width:34vw;padding:5.5vh 2.8vw;box-shadow:0 30px 60px -36px #4a342a66}.knotty-logo{width:min(88%,46vh);margin:4vh 0 3.6vh}.studio-copy{font-size:clamp(1.5rem,min(2.2vw,4.2vh),2.3rem)}.studio .studio-legacy{margin-top:4vh}.build{align-items:center;gap:10vw;display:flex}.build-lead{flex:none;gap:5vh;width:50vw}.build-lead .chapter-word{font-size:min(8.5vw,20vh)}.build-process{grid-template-columns:minmax(0,1fr) 15vw;align-items:end;gap:2.4vw}.build-frame{justify-self:start;width:min(100%,64vh)}.build-steps{grid-template-columns:1fr;gap:2.4vh}.build-steps p:not(.mono){font-size:clamp(13.5px,min(.95vw,1.8vh),15px)}.projects{flex-direction:column;flex:none;justify-content:center;width:116vw;height:100%;margin:0;display:flex}.project-row{grid-template-columns:repeat(3,26vw) 18vw;align-items:start;gap:4vw}.project>a{gap:2.2vh}.project h3{font-size:min(2.9vw,5.4vh)}.project-index{font-size:min(2.6vw,5vh)}.project-description{font-size:clamp(14.5px,min(1vw,1.9vh),16.5px)}.projects .segue{width:18vw;margin:0;position:absolute;bottom:0;right:0}.explore{align-items:center;gap:10vw;display:flex}.explore-lead{flex:none;width:42vw}.explore-side{flex:none;width:58vw}.explore-art{width:min(100%,88vh)}.explore-bottom{margin-top:4.5vh;font-size:clamp(1.5rem,min(2.4vw,4.4vh),2.6rem)}.life{flex-direction:column;justify-content:center;display:flex}.life-head h2{font-size:min(6.4vw,13vh)}.life-branches{height:25vh;transition:grid-template-columns .65s var(--ease-out), height .65s var(--ease-out);grid-template-columns:repeat(3,1fr);gap:1.6vw;margin-top:6vh}.life-face{gap:1.8vh;padding:2.6vh 1.6vw}.life{transition:padding .65s var(--ease-out)}.life[data-phase=open]{padding-top:11vh;padding-bottom:9vh}.life-branches{flex-shrink:0}.life-branches[data-open]{height:57vh;margin-top:3vh}.life-branches[data-open="0"]{grid-template-columns:1fr 8.5vw 8.5vw}.life-branches[data-open="1"]{grid-template-columns:8.5vw 1fr 8.5vw}.life-branches[data-open="2"]{grid-template-columns:8.5vw 8.5vw 1fr}.life-branch.is-open,.life-branch.branch-0.is-open{height:auto;min-height:0}.life-branch.branch-0.is-open>.life-panel{position:absolute;inset:0}.run-distance{font-size:min(4.6vw,9vh)}.about{justify-content:space-between;align-items:center;gap:0;display:flex}.about-photo{height:100vh;opacity:calc(var(--about-fade,0) * .5)}.about-main{flex:none;width:34vw}.about-name{font-size:min(4.9vw,11.5vh)}.about-role{font-size:clamp(1rem,min(1.25vw,2.3vh),1.3rem)}.about-lines{margin:3vh 0}.about-lines li{font-size:min(2.3vw,4.4vh)}.about-story{flex:none;width:28vw}.about-social{margin-top:4vh}.about-social ul{gap:6px 28px;margin-top:1.2vh}.about-social-label{font-size:clamp(1.05rem,min(1.4vw,2.6vh),1.35rem)}.about-social+.about-end{margin-top:2.6vh}.about-end{padding-right:56px}.about-story p:not(.mono){font-size:clamp(15px,min(1.05vw,2vh),17.5px)}.site-footer{z-index:45;padding:12px var(--pad) 16px;background:linear-gradient(#0000,#f5f1ea 55%);flex-wrap:nowrap;position:fixed;bottom:0;left:0;right:0}.footer-end>span{text-align:right}.footer-rail{background:var(--line);flex:1;height:1px;display:block}.footer-rail span{background:var(--accent);height:1.5px;transform:scaleX(var(--progress,0));transform-origin:0;display:block}}@media (min-width:901px) and (min-height:601px) and (min-aspect-ratio:1) and (max-aspect-ratio:3/2) and (prefers-reduced-motion:no-preference){.about-main{width:42vw}.about-name{font-size:min(6vw,12vh)}.about-lines li{font-size:min(2.6vw,4.2vh)}.about-story{width:40vw}.about-story p+p{margin-top:.9em}.about-story p:not(.mono){line-height:1.6}.project-row{grid-template-columns:repeat(3,27vw) 18vw}}@media (min-width:901px) and (min-height:601px) and (min-aspect-ratio:2) and (prefers-reduced-motion:no-preference){.life>*{width:min(100%,150vh)}}@media (min-width:901px) and (min-height:601px) and (max-height:820px) and (min-aspect-ratio:1) and (prefers-reduced-motion:no-preference){.about-story>.mono{margin-bottom:1.6vh}.about-story p+p{margin-top:.8em}.about-story p:not(.mono){line-height:1.6}.about-end{padding-top:1.6vh}.about-end .note{font-size:1.2rem}}@media (min-width:901px) and (min-height:601px) and (max-height:820px) and (min-aspect-ratio:3/2) and (prefers-reduced-motion:no-preference){.about-story{width:32vw}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{animation:none!important}.opening-thoughts ul{height:auto}.opening-thoughts li{opacity:1;position:static}.is-live [data-reveal],.is-live .opening-line>span,.is-live .chapter-word span{opacity:1;transition:none;transform:none}.is-live [data-develop] img{filter:none;transition:none}.about-lines li{color:var(--ink)}.dog-companion,.dog-treat-box,.print-paper,.life-face,.life-branches,.pack-lid,.pack-item{transition:none}.pack-case[data-done] .pack-zip rect{stroke-dashoffset:0}.run-route-line{stroke-dashoffset:0;animation:none}.run-route-end{opacity:1;animation:none}.art-mark{transition:opacity .3s}.art-mark:not([data-on]){transform:translate(-50%,-50%)}.dog-treat-box:hover:not(:disabled),.life-face:hover{transform:none}}