:root{--bg:#fbf7ec;--surface:#fff;--text:#0d0d0d;--muted:#3d3d3d;--border:#0d0d0d;--accent:#fe3602;--accent-strong:#c42a00;--accent-text:#0d0d0d;--accent-2:#ffd84d;--shadow-color:#0d0d0d;--bw:3px;--shadow:6px 6px 0 var(--shadow-color);--shadow-sm:4px 4px 0 var(--shadow-color);--radius:0px;--font:"Space Grotesk", system-ui, -apple-system, sans-serif;--mono:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--max:1240px;--gutter:clamp(16px, 4vw, 40px);--ease:cubic-bezier(.22, 1, .36, 1);--dur:.7s}:root[data-theme=dark]{--bg:#130f0e;--surface:#211a18;--text:#f3efe4;--muted:#b9b4a7;--border:#f3efe4;--accent:#fe3602;--accent-strong:#fe3602;--accent-text:#0d0d0d;--shadow-color:#fe3602}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;overflow-x:clip}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:18px;line-height:1.6;overflow-x:clip}h1,h2,h3{margin:0;line-height:1.05}p{margin:0 0 1em}p:last-child{margin-bottom:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit}img{max-width:100%;display:block}::selection{background:var(--accent);color:var(--accent-text)}.skip{z-index:100;background:var(--accent);color:var(--accent-text);border:var(--bw) solid var(--border);transition:top .2s var(--ease);padding:8px 14px;font-weight:700;position:fixed;top:-80px;left:12px}.skip:focus{top:12px}a:focus-visible,button:focus-visible{outline:3px dashed var(--accent-strong);outline-offset:3px}.progress{z-index:60;pointer-events:none;height:4px;position:fixed;inset:0 0 auto}.progress span{background:var(--accent);transform-origin:0;will-change:transform;height:100%;display:block;transform:scaleX(0)}main{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.section{padding:clamp(72px,11vw,140px) 0 0}.section__title{text-transform:uppercase;letter-spacing:-.04em;margin-bottom:clamp(28px,4vw,56px);padding:.05em 0 .12em;font-size:clamp(2.6rem,8vw,6rem);font-weight:700;display:block;overflow:hidden}.section__title span{display:inline-block}.section__title i{font-family:var(--mono);letter-spacing:0;vertical-align:top;background:var(--accent);color:var(--accent-text);border:2px solid var(--border);margin-right:.6em;padding:2px 8px;font-size:.8rem;font-style:normal;position:relative;top:.5em}.nav{z-index:50;padding:12px var(--gutter);background:color-mix(in srgb, var(--bg) 92%, transparent);border-bottom:var(--bw) solid transparent;transition:border-color .3s var(--ease), background .3s var(--ease);align-items:center;gap:12px;display:flex;position:fixed;inset:0 0 auto}.nav.is-scrolled{border-bottom-color:var(--border)}.nav__logo{background:var(--accent);color:var(--accent-text);border:var(--bw) solid var(--border);transition:transform .3s var(--ease);padding:2px 10px;font-size:1.4rem;font-weight:700;text-decoration:none}.nav__logo:hover{transform:rotate(-4deg)}.nav__links{gap:4px;margin-left:auto;display:flex;position:relative}.nav__links a{z-index:1;white-space:nowrap;padding:6px 10px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav__links a:hover{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.nav__links a.is-active{color:var(--accent-text);text-decoration:none}@media (min-width:1001px) and (max-width:1120px){.nav__links a{padding:6px 7px}}.nav__indicator{background:var(--accent);border:var(--bw) solid var(--border);opacity:0;pointer-events:none;width:0;height:100%;transition:transform .45s var(--ease), width .45s var(--ease), opacity .25s;position:absolute;top:0;left:0}.nav .nav__burger{flex-direction:column;gap:6px;display:none}.nav__burger span{width:20px;height:3px;transition:transform .35s var(--ease);background:currentColor;display:block}.nav__burger[aria-expanded=true] span:first-child{transform:translateY(4.5px)rotate(45deg)}.nav__burger[aria-expanded=true] span:last-child{transform:translateY(-4.5px)rotate(-45deg)}@media (max-width:1000px){.nav__links{padding:8px var(--gutter) 20px;background:var(--bg);border-bottom:var(--bw) solid var(--border);clip-path:inset(0 0 100%);visibility:hidden;transition:clip-path .5s var(--ease), visibility 0s .5s;flex-direction:column;gap:0;margin:0;position:fixed;inset:68px 0 auto}.nav__links.is-open{clip-path:inset(0);visibility:visible;transition:clip-path .5s var(--ease)}.nav__links a{border-bottom:2px solid var(--border);padding:10px 0;font-size:1.6rem;font-weight:700}.nav__links a.is-active{background:var(--accent);padding-left:10px}.nav__indicator{display:none}.nav .nav__burger{margin-left:0;display:inline-flex}.nav #theme-toggle{margin-left:auto}}.btn{isolation:isolate;color:var(--text);background:var(--surface);border:var(--bw) solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .25s var(--ease), box-shadow .25s var(--ease), color .3s, translate .35s var(--ease);justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-family:inherit;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:hover{box-shadow:2px 2px 0 var(--shadow-color);transform:translate(2px,2px)}.btn:active{box-shadow:none;transform:translate(4px,4px)}.btn--primary{background:var(--accent);color:var(--accent-text)}.btn--lg{word-break:break-all;padding:16px 26px;font-size:clamp(1rem,3.2vw,1.6rem)}.btn--icon{flex-shrink:0;width:44px;height:44px;padding:0;font-size:1.3rem}.btn--fill:before{content:"";z-index:-1;background:var(--text);transition:transform .45s var(--ease);position:absolute;inset:0;transform:translate(-101%)}.btn--fill:hover:before{transform:translate(0)}.btn--fill:hover{color:var(--bg)}.btn__arrow{transition:transform .35s var(--ease);display:inline-block}.btn:hover .btn__arrow{transform:translate(4px)}a.btn[href=\#projects]:hover .btn__arrow{transform:translateY(4px)}.theme-icon--dark,:root[data-theme=dark] .theme-icon--light{display:none}:root[data-theme=dark] .theme-icon--dark{display:inline}.hero{align-items:center;min-height:100svh;padding:110px 0 90px;display:flex;position:relative}.hero__grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.07;pointer-events:none;background-size:64px 64px;transition:opacity .4s;position:absolute;inset:0 calc(50% - 50vw)}.hero__grid:after{content:"";background-image:linear-gradient(var(--accent) 2px, transparent 2px), linear-gradient(90deg, var(--accent) 2px, transparent 2px);opacity:0;-webkit-mask-image:radial-gradient(220px circle at var(--mx,50%) var(--my,50%), #000, transparent);-webkit-mask-image:radial-gradient(220px circle at var(--mx,50%) var(--my,50%), #000, transparent);mask-image:radial-gradient(220px circle at var(--mx,50%) var(--my,50%), #000, transparent);background-size:64px 64px;transition:opacity .4s;position:absolute;inset:0}.hero.is-pointer .hero__grid{opacity:.5}.hero.is-pointer .hero__grid:after{opacity:1}.hero__inner{width:100%;position:relative}.hero__tag{background:var(--surface);border:var(--bw) solid var(--border);box-shadow:var(--shadow-sm);align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-weight:700;display:inline-flex}.flag{font-size:1.3rem;line-height:1}.arrow{color:var(--accent-strong);font-size:1.3rem}.hero__name{letter-spacing:-.06em;text-transform:uppercase;font-size:clamp(4.5rem,min(24vw,30vh),19rem);font-weight:700;line-height:.82}.hero__name .word{white-space:nowrap;display:block}.hero__name .word:last-child{padding-left:.9em}.ch{vertical-align:top;margin:-.04em -.02em -.1em;padding:.04em .02em .1em;display:inline-block;overflow:clip}.is-done .ch{overflow:visible}.ch__in{transform:translate(0, calc(var(--y,0) * -1px)) rotate(calc(var(--r,0) * 1deg));color:color-mix(in srgb, var(--accent) calc(var(--near,0) * 100%), var(--text));transition:transform .25s var(--ease), color .25s;will-change:transform;display:inline-block}.hero__row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 48px;margin:clamp(24px,4vw,44px) 0 32px;display:flex}.hero__headline{margin:0;font-size:clamp(1.6rem,4.5vw,3rem);font-weight:700;line-height:1.2}.highlight{background:var(--accent);color:var(--accent-text);border:var(--bw) solid var(--border);box-shadow:var(--shadow-sm);padding:0 10px;display:inline-block;transform:rotate(-1.5deg)}.hero__sub{max-width:420px;color:var(--muted);margin:0;font-size:1.15rem}.hero__egg{-webkit-text-decoration:underline dotted var(--accent);text-decoration:underline dotted var(--accent);text-underline-offset:4px;transition:background .3s var(--ease), color .3s var(--ease);text-decoration-thickness:2px}.hero__egg:hover{background:var(--accent);color:var(--accent-text);text-decoration:none}.hero__actions{flex-wrap:wrap;gap:16px;display:flex}.scroll-cue{font-family:var(--mono);text-transform:uppercase;align-items:center;gap:12px;font-size:.8rem;text-decoration:none;display:inline-flex;position:absolute;bottom:24px;left:0}.scroll-cue__line{background:var(--border);width:64px;height:3px;position:relative;overflow:hidden}.scroll-cue__line:after{content:"";background:var(--accent);animation:cue 2s var(--ease) infinite;position:absolute;inset:0;transform:translate(-100%)}@keyframes cue{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.marquee{background:var(--accent);color:var(--accent-text);border-block:var(--bw) solid var(--border);white-space:nowrap;margin:0 calc(50% - 50vw);overflow:hidden;transform:rotate(-1deg)}.marquee__track{width:max-content;animation:32s linear infinite marquee;display:flex}.marquee__track span{text-transform:uppercase;letter-spacing:-.02em;padding:12px 0;font-size:clamp(1.4rem,3.5vw,2.4rem);font-weight:700}.marquee:hover .marquee__track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.about{grid-template-columns:1.6fr 1fr;align-items:start;gap:clamp(24px,5vw,72px);display:grid}.about__lead{letter-spacing:-.03em;font-size:clamp(1.9rem,4.6vw,3.6rem);font-weight:700;line-height:1.12}.about__lead mark{background:linear-gradient(var(--accent), var(--accent)) 0 92% / 100% .42em no-repeat;color:inherit;transition:background-size .5s var(--ease)}.about__lead mark:hover{color:var(--accent-text);background-size:100% 100%}.about__side{background:var(--surface);border:var(--bw) solid var(--border);box-shadow:var(--shadow);margin-top:12px;padding:24px}.skills{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.skill{background:var(--surface);border:var(--bw) solid var(--border);box-shadow:var(--shadow);transition:transform .35s var(--ease), box-shadow .35s var(--ease);padding:22px}.skill:nth-child(2n){margin-top:28px}.skill h3{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;margin-bottom:18px;font-size:.85rem}.skill h3 span{background:var(--accent);color:var(--accent-text);border:2px solid var(--border);padding:2px 8px}.skill ul{flex-wrap:wrap;gap:8px;display:flex}.skill li{border:2px solid var(--border);padding:3px 10px;font-size:.95rem;font-weight:700;transition:background .2s,color .2s}.skill li:hover{background:var(--text);color:var(--bg)}.card{background:var(--surface);border:var(--bw) solid var(--border);box-shadow:var(--shadow);padding:24px}.card h3{margin-bottom:10px;font-size:1.4rem}.card__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.card__head h3{margin:0}.grid{gap:24px;display:grid}.grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.badge{font-family:var(--mono);text-transform:uppercase;background:var(--accent);color:var(--accent-text);border:2px solid var(--border);padding:2px 8px;font-size:.75rem;font-weight:700}.card__icon{background:var(--accent);width:48px;height:48px;color:var(--accent-text);border:var(--bw) solid var(--border);place-items:center;margin-bottom:16px;font-size:1.5rem;display:inline-grid}.card--life{transition:transform .35s var(--ease)}.link{text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;font-weight:700}.link:hover{background:var(--accent);color:var(--accent-text);text-decoration:none}.tags{flex-wrap:wrap;gap:12px;display:flex}.tags--sm{gap:8px}.tags--sm:empty{display:none}.tag{background:var(--surface);border:var(--bw) solid var(--border);padding:4px 12px;font-weight:700}.work{grid-template-columns:repeat(12,1fr);gap:clamp(32px,4vw,56px) 28px;display:grid}.project{flex-direction:column;grid-column:span 6;gap:16px;display:flex;position:relative}.project--feature{grid-column:span 7}.project--side{grid-column:span 5}.project--side:nth-of-type(2){margin-top:64px}.project--flip{grid-column:span 7}.project--side .preview__mark{font-size:clamp(2rem,4.6vw,3.8rem)}.project--wide{grid-column:1/-1}.project--wide .preview__body{aspect-ratio:21/6}.project--wide .preview__mark{font-size:clamp(3rem,11vw,8rem)}.preview{--pbg:var(--accent);--pfg:#0d0d0d;--pbg-h:#0d0d0d;--pfg-h:#f3efe4;background:var(--pbg);color:var(--pfg);border:var(--bw) solid var(--border);box-shadow:var(--shadow);transition:background .5s var(--ease), color .5s var(--ease), box-shadow .35s var(--ease), transform .35s var(--ease);overflow:hidden}.pv--ink{--pbg:#0d0d0d;--pfg:#f3efe4;--pbg-h:#fe3602;--pfg-h:#0d0d0d}.pv--sun{--pbg:#ffd84d;--pfg:#0d0d0d;--pbg-h:#fe3602;--pfg-h:#0d0d0d}.pv--paper{--pbg:#fbf7ec;--pfg:#0d0d0d;--pbg-h:#ffd84d;--pfg-h:#0d0d0d}.project:hover .preview{background:var(--pbg-h);color:var(--pfg-h);box-shadow:9px 9px 0 var(--shadow-color)}.preview__bar{border-bottom:var(--bw) solid var(--border);background:var(--surface);color:var(--text);font-family:var(--mono);align-items:center;gap:6px;padding:8px 12px;font-size:.75rem;display:flex}.preview__bar i{border:2px solid var(--border);background:var(--bg);width:10px;height:10px}.preview__bar i:first-child{background:var(--accent)}.preview__bar span{text-overflow:ellipsis;white-space:nowrap;margin-left:8px;overflow:hidden}.preview__body{aspect-ratio:16/10;align-items:flex-end;padding:clamp(14px,2.5vw,28px);display:flex;position:relative}.preview__num{font-family:var(--mono);font-size:.9rem;font-weight:700;position:absolute;top:14px;right:16px}.preview__mark{z-index:1;letter-spacing:-.05em;text-transform:uppercase;transition:transform .5s var(--ease);font-size:clamp(2.6rem,7.5vw,5.6rem);font-weight:700;line-height:.88;position:relative}.project:hover .preview__mark{transform:translate(10px)}.preview__shape{aspect-ratio:1;width:34%;transition:transform .6s var(--ease);opacity:.9;position:absolute;top:22%;right:8%}.project:hover .preview__shape{transform:rotate(12deg)scale(1.08)}.preview__shape--chair{border:var(--bw) solid currentColor;border-bottom-width:14px;border-radius:50% 50% 0 0}.preview__shape--stripes{background:repeating-linear-gradient(-45deg,currentColor 0 8px,#0000 8px 20px)}.preview__shape--dots{background-image:radial-gradient(currentColor 28%,#0000 30%);background-size:22px 22px}.preview__shape--lines{background:repeating-linear-gradient(0deg,currentColor 0 4px,#0000 4px 14px)}.preview__shape--flow{border:var(--bw) solid currentColor;border-radius:50%;width:22%;right:6%}.project__link{text-decoration:none}.project__link:after{content:"";z-index:2;position:absolute;inset:0}.project__link:focus-visible{outline:none}.project:has(.project__link:focus-visible) .preview{outline:3px dashed var(--accent-strong);outline-offset:4px}.project__arrow{color:var(--accent-strong);transition:transform .35s var(--ease);margin-left:8px;display:inline-block}.project:hover .project__arrow{transform:translate(5px,-5px)}.project__info h3{font-size:clamp(1.4rem,3vw,2rem)}.project__info p{color:var(--muted)}.timeline{gap:24px;padding-left:28px;display:grid;position:relative}.timeline--plain{margin-top:20px;padding-left:0}.timeline__track{background:color-mix(in srgb, var(--border) 20%, transparent);width:3px;position:absolute;top:0;bottom:0;left:4px}.timeline__fill{background:var(--accent);transform-origin:top;will-change:transform;position:absolute;inset:0;transform:scaleY(0)}.timeline>.timeline__item{position:relative}.timeline>.timeline__item:before{content:"";background:var(--bg);border:var(--bw) solid var(--border);width:13px;height:13px;position:absolute;top:30px;left:-30px}.timeline--plain>.timeline__item:before{display:none}.timeline__item h3{margin-bottom:4px}.timeline__date{font-family:var(--mono);background:var(--accent);color:var(--accent-text);border:2px solid var(--border);margin-bottom:12px;padding:2px 10px;font-size:.85rem;font-weight:700;display:inline-block}.timeline__org{color:var(--muted);margin:0;font-weight:500}.timeline__list{gap:6px;margin:14px 0 0;padding-left:20px;list-style:square;display:grid}.timeline__list li::marker{color:var(--accent-strong)}.subhead{text-transform:uppercase;letter-spacing:-.03em;margin-top:64px;font-size:clamp(1.6rem,4vw,2.4rem)}.founder{max-width:760px}.gallery{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px;display:grid}.photo{aspect-ratio:3/4;border:var(--bw) solid var(--border);box-shadow:var(--shadow-sm);background:var(--surface);margin:0;overflow:hidden}.photo:nth-child(4n+2),.photo:nth-child(4n+4){margin-top:40px}.photo img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease)}.photo:hover img{transform:scale(1.06)}@media (max-width:900px){.gallery{grid-template-columns:repeat(2,1fr);gap:14px}.photo:nth-child(4n+2),.photo:nth-child(4n+4){margin-top:0}.photo:nth-child(2n){margin-top:28px}}.contact{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.contact .section__title{align-self:stretch;margin-bottom:8px}.contact__big{letter-spacing:-.05em;text-transform:uppercase;margin:0 0 .2em;font-size:clamp(2.8rem,10.5vw,8.5rem);font-weight:700;line-height:1}.contact__big em{background:var(--accent);color:var(--accent-text);box-shadow:var(--shadow);margin-top:.08em;padding:0 .12em;font-style:normal;line-height:1.02;display:inline-block}.contact__lead{margin:0;font-size:1.3rem;font-weight:700}.contact__links{flex-wrap:wrap;gap:16px;display:flex}.footer{padding:24px var(--gutter);border-top:var(--bw) solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:clamp(72px,10vw,140px);font-weight:500;display:flex}.footer p{margin:0}.footer__top{font-weight:700}.js-anim [data-reveal]:not([data-reveal=mask]){opacity:0;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);transition-delay:var(--d,0s);transform:translateY(36px)}.js-anim [data-reveal].is-in:not([data-reveal=mask]){opacity:1;transform:none}.js-anim [data-reveal].is-settled{transition-delay:0s;transition:transform .35s var(--ease), box-shadow .35s var(--ease), opacity .2s}.skill.is-settled:hover{box-shadow:9px 9px 0 var(--shadow-color);transform:translate(-3px,-3px)}.card--life.is-settled:hover{transform:translateY(-6px)rotate(-.6deg)}html:not(.js-anim) .skill:hover{box-shadow:9px 9px 0 var(--shadow-color);transform:translate(-3px,-3px)}html:not(.js-anim) .card--life:hover{transform:translateY(-6px)rotate(-.6deg)}.js-anim [data-reveal=mask] img{clip-path:inset(100% 0 0);transition:clip-path 1s var(--ease), transform .8s var(--ease);transition-delay:var(--d,0s), 0s}.js-anim [data-reveal=mask].is-in img{clip-path:inset(0)}.js-anim [data-mask] span{transition:transform .9s var(--ease);transform:translateY(110%)}.js-anim [data-mask].is-in span{transform:none}.js-anim .ch__in{animation:rise 1.1s var(--ease) backwards;animation-delay:calc(.1s + var(--i) * 70ms)}@keyframes rise{0%{transform:translateY(110%)rotate(6deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}}@media (max-width:900px){.about,.work{grid-template-columns:1fr}.project,.project--feature,.project--side,.project--flip,.project--wide{grid-column:1/-1;margin-top:0!important}.project--wide .preview__body{aspect-ratio:16/10}.skill:nth-child(2n){margin-top:0}}@media (max-width:640px){body{font-size:16px}.card{padding:18px}.hero{align-items:flex-start;padding:96px 0 56px}.hero__name .word:last-child{padding-left:.4em}.hero__actions .btn{flex:auto}.scroll-cue{display:none}.timeline{padding-left:22px}.timeline>.timeline__item:before{left:-24px}.footer{flex-direction:column}}[data-magnetic]>span{transition:translate .35s var(--ease), transform .35s var(--ease);display:inline-block}.btn.is-magnet:not(:hover){box-shadow:6px 6px 0 var(--shadow-color)}:root:not([data-theme=dark]) .theme-icon--light,:root[data-theme=dark] .theme-icon--dark{display:inline-block}.theme-icon{transition:transform .5s var(--ease)}#theme-toggle:hover .theme-icon{transform:rotate(-25deg)}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}.caret{vertical-align:-.06em;background:var(--accent);width:.42em;height:.85em;margin-left:.15em;animation:1.1s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.section__title.is-flash i{animation:nod .9s var(--ease)}@keyframes nod{35%{background:var(--text);color:var(--bg);transform:scale(1.3)rotate(-8deg)}}.badge:before{content:"";vertical-align:1px;background:var(--accent-text);width:7px;height:7px;margin-right:6px;animation:2.4s ease-in-out infinite status;display:inline-block}@keyframes status{50%{opacity:.25}}.status-dot{background:var(--accent);border:2px solid var(--border);vertical-align:0;width:9px;height:9px;margin-right:4px;animation:2.4s ease-in-out infinite status;display:inline-block}.motif{vertical-align:-.12em;width:.95em;height:.95em;color:var(--accent-strong);transition:transform .4s var(--ease);margin-left:.25em;display:inline-block}.about__side p:hover .motif{transform:rotate(-12deg)scale(1.15)}.footer__note{color:var(--muted);font-family:var(--mono);align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.footer__note:hover .motif{transform:scaleY(1.3)}.contact__email{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.copy{min-width:112px}.copy.is-copied,.copy.is-copied:hover{background:var(--accent-2);color:#0d0d0d}.copy.is-copied:before{transform:translate(-101%)}.copy__status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{width:26px;height:26px}.icon--snip .blade{transform-origin:12.2px 12px}.card--life:hover .icon--snip .blade--a,.card--life:focus-within .icon--snip .blade--a{animation:snip-a .5s var(--ease) 2}.card--life:hover .icon--snip .blade--b,.card--life:focus-within .icon--snip .blade--b{animation:snip-b .5s var(--ease) 2}@keyframes snip-a{50%{transform:rotate(14deg)}}@keyframes snip-b{50%{transform:rotate(-14deg)}}.card__icon--pole{transition:background-color .3s}.card--life:hover .card__icon--pole{background:repeating-linear-gradient(-45deg, var(--accent) 0 6px, #fbf7ec 6px 12px) 0 0 / 17px 17px;animation:.8s linear infinite pole}@keyframes pole{to{background-position:0 17px}}.icon--shutter .aperture{transform-origin:12px 13px}.card--life:hover .icon--shutter .aperture,.card--life:focus-within .icon--shutter .aperture{animation:shutter .45s var(--ease)}@keyframes shutter{40%{transform:scale(2.4)}55%{transform:scale(0)}}.icon--eq{fill:currentColor}.icon--eq rect{transform-box:fill-box;transform-origin:bottom}.card--life:hover .icon--eq rect,.card--life:focus-within .icon--eq rect{animation:.9s ease-in-out infinite alternate eq}.icon--eq rect:nth-child(2){animation-delay:-.3s!important}.icon--eq rect:nth-child(3){animation-delay:-.6s!important}.icon--eq rect:nth-child(4){animation-delay:-.15s!important}@keyframes eq{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.preview,.photo{position:relative}.preview:after,.photo:after{content:"";z-index:2;pointer-events:none;--cl:20px;--cw:3px;background:linear-gradient(currentColor, currentColor) top left / var(--cl) var(--cw), linear-gradient(currentColor, currentColor) top left / var(--cw) var(--cl), linear-gradient(currentColor, currentColor) top right / var(--cl) var(--cw), linear-gradient(currentColor, currentColor) top right / var(--cw) var(--cl), linear-gradient(currentColor, currentColor) bottom left / var(--cl) var(--cw), linear-gradient(currentColor, currentColor) bottom left / var(--cw) var(--cl), linear-gradient(currentColor, currentColor) bottom right / var(--cl) var(--cw), linear-gradient(currentColor, currentColor) bottom right / var(--cw) var(--cl);opacity:0;transition:opacity .25s, transform .45s var(--ease);background-repeat:no-repeat;position:absolute;inset:14px;transform:scale(1.12)}.preview:after{inset:54px 16px 16px}.photo{color:var(--accent)}.project:hover .preview:after,.photo:hover:after{opacity:1;transform:none}.photo:hover img{transition-delay:.12s}.pg__intro{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 40px;margin-bottom:28px;display:flex}.pg__lead{letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,3.4vw,2.4rem);font-weight:700;line-height:1.1}.pg__note{max-width:520px;color:var(--muted);margin:0;font-size:1rem}.pg{background:var(--surface);border:var(--bw) solid var(--border);box-shadow:var(--shadow)}.pg__toolbar{border-bottom:var(--bw) solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px;display:flex}.pg__label{font-family:var(--mono);text-transform:uppercase;margin-right:6px;font-size:.75rem}.chip{font:inherit;color:var(--text);background:var(--bg);border:2px solid var(--border);cursor:pointer;transition:transform .2s var(--ease), box-shadow .2s var(--ease), background .2s;padding:5px 10px;font-size:.85rem;font-weight:700}.chip:hover{box-shadow:3px 3px 0 var(--shadow-color);transform:translate(-2px,-2px)}.chip:active{box-shadow:none;transform:none}.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.chip--ai:before{content:"✦ ";color:var(--accent-strong)}.chip--ai[aria-pressed=true]:before{color:inherit}.chip--ghost{background:0 0;border-style:dashed;margin-left:auto}.pg__stage{grid-template-columns:minmax(0,1fr) 340px;display:grid}.pg__scroll{border-right:var(--bw) solid var(--border);background-image:radial-gradient(color-mix(in srgb, var(--border) 28%, transparent) 1.2px, transparent 1.6px);background-size:22px 22px;overflow-x:auto}.pg__scroll:focus-visible{outline:3px dashed var(--accent-strong);outline-offset:-6px}.pg__diagram{grid-template-rows:repeat(3,auto) auto;grid-template-columns:repeat(4,minmax(140px,1fr));gap:60px 44px;min-width:760px;padding:48px 28px 18px;display:grid;position:relative}.pg__wires{pointer-events:none;color:var(--border);position:absolute;top:0;left:0;overflow:visible}.wire{fill:none;stroke:color-mix(in srgb, var(--border) 40%, transparent);stroke-width:2.5px;stroke-dasharray:6 6;transition:stroke .3s,stroke-width .3s}.wire.is-path{stroke:var(--border);stroke-dasharray:none}.wire.is-lit,.wire.is-flow{stroke:var(--accent);stroke-width:3.5px;stroke-dasharray:none}.packet{fill:var(--accent);stroke:var(--border);stroke-width:2.5px;opacity:0;transition:opacity .2s}.packet.is-on{opacity:1}.node{grid-column:var(--c);grid-row:var(--r);z-index:1;min-height:64px;font:inherit;text-align:left;color:var(--text);background:var(--surface);border:var(--bw) solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .3s, color .3s, opacity .3s;align-self:center;align-items:center;gap:10px;padding:12px 14px;display:flex;position:relative}.node:hover,.node:focus-visible{box-shadow:6px 6px 0 var(--shadow-color);transform:translate(-2px,-2px)}.node__icon{width:34px;height:34px;font-family:var(--mono);color:var(--text);background:var(--bg);border:2px solid var(--border);flex:none;place-items:center;font-size:.85rem;font-weight:700;display:grid}.node--ai .node__icon{background:var(--accent-2);color:#0d0d0d}.node__name{font-weight:700;line-height:1.15}.node__dot{background:var(--bg);border:2px solid var(--border);width:8px;height:8px;position:absolute;top:6px;right:6px}.node__tip{z-index:3;white-space:nowrap;font-family:var(--mono);color:var(--bg);background:var(--text);opacity:0;pointer-events:none;transition:opacity .2s, translate .25s var(--ease);padding:4px 8px;font-size:.72rem;position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50% 4px}.node:hover .node__tip,.node:focus-visible .node__tip{opacity:1;translate:-50%}.node.is-path{opacity:1}.node.is-dim{opacity:.32}.node.is-selected,.node.is-active{background:var(--accent);color:var(--accent-text)}.node.is-active .node__dot,.node.is-selected .node__dot{background:var(--accent-2)}.node.is-error{color:#fbf7ec;background:#0d0d0d;animation:.4s shake}.node.is-error .node__dot{background:var(--accent)}.node.is-ok .node__dot{background:var(--accent-2)}.node.is-pop{animation:pop .45s var(--ease)}@keyframes pop{40%{transform:scale(1.06)rotate(-1deg)}}@keyframes shake{25%{translate:-4px}50%{translate:4px}75%{translate:-2px}}.pg__legend{border-top:2px dashed color-mix(in srgb, var(--border) 35%, transparent);font-family:var(--mono);color:var(--muted);flex-wrap:wrap;grid-area:4/1/auto/-1;gap:6px 20px;padding-top:12px;font-size:.72rem;display:flex}.lg{vertical-align:middle;margin-right:6px;display:inline-block}.lg--wire{border-top:3px solid var(--accent);width:18px}.lg--packet{background:var(--accent);border:2px solid var(--border);width:10px;height:10px}.lg--ai{background:var(--accent-2);border:2px solid var(--border);width:12px;height:12px}.lg--err{border:2px solid var(--accent);background:#0d0d0d;width:12px;height:12px}.pg__panel{background:var(--bg);padding:18px 20px;position:relative}@media (min-width:1001px){.pg__panel{overscroll-behavior:contain;height:0;min-height:100%;overflow-y:auto}}.pg__hint{font-family:var(--mono);color:var(--muted);border-bottom:2px dashed color-mix(in srgb, var(--border) 35%, transparent);margin:0;padding:8px 16px;font-size:.72rem;display:none}.pg__panel-head{justify-content:space-between;align-items:center;min-height:32px;margin-bottom:10px;display:flex}.pg__kicker{font-family:var(--mono);text-transform:uppercase;color:var(--bg);background:var(--text);margin:0;padding:2px 8px;font-size:.72rem}.pg__close{width:32px;height:32px;font:inherit;color:var(--text);background:var(--surface);border:2px solid var(--border);cursor:pointer;transition:transform .25s var(--ease);font-size:1.3rem;line-height:1}.pg__close:hover{transform:rotate(90deg)}.pg__panel h3{margin-bottom:8px;font-size:1.5rem}.pg__panel h4{font-family:var(--mono);text-transform:uppercase;color:var(--accent-strong);margin:16px 0 6px;font-size:.72rem}.pg__panel p{font-size:.95rem}.pg__panel.is-swap #pg-content{animation:swap .4s var(--ease)}@keyframes swap{0%{opacity:0;transform:translateY(8px)}}.pg__tech{flex-wrap:wrap;gap:6px;display:flex}.pg__tech li{border:2px solid var(--border);padding:1px 8px;font-size:.85rem;font-weight:700}.pg__steps{counter-reset:step;gap:6px;font-size:.88rem;line-height:1.45;display:grid}.pg__steps li{counter-increment:step;opacity:.45;border:2px solid #0000;padding:6px 8px 6px 36px;transition:opacity .3s,border-color .3s,background .3s;position:relative}.pg__steps li:before{content:counter(step);width:20px;height:20px;font-family:var(--mono);border:2px solid var(--border);place-items:center;font-size:.7rem;display:grid;position:absolute;top:6px;left:6px}.pg__steps li.is-done{opacity:1}.pg__steps li.is-current{opacity:1;background:var(--surface);border-color:var(--border)}.pg__steps li.is-current:before{background:var(--accent);color:var(--accent-text)}.pg__step-node{margin-right:4px;font-weight:700}.tag-mini{float:right;font-family:var(--mono);text-transform:uppercase;color:#0d0d0d;background:var(--accent-2);border:2px solid var(--border);margin:0 0 2px 6px;padding:0 5px;font-size:.62rem}.tag-mini--transaction{background:var(--accent)}.tag-mini--retry{background:var(--surface);color:var(--text)}.tag-mini--error{color:#fbf7ec;background:#0d0d0d}.pg__trace{font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:#f3efe4;border:2px solid var(--border);background:#0d0d0d;margin:14px 0 0;padding:12px;font-size:.74rem;line-height:1.5}.pg__trace:empty{display:none}.pg__outro{background:var(--surface);border-left:4px solid var(--accent);margin-top:14px;padding:10px 12px;font-weight:700}.pg__dock{border:2px dashed color-mix(in srgb, var(--border) 35%, transparent);grid-area:2/1/span 2;align-self:stretch;min-height:180px;position:relative}.pg__dock:after{content:"robot_dock";font-family:var(--mono);color:var(--muted);font-size:.62rem;position:absolute;bottom:4px;right:6px}.robot{width:64px;translate:var(--x,0) 0;transition:translate 1.2s var(--ease);position:absolute;bottom:10px;left:8px}.robot__btn{width:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.robot__svg{width:100%;height:auto;display:block;overflow:visible}.robot__plate{fill:var(--surface);stroke:var(--border);stroke-width:3px}.robot__visor{fill:#0d0d0d;stroke:var(--border);stroke-width:2px}.robot__stroke{stroke:var(--border);stroke-width:3px}.robot__antenna{fill:var(--accent);stroke:var(--border);stroke-width:2px;transition:fill .4s}.robot__light{fill:var(--accent-2);stroke:var(--border);stroke-width:2px}.robot__eye{fill:var(--accent);transform-box:fill-box;transform-origin:50%;transition:transform .12s}.robot__eyes{transform:translate(calc(var(--lx,0) * 1px), calc(var(--ly,0) * 1px));transition:transform .4s var(--ease)}.robot__head{transform-box:fill-box;transform-origin:50% 100%;transform:rotate(var(--tilt,0deg));transition:transform .5s var(--ease)}.robot__arm{transform-box:fill-box;transform-origin:50% 8%;transition:transform .45s var(--ease)}.robot__leg{transform-box:fill-box}.robot.is-blink .robot__eye{transform:scaleY(.1)}.robot[data-state=idle] .robot__body-wrap{animation:3.6s ease-in-out infinite breathe}.robot[data-state=resting] .robot__antenna{fill:var(--muted)}.robot[data-state=resting] .robot__eye{transform:scaleY(.35)}.robot[data-state=working] .robot__arm--l{transform:rotate(40deg)}.robot[data-state=working] .robot__arm--r{transform:rotate(-40deg)}.robot[data-state=observing] .robot__antenna{animation:1.2s ease-in-out infinite status}.robot.is-walking .robot__leg--l{animation:.3s ease-in-out infinite alternate step}.robot.is-walking .robot__leg--r{animation:.3s ease-in-out -.3s infinite alternate step}.robot.is-hop .robot__body-wrap{animation:hop .5s var(--ease)}.robot.is-wave .robot__arm--r{animation:wave .9s var(--ease)}@keyframes breathe{50%{transform:translateY(-1.5px)}}@keyframes step{to{transform:translateY(-4px)}}@keyframes hop{40%{transform:translateY(-12px)}}@keyframes wave{25%,75%{transform:rotate(-150deg)}50%{transform:rotate(-115deg)}}.robot__bubble{width:max-content;max-width:180px;font-family:var(--mono);background:var(--surface);border:2px solid var(--border);box-shadow:3px 3px 0 var(--shadow-color);opacity:0;pointer-events:none;transition:opacity .25s, translate .3s var(--ease);margin:0;padding:6px 8px;font-size:.72rem;line-height:1.35;position:absolute;bottom:calc(100% + 8px);left:0;translate:0 6px}.robot.is-talking .robot__bubble{opacity:1;translate:0}@media (max-width:1000px){.pg__stage{grid-template-columns:1fr}.pg__scroll{border-right:0;border-bottom:var(--bw) solid var(--border)}.chip--ghost{margin-left:0}.pg__hint{display:block}}.scrapbook{--sb-paper:#f3efe6;--sb-paper-deep:#e9e2d3;--sb-ink:#1d1b17;--sb-ink-soft:#46413a;--sb-muted:#7c7467;--sb-rule:#d5ccbb;--sb-accent:#b2432a;--sb-film:#1c1a17;--sb-film-edge:#b9a77f;--sb-stamp:#f2913d;--sb-tint:#ede7dc;--sb-tint-deep:#e2d9c7;--sb-f-display:"Instrument Serif", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sb-f-body:"Newsreader", "Iowan Old Style", Georgia, serif;--sb-f-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sb-f-hand:"Caveat", "Bradley Hand", "Segoe Print", cursive;--sb-t-label:.6875rem;--sb-t-small:.875rem;--sb-t-body:1.0625rem;--sb-t-lead:clamp(1.15rem, 1rem + .6vw, 1.4rem);--sb-t-h3:clamp(1.6rem, 1.3rem + 1vw, 2rem);--sb-t-h2:clamp(2.4rem, 1.6rem + 3.4vw, 4.75rem);--sb-t-h1:clamp(2.6rem, 1.4rem + 5.2vw, 6.25rem);--sb-s-1:.25rem;--sb-s-2:.5rem;--sb-s-3:.75rem;--sb-s-4:1rem;--sb-s-5:1.5rem;--sb-s-6:2rem;--sb-s-7:3rem;--sb-s-8:5rem;--sb-s-9:8rem;--sb-wrap:1320px;--sb-gutter:clamp(1rem, 4vw, 3.5rem);--sb-col-gap:clamp(.75rem, 2.2vw, 2rem);--sb-section-y:clamp(4.5rem, 3rem + 7vw, 10rem);--sb-measure:36rem;--sb-note-pad:clamp(1rem, .75rem + 1vw, 1.75rem);--sb-ease:cubic-bezier(.22, .61, .24, 1);--sb-t-reveal:1s}:root:has(body.scrapbook){scroll-padding-top:0}.scrapbook{background:var(--sb-paper);color:var(--sb-ink);font-family:var(--sb-f-body);font-size:var(--sb-t-body);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6;overflow-x:hidden}.scrapbook img{max-width:100%;height:auto;display:block}.scrapbook h1,.scrapbook h2,.scrapbook h3,.scrapbook p,.scrapbook figure,.scrapbook dl,.scrapbook dd,.scrapbook ol,.scrapbook ul{margin:0}.scrapbook ol,.scrapbook ul{padding:0;list-style:none}.scrapbook main{max-width:none;margin:0;padding:0}.scrapbook a{color:inherit}.scrapbook em{font-style:italic}.scrapbook ::selection{background:var(--sb-accent);color:var(--sb-paper)}.scrapbook :focus-visible{outline:1.5px solid var(--sb-accent);outline-offset:3px}.scrapbook .wrap{width:100%;max-width:calc(var(--sb-wrap) + var(--sb-gutter) * 2);padding-inline:var(--sb-gutter);margin-inline:auto}.scrapbook .skip{left:var(--sb-s-4);z-index:10;padding:var(--sb-s-2) var(--sb-s-3);background:var(--sb-ink);color:var(--sb-paper);font:500 var(--sb-t-label) / 1 var(--sb-f-mono);letter-spacing:.08em;text-transform:uppercase;border:0;text-decoration:none;position:absolute;top:-3rem}.scrapbook .skip:focus{top:var(--sb-s-4)}.scrapbook .link{font-weight:inherit;transition:background-size .45s var(--sb-ease), color .25s ease;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;text-decoration:none}.scrapbook .link:hover,.scrapbook .link:focus-visible{color:var(--sb-accent);background-color:#0000;background-size:100% 1px}.scrapbook .kicker,.scrapbook .meta,.scrapbook .caption__plate,.scrapbook .caption__credit,.scrapbook .caption__theme,.scrapbook .section-head,.scrapbook .note__meta,.scrapbook .status,.scrapbook .contents__label,.scrapbook .contents span{font-family:var(--sb-f-mono);font-size:var(--sb-t-label);letter-spacing:.1em;text-transform:uppercase;font-weight:400}.scrapbook .meta{gap:var(--sb-s-1) 0;color:var(--sb-muted);flex-wrap:wrap;display:flex}.scrapbook .meta li+li:before{content:"·";color:var(--sb-rule);margin-inline:.7em}.scrapbook .scrawl{font-family:var(--sb-f-hand);color:var(--sb-accent);transition:opacity .6s ease, transform .6s var(--sb-ease);font-size:1.4rem;font-weight:500;line-height:1.05;transform:rotate(-3deg)}.scrapbook .scrawl__more{color:var(--sb-muted);white-space:nowrap;opacity:0;transition:opacity .45s ease, transform .45s var(--sb-ease);margin-left:.35em;font-size:.8em;display:inline-block;transform:translate(-6px)}@media (hover:hover){.scrapbook .strip:hover .scrawl__more,.scrapbook .feature__scrawl:hover .scrawl__more,.scrapbook .feature__aside--print:hover~.feature__scrawl .scrawl__more{opacity:1;transform:none}}.scrapbook .section{padding-block:var(--sb-section-y) 0}.scrapbook .section-head{align-items:baseline;gap:var(--sb-s-4);color:var(--sb-muted);margin-bottom:clamp(2rem,1rem + 4vw,4.5rem);display:flex}.scrapbook .section-head:after{content:"";background:var(--sb-rule);flex:1;height:1px;transform:translateY(-.3em)}.scrapbook .section-head__num{color:var(--sb-accent)}.scrapbook .frame{position:relative}.scrapbook .frame__img{background:var(--sb-paper-deep);display:block;position:relative;overflow:hidden}.scrapbook .frame__img img{width:100%;aspect-ratio:var(--ratio,4 / 5);object-fit:cover;transition:transform 1.2s var(--sb-ease)}.scrapbook .stamp{font:500 clamp(.75rem, .6rem + .4vw, 1.05rem) / 1 var(--sb-f-mono);letter-spacing:.18em;color:var(--sb-stamp);text-shadow:0 0 6px color-mix(in srgb, var(--sb-stamp) 60%, transparent);opacity:.9;pointer-events:none;position:absolute;bottom:3.5%;left:5%}.scrapbook .frame.is-missing .frame__img{place-items:center;display:grid}.scrapbook .frame.is-missing .frame__img img{visibility:hidden}.scrapbook .frame.is-missing .frame__img:after{content:"Image unavailable — replace me";font:var(--sb-t-label) / 1.4 var(--sb-f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sb-muted);position:absolute}@media (hover:hover){.scrapbook .frame:hover .frame__img img{transform:scale(1.035)}}.scrapbook .caption{margin-top:var(--sb-s-3);font-size:var(--sb-t-small);color:var(--sb-ink-soft);font-style:italic;line-height:1.45}.scrapbook .caption__plate{color:var(--sb-accent);margin-right:.6em;font-style:normal}.scrapbook .caption__credit{color:var(--sb-muted);margin-left:.6em;font-size:.625rem;font-style:normal;display:inline-block}.scrapbook .caption--theme{gap:var(--sb-s-1);padding-top:var(--sb-s-3);border-top:1px solid var(--sb-rule);font-style:normal;display:grid}.scrapbook .caption--theme .caption__theme{color:var(--sb-accent)}.scrapbook .caption--theme .caption__line{font-family:var(--sb-f-display);color:var(--sb-ink);font-size:clamp(1.35rem,1.1rem + .8vw,1.75rem);font-style:italic;line-height:1.15}.scrapbook .caption--theme .caption__credit{margin-left:0}.scrapbook .masthead__inner{justify-content:space-between;align-items:flex-end;gap:var(--sb-s-5);padding-block:var(--sb-s-5) var(--sb-s-4);background:linear-gradient(var(--sb-ink), var(--sb-ink)) 50% 100% / calc(100% - var(--sb-gutter) * 2) 1px no-repeat;display:flex}.scrapbook .wordmark{gap:.15rem;text-decoration:none;display:grid}.scrapbook .wordmark__title{font-family:var(--sb-f-display);letter-spacing:-.01em;font-size:clamp(1.6rem,1.3rem + .9vw,2.1rem);line-height:1}.scrapbook .wordmark__title em{color:var(--sb-accent)}.scrapbook .wordmark__sub{font-size:var(--sb-t-small);color:var(--sb-muted);font-style:italic}.scrapbook .masthead__nav{font-family:var(--sb-f-mono);font-size:var(--sb-t-label);letter-spacing:.1em;text-transform:uppercase;align-items:baseline;gap:clamp(1rem,2.5vw,2rem);padding-bottom:.2rem;display:flex}.scrapbook .masthead__back{border-left:1px solid var(--sb-rule);color:var(--sb-muted);padding-left:clamp(1rem,2.5vw,2rem)}.scrapbook .opening{padding-block:clamp(3.5rem,2rem + 7vw,8.5rem) 0}.scrapbook .opening__kicker{align-items:center;gap:var(--sb-s-3);color:var(--sb-muted);margin-bottom:var(--sb-s-5);display:flex}.scrapbook .dot{background:var(--sb-accent);border-radius:50%;width:5px;height:5px}.scrapbook .opening__title{max-width:17ch;font-family:var(--sb-f-display);font-weight:400;font-size:var(--sb-t-h1);letter-spacing:-.015em;text-wrap:balance;line-height:.98}.scrapbook .opening__title em{color:var(--sb-accent)}.scrapbook .opening__foot{column-gap:var(--sb-col-gap);row-gap:var(--sb-s-5);grid-template-columns:repeat(12,minmax(0,1fr));margin-top:clamp(2.5rem,1.5rem + 3vw,4.5rem);display:grid}.scrapbook .opening__lede{font-size:var(--sb-t-lead);color:var(--sb-ink-soft);grid-column:1/6;max-width:30ch;line-height:1.45}.scrapbook .opening__meta{grid-area:2/1/auto/6;align-self:end}.scrapbook .contents{grid-area:1/8/3/13;align-self:end}.scrapbook .contents__label{color:var(--sb-muted);padding-bottom:var(--sb-s-2)}.scrapbook .contents li{border-top:1px solid var(--sb-rule)}.scrapbook .contents li:last-child{border-bottom:1px solid var(--sb-rule)}.scrapbook .contents a{align-items:baseline;gap:var(--sb-s-4);transition:color .25s ease, transform .4s var(--sb-ease);padding-block:.55rem;text-decoration:none;display:flex}.scrapbook .contents span{color:var(--sb-muted);transition:color .25s}.scrapbook .contents a:hover{color:var(--sb-accent);transform:translate(4px)}.scrapbook .contents a:hover span{color:var(--sb-accent)}.scrapbook .feature{column-gap:var(--sb-col-gap);padding-bottom:var(--sb-s-9);grid-template-columns:repeat(12,minmax(0,1fr));display:grid;position:relative}.scrapbook .feature__lead{grid-area:1/1/3/8;align-self:start}.scrapbook .feature__lead:before,.scrapbook .feature__lead:after{content:"";border-top:1px solid var(--sb-ink);pointer-events:none;width:18px;height:18px;position:absolute;top:-12px}.scrapbook .feature__lead:before{border-left:1px solid var(--sb-ink);left:-12px}.scrapbook .feature__lead:after{border-right:1px solid var(--sb-ink);right:-12px}.scrapbook .feature__text{padding-top:var(--sb-s-2);grid-area:1/9/auto/13;align-self:start}.scrapbook .status{align-items:center;gap:var(--sb-s-2);color:var(--sb-ink-soft);margin-bottom:var(--sb-s-5);display:flex}.scrapbook .status__dot{background:var(--sb-accent);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--sb-accent) 18%, transparent);border-radius:50%}.scrapbook .status__sep{color:var(--sb-rule)}.scrapbook .feature__title{font-family:var(--sb-f-display);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(2.2rem,1.5rem + 2.4vw,3.6rem);font-weight:400;line-height:1.02}.scrapbook .feature__title em{color:var(--sb-accent)}.scrapbook .feature__intro{margin-top:var(--sb-s-5);color:var(--sb-ink-soft);font-size:1.125rem;line-height:1.6}.scrapbook .ledger{margin-top:var(--sb-s-6);font-size:var(--sb-t-small)}.scrapbook .ledger div{gap:var(--sb-s-3);border-top:1px solid var(--sb-rule);grid-template-columns:9.5rem 1fr;padding-block:.5rem;display:grid}.scrapbook .ledger div:last-child{border-bottom:1px solid var(--sb-rule)}.scrapbook .ledger dt{font-family:var(--sb-f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sb-muted);padding-top:.2em;font-size:.625rem}.scrapbook .ledger dd{line-height:1.4}.scrapbook .link--read{margin-top:var(--sb-s-6);font-family:var(--sb-f-mono);font-size:var(--sb-t-label);letter-spacing:.1em;text-transform:uppercase;background-size:100% 1px;gap:.5em;padding-bottom:.25em;display:inline-flex}.scrapbook .link--read span{transition:transform .4s var(--sb-ease)}.scrapbook .link--read:hover span{transform:translate(5px)}.scrapbook .feature__aside--side{margin-top:var(--sb-s-8);grid-area:2/10/auto/13;align-self:start}.scrapbook .feature__aside--print{margin-bottom:calc(var(--sb-s-9) * -1 + var(--sb-s-4));z-index:2;grid-area:2/6/auto/9;align-self:end;transform:rotate(-1.5deg)}.scrapbook .feature__aside--print .frame__img{box-shadow:0 0 0 clamp(6px, .8vw, 11px) var(--sb-paper)}.scrapbook .feature__aside--print .caption{margin-top:var(--sb-s-4)}.scrapbook .feature__scrawl{bottom:var(--sb-s-6);left:calc((100% + var(--sb-col-gap)) / 12 * 8.4);position:absolute}.scrapbook .notes{column-gap:var(--sb-col-gap);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:clamp(2.5rem,1.5rem + 3vw,4rem);display:grid}.scrapbook .notes__head{top:var(--sb-s-6);grid-area:1/1/4/5;align-self:start;position:sticky}.scrapbook .notes__title{font-family:var(--sb-f-display);font-weight:400;font-size:var(--sb-t-h2);letter-spacing:-.01em;line-height:.95}.scrapbook .notes__title em{color:var(--sb-accent)}.scrapbook .notes__intro{margin-top:var(--sb-s-4);max-width:22ch;color:var(--sb-muted);font-style:italic}.scrapbook .note{padding:var(--sb-note-pad);grid-template-columns:auto 1fr;align-items:start;column-gap:clamp(1rem,2vw,1.75rem);transition:background-color .5s;display:grid;position:relative}.scrapbook .note:before{content:"";background:var(--sb-accent);transform-origin:0;width:2.5rem;height:2px;transition:transform .5s var(--sb-ease);position:absolute;top:-1px;left:0;transform:scaleX(0)}.scrapbook .note__num{font-family:var(--sb-f-display);color:var(--sb-rule);font-size:clamp(2.75rem,2rem + 2vw,4rem);font-style:italic;line-height:.8;transition:color .5s}.scrapbook .note__meta{color:var(--sb-muted);margin-bottom:var(--sb-s-2)}.scrapbook .note__meta span{color:var(--sb-rule);margin-inline:.3em;transition:color .5s}.scrapbook .note__title{font-family:var(--sb-f-display);font-weight:400;font-size:var(--sb-t-h3);margin-bottom:var(--sb-s-3);line-height:1.1}.scrapbook .note__body>p:not(.note__meta),.scrapbook .note__more p{max-width:34rem;color:var(--sb-ink-soft)}.scrapbook .note:hover,.scrapbook .note:focus-within{background-color:var(--sb-tint)}.scrapbook .note:hover:before,.scrapbook .note:focus-within:before{transform:scaleX(1)}.scrapbook .note:hover .note__num,.scrapbook .note:focus-within .note__num,.scrapbook .note:hover .note__meta span,.scrapbook .note:focus-within .note__meta span{color:var(--sb-accent)}.scrapbook .note__toggle{margin-top:var(--sb-s-3);color:var(--sb-accent);font:400 var(--sb-t-label) / 1 var(--sb-f-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5em;padding:.2em 0;display:inline-flex}.scrapbook .note__toggle[hidden]{display:none}.scrapbook .note__toggle span{transition:transform .4s var(--sb-ease);font-size:1.4em;display:inline-block}.scrapbook .note__toggle[aria-expanded=true] span{transform:rotate(45deg)}.scrapbook .note__more p{padding-top:var(--sb-s-3);font-size:.97rem;font-style:italic}.sb-js .scrapbook .note__more{visibility:hidden;transition:grid-template-rows .45s var(--sb-ease), visibility 0s linear .45s;grid-template-rows:0fr;display:grid}.sb-js .scrapbook .note__more>*{min-height:0;overflow:hidden}.sb-js .scrapbook .note.is-open .note__more{visibility:visible;transition:grid-template-rows .45s var(--sb-ease), visibility 0s;grid-template-rows:1fr}.scrapbook .note--one{border-top:1px solid var(--sb-ink);grid-area:1/5/auto/11}.scrapbook .note--one .note__scrawl{top:calc(100% + var(--sb-s-3));position:absolute;right:0;transform:rotate(-4deg)}.scrapbook .note--two{margin-top:var(--sb-s-6);background:var(--sb-paper-deep);grid-area:2/7/auto/13;padding:clamp(1.25rem,1rem + 1.5vw,2.25rem)}.scrapbook .note--two:hover,.scrapbook .note--two:focus-within{background-color:var(--sb-tint-deep)}.scrapbook .note--two .note__num{color:color-mix(in srgb, var(--sb-muted) 45%, var(--sb-paper-deep))}.scrapbook .note--two .note__body>p:not(.note__meta){font-size:1.125rem}.scrapbook .note--two .note__scrawl{margin-top:var(--sb-s-4);grid-column:2;max-width:24ch;font-size:1.25rem;transform:rotate(-1.5deg)}.scrapbook .note--three{border-left:1px solid var(--sb-accent);grid-area:3/5/auto/10}@media (hover:hover){.scrapbook .note .note__scrawl{opacity:.85}.scrapbook .note:hover .note__scrawl{opacity:1;transform:rotate(-2deg)translate(-3px)}}.scrapbook .journey__head{column-gap:var(--sb-col-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;margin-bottom:clamp(2.5rem,1.5rem + 4vw,5.5rem);display:grid}.scrapbook .journey__title{font-family:var(--sb-f-display);font-weight:400;font-size:var(--sb-t-h2);letter-spacing:-.01em;grid-column:1/9;line-height:.95}.scrapbook .journey__title em{color:var(--sb-accent)}.scrapbook .journey__sub{font-style:italic;font-size:var(--sb-t-lead);color:var(--sb-ink-soft);grid-column:9/13;padding-bottom:.4rem;line-height:1.4}.scrapbook .journey{column-gap:var(--sb-col-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.scrapbook .tile--a{grid-area:1/1/auto/8}.scrapbook .tile--b{grid-area:1/9/auto/13;margin-top:clamp(5rem,3rem + 6vw,10rem)}.scrapbook .tile__scrawl--b{grid-area:1/9/auto/13;justify-self:start;margin-top:clamp(1.5rem,1rem + 2vw,4rem);font-size:1.5rem}.scrapbook .tile--c{grid-area:2/2/auto/6;margin-top:clamp(4rem,2rem + 5vw,8rem)}.scrapbook .tile--d{grid-area:2/8/auto/12;margin-top:clamp(6rem,3rem + 7vw,12rem)}.scrapbook .tile--e{grid-area:3/1/auto/8;margin-top:clamp(4rem,2rem + 5vw,7rem)}.scrapbook .tile--f{grid-area:3/9/auto/13;margin-top:clamp(6rem,3rem + 6vw,10rem)}.scrapbook .strip{position:relative}.scrapbook .strip__film{background:var(--sb-film);padding:.6rem clamp(.6rem,1vw,1rem) clamp(.8rem,1.4vw,1.2rem)}.scrapbook .strip__edge{font:500 .5625rem / 1 var(--sb-f-mono);letter-spacing:.18em;color:var(--sb-film-edge);opacity:.75;gap:2.5rem;margin-bottom:.5rem;display:flex}.scrapbook .strip__edge span:first-child{margin-right:auto}.scrapbook .strip__frames{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.4rem,.8vw,.75rem);display:grid}.scrapbook .strip__frames .frame__img{background:#2a2722}.scrapbook .strip__date{font:500 .5625rem / 1 var(--sb-f-mono);letter-spacing:.18em;color:var(--sb-film-edge);opacity:.75;margin-top:.35rem;display:block}.scrapbook .strip__circle{pointer-events:none;width:122%;height:118%;position:absolute;inset:-9% -11%;overflow:visible}.scrapbook .strip__circle path{fill:none;stroke:var(--sb-accent);stroke-width:1.15px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.scrapbook .strip__note{white-space:nowrap;font-size:1.6rem;position:absolute;top:-2.1rem;left:52%;transform:rotate(-6deg)}.scrapbook .reflection__grid{column-gap:var(--sb-col-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.scrapbook .reflection__body{max-width:var(--sb-measure);grid-area:1/6/auto/12}.scrapbook .reflection__title{font-family:var(--sb-f-display);font-weight:400;font-size:var(--sb-t-h2);letter-spacing:-.01em;margin-bottom:clamp(2rem,1rem + 3vw,3.5rem);line-height:.95}.scrapbook .reflection__title em{color:var(--sb-accent)}.scrapbook .reflection__body p+p{margin-top:var(--sb-s-5)}.scrapbook .reflection__body p{color:var(--sb-ink-soft);font-size:1.15rem;line-height:1.7}.scrapbook .reflection__body .reflection__lead{font-size:var(--sb-t-lead);color:var(--sb-ink);line-height:1.55}.scrapbook .reflection__body .reflection__close{margin-top:var(--sb-s-6);padding-top:var(--sb-s-5);border-top:1px solid var(--sb-rule);color:var(--sb-ink);font-style:italic}.scrapbook .reflection__body .reflection__sign{margin-top:var(--sb-s-3);font-family:var(--sb-f-hand);color:var(--sb-accent);font-size:2rem}.scrapbook .plates{grid-area:1/1/auto/5;align-self:end}.scrapbook .plates__label{padding-bottom:var(--sb-s-2);font:400 var(--sb-t-label) / 1.4 var(--sb-f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sb-muted)}.scrapbook .plates li{border-top:1px solid var(--sb-rule)}.scrapbook .plates li:last-child{border-bottom:1px solid var(--sb-rule)}.scrapbook .plates a{align-items:baseline;gap:var(--sb-s-2);font-size:var(--sb-t-small);transition:color .25s ease, transform .4s var(--sb-ease);grid-template-columns:2.25rem 1fr auto;padding-block:.4rem;text-decoration:none;display:grid}.scrapbook .plates__no,.scrapbook .plates time,.scrapbook .plates__aside{font:400 .625rem / 1 var(--sb-f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sb-muted);transition:color .25s}.scrapbook .plates__no{color:var(--sb-accent)}.scrapbook .plates a:hover{color:var(--sb-accent);transform:translate(4px)}.scrapbook .plates a:hover time{color:var(--sb-accent)}.scrapbook .frame:target .frame__img,.scrapbook .strip:target .strip__film{outline:1.5px solid var(--sb-accent);outline-offset:6px}.scrapbook .colophon{margin-top:clamp(4rem,2.5rem + 4vw,7rem)}.scrapbook .colophon__inner{gap:var(--sb-s-4) var(--sb-s-6);padding-block:var(--sb-s-7) var(--sb-s-6);background:linear-gradient(var(--sb-ink), var(--sb-ink)) 50% 0 / calc(100% - var(--sb-gutter) * 2) 1px no-repeat;grid-template-columns:1fr auto;align-items:end;display:grid}.scrapbook .colophon__mark{font-size:clamp(2.4rem,1.6rem + 3vw,4.5rem);line-height:.9}.scrapbook .colophon__more{color:var(--sb-muted);grid-column:1;font-style:italic}.scrapbook .colophon__links{font-family:var(--sb-f-mono);font-size:var(--sb-t-label);letter-spacing:.1em;text-transform:uppercase;grid-area:1/2;justify-self:end}.scrapbook .colophon__meta{grid-area:2/2;justify-self:end}@keyframes sb-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.sb-js .scrapbook .opening>*,.sb-js .scrapbook .masthead__inner{animation:sb-rise .9s var(--sb-ease) both}.sb-js .scrapbook .masthead__inner{animation-duration:.7s}.sb-js .scrapbook .opening>:first-child{animation-delay:80ms}.sb-js .scrapbook .opening>:nth-child(2){animation-delay:.16s}.sb-js .scrapbook .opening>:nth-child(3){animation-delay:.3s}.sb-js .scrapbook [data-sb-reveal]{transition:opacity var(--sb-t-reveal) var(--sb-ease), transform var(--sb-t-reveal) var(--sb-ease)}.sb-js .scrapbook [data-sb-reveal]:not(.is-visible){opacity:0;transform:translateY(16px)}.sb-js .scrapbook [data-sb-reveal=image]:not(.is-visible){opacity:1;transform:none}.sb-js .scrapbook [data-sb-reveal=image] .frame__img{clip-path:inset(0);transition:clip-path 1.1s var(--sb-ease)}.sb-js .scrapbook [data-sb-reveal=image]:not(.is-visible) .frame__img{clip-path:inset(100% 0 0)}.sb-js .scrapbook [data-sb-reveal=image]:not(.is-visible) .frame__img img{transform:scale(1.08)}.sb-js .scrapbook [data-sb-reveal=image] .caption{transition:opacity .7s .35s}.sb-js .scrapbook [data-sb-reveal=image]:not(.is-visible) .caption{opacity:0}.sb-js .scrapbook .feature__aside--print[data-sb-reveal=image]:not(.is-visible){transform:rotate(-1.5deg)}.sb-js .scrapbook .strip .strip__circle path{transition:stroke-dashoffset 1.1s var(--sb-ease) .5s}.sb-js .scrapbook .strip:not(.is-visible) .strip__circle path{stroke-dashoffset:1px}.sb-js .scrapbook .strip .strip__note{transition:opacity .6s 1.3s}.sb-js .scrapbook .strip:not(.is-visible) .strip__note{opacity:0}@media (max-width:1023px){.scrapbook .feature,.scrapbook .notes,.scrapbook .journey,.scrapbook .journey__head,.scrapbook .opening__foot{grid-template-columns:repeat(6,minmax(0,1fr))}.scrapbook .opening__lede{grid-column:1/5}.scrapbook .opening__meta{grid-area:2/1/auto/7}.scrapbook .contents{margin-top:var(--sb-s-5);grid-area:3/1/auto/7;max-width:28rem}.scrapbook .feature{row-gap:var(--sb-s-7);padding-bottom:0}.scrapbook .feature__lead{grid-area:1/1/auto/6}.scrapbook .feature__text{grid-area:2/1/auto/7;max-width:38rem;padding-top:0}.scrapbook .feature__aside--side{grid-area:3/1/auto/4;margin-top:0}.scrapbook .feature__aside--print{margin:var(--sb-s-8) 0 0;grid-area:3/4/auto/7;align-self:start}.scrapbook .feature__scrawl{display:none}.scrapbook .notes__head{margin-bottom:var(--sb-s-2);grid-area:auto/1/auto/7;position:static}.scrapbook .note--one{grid-area:auto/1/auto/6}.scrapbook .note--two{margin-top:var(--sb-s-6);grid-area:auto/2/auto/7}.scrapbook .note--three{grid-area:auto/1/auto/6}.scrapbook .journey__title{grid-column:1/7}.scrapbook .journey__sub{margin-top:var(--sb-s-4);grid-column:1/6}.scrapbook .journey{row-gap:var(--sb-s-8)}.scrapbook .journey>*{grid-row:auto;margin-top:0}.scrapbook .tile--a{grid-column:1/7}.scrapbook .tile__scrawl--b{grid-column:1/3;align-self:center;margin:0}.scrapbook .tile--b{margin-top:calc(var(--sb-s-8) * -.4);grid-column:3/7}.scrapbook .tile--c{grid-column:1/4}.scrapbook .tile--d{margin-top:var(--sb-s-8);grid-column:4/7}.scrapbook .tile--e{margin-top:var(--sb-s-5);grid-column:1/7}.scrapbook .tile--f{grid-column:2/7}.scrapbook .reflection__grid{grid-template-columns:repeat(6,minmax(0,1fr))}.scrapbook .reflection__body{grid-column:1/6}.scrapbook .plates{margin-top:var(--sb-s-8);grid-area:2/1/auto/5}}@media (max-width:639px){.scrapbook{--sb-t-body:1.0625rem}.scrapbook .masthead__inner{align-items:stretch;gap:var(--sb-s-4);flex-direction:column}.scrapbook .masthead__nav{padding-top:var(--sb-s-3);border-top:1px solid var(--sb-rule);justify-content:space-between}.scrapbook .masthead__back{margin-left:auto}.scrapbook .opening__title{max-width:none}.scrapbook .opening__lede,.scrapbook .feature__lead{grid-column:1/7}.scrapbook .feature__lead:before,.scrapbook .feature__lead:after{display:none}.scrapbook .feature__aside--print{margin-top:var(--sb-s-7)}.scrapbook .ledger div{grid-template-columns:7.5rem 1fr}.scrapbook .note{grid-template-columns:1fr}.scrapbook .note__num{margin-bottom:var(--sb-s-3);font-size:2.5rem}.scrapbook .note--one,.scrapbook .note--two,.scrapbook .note--three{grid-column:1/7}.scrapbook .note--two{margin-inline:calc(var(--sb-gutter) * -.5)}.scrapbook .note--two .note__scrawl{grid-column:1}.scrapbook .note--one .note__scrawl{margin-top:var(--sb-s-4);justify-self:end;position:static}.scrapbook .note--one,.scrapbook .note--three{padding-inline:0}.scrapbook .note--three{padding-left:var(--sb-note-pad)}.scrapbook .journey{row-gap:var(--sb-s-7)}.scrapbook .tile--a{margin-inline:calc(var(--sb-gutter) * -1)}.scrapbook .tile--a .caption{padding-inline:var(--sb-gutter);border-top:0}.scrapbook .tile__scrawl--b{grid-column:1/3;font-size:1.3rem}.scrapbook .tile--b{margin-top:calc(var(--sb-s-6) * -.5);grid-column:2/7}.scrapbook .tile--c{grid-column:1/6}.scrapbook .tile--d{grid-column:2/7;margin-top:0}.scrapbook .tile--e{margin-top:var(--sb-s-6)}.scrapbook .tile--f,.scrapbook .reflection__body,.scrapbook .plates{grid-column:1/7}.scrapbook .colophon__inner{grid-template-columns:1fr}.scrapbook .colophon__links,.scrapbook .colophon__meta{grid-area:auto/1;justify-self:start}.scrapbook .colophon__links{margin-top:var(--sb-s-4)}}@media (prefers-reduced-motion:reduce){.scrapbook *,.scrapbook :before,.scrapbook :after{transition:none!important;animation:none!important}.sb-js .scrapbook [data-sb-reveal]:not(.is-visible),.sb-js .scrapbook [data-sb-reveal=image]:not(.is-visible) .caption,.sb-js .scrapbook .strip:not(.is-visible) .strip__note{opacity:1;transform:none}.sb-js .scrapbook [data-sb-reveal=image]:not(.is-visible) .frame__img{clip-path:none}.sb-js .scrapbook [data-sb-reveal=image]:not(.is-visible) .frame__img img{transform:none}.sb-js .scrapbook .strip:not(.is-visible) .strip__circle path{stroke-dashoffset:0}.sb-js .scrapbook .feature__aside--print{transform:rotate(-1.5deg)}.scrapbook .frame:hover .frame__img img{transform:none}}