@font-face{font-family:Gloock;font-style:normal;font-weight:400;font-display:swap;src:url(../media/93183b47530b2cc4-s.07pab5tjqgrgt.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Gloock;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8c0d9f2c4c4d982a-s.24-aljatl3op_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Gloock;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c5bca4b73401f535-s.p.0i0-2mskdia64.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Gloock Fallback;src:local(Times New Roman);ascent-override:84.82%;descent-override:19.57%;line-gap-override:0.0%;size-adjust:114.95%}._0VCPSW_className{font-family:Gloock,Gloock Fallback;font-style:normal;font-weight:400}._0VCPSW_variable{--font-serif:"Gloock", "Gloock Fallback"}
@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/91bd2e40df15814e-s.1zpt8rrvsu92z.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/a63431c4ac64ea8b-s.0mxk1tgo-hrwu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8b4ed0a90d903ab5-s.1akpt5k8ff_pw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/c47649aa31f9e140-s.p.2rlmbw0a3_pri.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk Fallback;src:local(Arial);ascent-override:99.07%;descent-override:30.02%;line-gap-override:0.0%;size-adjust:100.94%}.Ho9lba_className{font-family:Hanken Grotesk,Hanken Grotesk Fallback;font-style:normal}.Ho9lba_variable{--font-sans:"Hanken Grotesk", "Hanken Grotesk Fallback"}
:root{--ink:#1c2e2d;--dark:#1c2e2d;--strip:#1c2e2d;--paper:#f6f1e2;--bg-a:#d3d1b3;--bg-b:#d9dcc3;--bg-c:#a8bdb4;--kodak:#e5b02b;--font-serif:"Gloock", Georgia, serif;--font-sans:"Hanken Grotesk", system-ui, sans-serif}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{min-height:100svh;color:var(--ink);font-family:var(--font-sans);background:linear-gradient(155deg, var(--bg-a) 0%, var(--bg-b) 40%, var(--bg-c) 100%) fixed;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:50;opacity:.14;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:0;min-height:100svh;padding:104px clamp(20px,5vw,72px) 40px;display:grid;position:relative}.nav{z-index:5;justify-content:space-between;align-items:center;padding:24px clamp(20px,5vw,72px);display:flex;position:absolute;top:0;left:0;right:0}.brand{font-family:var(--font-serif);font-size:1.35rem}.copy{z-index:3;justify-items:start;gap:28px;margin-right:-5vw;display:grid;position:relative}.status{align-items:center;gap:10px;font-weight:600;display:flex}.status i{background:#2f7d4f;border-radius:50%;width:10px;height:10px}h1{font-size:clamp(2.3rem,4.6vw,4.6rem);line-height:1}.line{padding-bottom:.1em;display:block;overflow:hidden}.line>span{display:block}.serif{font-family:var(--font-serif);font-weight:400}.sans{letter-spacing:-.035em;font-weight:800}.lede{max-width:52ch;font-size:1.15rem;line-height:1.55}.cta{flex-wrap:wrap;gap:16px;display:flex}.btn{background:var(--kodak);color:var(--dark);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:2px;padding:.9em 1.5em;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-block}.btn:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.btn.ghost{color:var(--ink);background:0 0}.btn-sm{padding:.6em 1.1em;font-size:.95rem}.portrait{aspect-ratio:1;z-index:1;justify-self:end;width:100%;max-width:min(760px,100svh - 150px);position:relative;-webkit-mask-image:radial-gradient(60% 60% at 50% 46%,#000 52%,#0000 100%);mask-image:radial-gradient(60% 60% at 50% 46%,#000 52%,#0000 100%)}.portrait img,.portrait canvas{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}@media (max-width:800px){.hero{grid-template-columns:1fr;padding-top:96px}.copy{margin-right:0}.portrait{justify-self:center;margin-top:16px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}.services{gap:28px;padding:clamp(72px,10vw,140px) clamp(20px,5vw,72px);display:grid}.services h2{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.6rem);font-weight:400;line-height:1.02}.fixed{max-width:58ch;font-size:1.1rem;line-height:1.55}.svc-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;margin-top:20px;padding:0;list-style:none;display:grid}.svc-card{rotate:var(--r);perspective:1000px}.flip{aspect-ratio:4/5;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.flip:focus-visible{outline:3px solid var(--ink);outline-offset:8px}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.7,.2,1);display:block;position:relative}.flip[aria-pressed=true] .flip-inner{transform:rotateY(180deg)}.face{background:var(--paper);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);backface-visibility:hidden;flex-direction:column;padding:14px 14px 18px;display:flex;position:absolute;inset:0}.face.back{justify-content:center;gap:14px;padding:24px;transform:rotateY(180deg)}.shot{background:var(--bg);color:var(--fg);font-family:var(--font-serif);flex:1;place-items:center;font-size:clamp(2.4rem,4vw,3.4rem);display:grid}.caption{gap:4px;padding-top:14px;display:grid}.caption b{font-size:1.1rem}.caption span{font-size:.95rem;line-height:1.4}.back h3{font-family:var(--font-serif);font-size:1.5rem;font-weight:400;line-height:1.1}.back ul{gap:10px;padding-left:1.1em;line-height:1.4;display:grid}.work{align-content:center;gap:28px;padding:72px 0;display:grid}.work-head{gap:10px;padding:0 clamp(20px,5vw,72px);display:grid}.work-head h2{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.6rem);font-weight:400;line-height:1.02}.work-head p{max-width:52ch;font-size:1.1rem;line-height:1.5}.strip{background:var(--strip);flex-direction:column;gap:28px;padding:44px 16px;display:flex;position:relative}.holes{background:repeating-linear-gradient(90deg,#d3d1b3 0 16px,#0000 16px 36px);height:12px;position:absolute;left:0;right:0}.holes.top{top:16px}.holes.bottom{bottom:16px}.frame{background:var(--paper);place-items:center;gap:28px;padding:24px;display:grid}.phone{aspect-ratio:9/19;border:3px solid var(--ink);text-align:center;background:var(--bg);height:min(50svh,420px);font-family:var(--font-serif);border-radius:26px;place-content:center;gap:6px;font-size:2.6rem;display:grid;overflow:hidden}.phone img{object-fit:cover;width:100%;height:100%}.phone small{font-family:var(--font-sans);font-size:.8rem}.info{justify-items:start;gap:10px;display:grid}.kind{font-weight:700}.info h3{font-family:var(--font-serif);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:400;line-height:1.05}.info p{max-width:44ch;line-height:1.5}@media (min-width:900px){.work{min-height:100svh}.work-view{overflow-x:auto}.work.pinned .work-view{overflow:hidden}.strip{flex-direction:row;width:max-content;padding:44px clamp(20px,5vw,72px)}.frame{grid-template-columns:auto 1fr;width:min(82vw,880px)}}.process{gap:56px;padding:clamp(72px,10vw,140px) clamp(20px,5vw,72px);display:grid}.process-head{gap:10px;display:grid}.process-head h2{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.6rem);font-weight:400;line-height:1.02}.process-head p{font-size:1.1rem}.steps{grid-template-columns:6px 1fr;gap:32px;max-width:900px;display:grid}.rail{background:#1c2e2d2e}.rail b{background:var(--ink);transform-origin:top;height:100%;display:block}.steps ol{gap:44px;padding:0;list-style:none;display:grid}.steps h3,.check h3{font-family:var(--font-serif);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:400;line-height:1.05}.steps p{max-width:52ch;margin-top:8px;font-size:1.05rem;line-height:1.55}.check{background:var(--paper);border:2px solid var(--ink);max-width:900px;box-shadow:5px 5px 0 var(--ink);gap:12px;padding:clamp(24px,4vw,44px);display:grid;position:relative}.check ul{gap:12px;margin-top:10px;padding:0;list-style:none;display:grid}.check li{align-items:center;gap:14px;font-size:1.05rem;display:flex}.box{border:2px solid var(--ink);flex:none;place-items:center;width:26px;height:26px;display:grid}.box svg{fill:none;width:16px;height:16px;stroke:var(--ink);stroke-width:2.4px}.stamp{color:#b5432f;font-family:var(--font-serif);text-transform:uppercase;mix-blend-mode:multiply;pointer-events:none;border:4px solid #b5432f;padding:.1em .5em;font-size:clamp(1.5rem,3vw,2.3rem);position:absolute;top:clamp(16px,4vw,40px);right:clamp(16px,4vw,44px);rotate:-10deg}@media (max-width:700px){.check{padding-bottom:88px}.stamp{top:auto;bottom:20px}}.exp{gap:36px;padding:clamp(72px,10vw,140px) clamp(20px,5vw,72px) clamp(40px,6vw,80px);display:grid}.exp h2,.stack h2{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.6rem);font-weight:400;line-height:1.02}.ledger{max-width:980px;padding:0;list-style:none}.ledger>li{grid-template-columns:minmax(150px,220px) 1fr;gap:24px;padding:32px 0 36px;display:grid;position:relative}.rule{background:var(--ink);height:2px;position:absolute;top:0;left:0;right:0}.when{font-family:var(--font-serif);font-size:1.25rem}.job h3{letter-spacing:-.02em;font-size:1.3rem;font-weight:800}.co{margin:2px 0 12px;display:block}.job ul{gap:6px;max-width:60ch;padding-left:1.1em;line-height:1.45;display:grid}.learn{border-top:2px solid var(--ink);gap:8px;max-width:980px;padding-top:28px;line-height:1.5;display:grid}@media (max-width:700px){.ledger>li{grid-template-columns:1fr;gap:8px}}.stack{gap:24px;padding:clamp(40px,6vw,80px) 0 clamp(72px,10vw,140px);display:grid;overflow:hidden}.stack h2{padding:0 clamp(20px,5vw,72px)}.marquee{overflow:hidden}.mq-track{width:max-content;display:flex}.mq-track ul{flex:none;padding:0;list-style:none;display:flex}.mq-track li{white-space:nowrap;font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.3}.mq-track li:after{content:"";background:var(--kodak);border:2px solid var(--ink);vertical-align:middle;width:.3em;height:.3em;margin:0 .8em;display:inline-block}.mq-a li{font-family:var(--font-serif)}.mq-b li{letter-spacing:-.03em;font-weight:800}@media (prefers-reduced-motion:reduce){.marquee{overflow-x:auto}}.about{grid-template-columns:minmax(240px,340px) 1fr;align-items:center;gap:clamp(32px,6vw,88px);max-width:1180px;padding:clamp(56px,8vw,110px) clamp(20px,5vw,72px);display:grid}.snap{background:var(--paper);border:2px solid var(--ink);width:100%;box-shadow:6px 6px 0 var(--ink);padding:14px 14px 58px;position:relative;rotate:-2deg}.snap:before{content:"";background:#e5b02bcc;width:90px;height:26px;margin-left:-45px;position:absolute;top:-14px;left:50%;rotate:3deg}.snap img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.snap figcaption{text-align:center;font-family:var(--font-serif);font-size:1.2rem;position:absolute;bottom:16px;left:0;right:0}.about-copy{gap:18px;display:grid}.about-copy h2{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.6rem);font-weight:400;line-height:1.02}.about-copy p{max-width:58ch;font-size:1.08rem;line-height:1.6}.facts{grid-template-columns:auto 1fr;gap:6px 20px;margin-top:6px;display:grid}.facts dt{font-weight:700}.facts dd{margin:0}@media (max-width:800px){.about{grid-template-columns:1fr}.snap{max-width:340px}}.contact{gap:20px;padding:clamp(56px,8vw,110px) clamp(20px,5vw,72px) 40px;display:grid}.contact h2{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.6rem);font-weight:400;line-height:1.02}.brief{gap:18px;max-width:760px;margin-top:12px;display:grid}.row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field{gap:6px;font-weight:600;display:grid}.field input,.field select,.field textarea{font:inherit;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:2px;padding:.75em .9em;font-weight:400}.hp{position:absolute;left:-9999px}button.btn{font:inherit;cursor:pointer;font-weight:700}.note{min-height:1.5em;line-height:1.5}.foot{border-top:2px solid var(--ink);flex-wrap:wrap;gap:14px 28px;margin-top:40px;padding-top:24px;display:flex}.foot a{text-underline-offset:4px;text-decoration:underline}@media (max-width:700px){.row{grid-template-columns:1fr}}.legal{gap:14px;max-width:760px;margin:0 auto;padding:64px clamp(20px,5vw,40px) 96px;font-size:1.05rem;line-height:1.65;display:grid}.legal h1{font-family:var(--font-serif);margin-top:16px;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:400;line-height:1.05}.legal h2{font-family:var(--font-serif);margin-top:22px;font-size:1.5rem;font-weight:400}.legal ul{gap:8px;padding-left:1.2em;display:grid}.legal a,.agree a{text-underline-offset:4px;text-decoration:underline}.legal .back{font-weight:700}.updated{opacity:.75}.agree{font-size:.95rem;line-height:1.5}:root[data-theme=night]{--ink:#ece6d2;--paper:#1d2d2c;--bg-a:#0e1c1d;--bg-b:#14292a;--bg-c:#0a1618}.theme{z-index:60;font:inherit;color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;padding:.5em .9em;font-weight:700;position:fixed;bottom:16px;right:16px}html.lens-on,html.lens-on *{cursor:none!important}html.lens-on.lens-field,html.lens-on.lens-field *{cursor:auto!important}.ptr{z-index:400;pointer-events:none;transition:opacity .2s;display:none;position:fixed;top:0;left:0}.ptr-arrow{transition:scale .15s;display:block;position:absolute;overflow:visible}.ptr-arrow path{fill:#bef3fe;stroke:var(--ink);stroke-width:2.4px;stroke-linejoin:round;transition:fill .2s}.ptr.hot .ptr-arrow{scale:1.25}.ptr.hot path{fill:var(--kodak)}.ptr.down .ptr-arrow{scale:.85}.ptr.hot.down .ptr-arrow{scale:1.05}.ptr-tag{white-space:nowrap;color:var(--dark);background:var(--kodak);border:2px solid var(--ink);opacity:0;padding:.15em .6em;font-size:.8rem;font-weight:700;transition:opacity .15s,scale .15s;position:absolute;top:28px;left:16px;scale:.8}.ptr.tag .ptr-tag{opacity:1;scale:1}.ptr.away,html.lens-field .ptr{opacity:0}.phone-wrap{position:relative}.phone-wrap.bare .phone{aspect-ratio:428/926;background:0 0;border:0;border-radius:0;overflow:visible}.phone-wrap.bare .phone img{object-fit:contain}.phone iframe{background:#fff;border:0;width:100%;height:100%}.try{position:absolute;bottom:18px;left:50%;translate:-50%}.live{gap:12px;padding-top:6px;display:grid}.live-row{flex-wrap:wrap;align-items:center;gap:6px 18px;display:flex}.live-row i{background:#2f7d4f;border-radius:50%;width:10px;height:10px;animation:1.8s infinite ping}.live b{font-variant-numeric:tabular-nums;font-size:1.3rem}.boards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.boards ol{gap:2px;margin:4px 0 0;padding-left:1.2em;display:grid}.boards li span{opacity:.75;font-size:.9rem}@keyframes ping{0%{box-shadow:0 0 #2f7d4f80}70%,to{box-shadow:0 0 0 10px #2f7d4f00}}@media (prefers-reduced-motion:reduce){.live-row i{animation:none}}.sample{opacity:.7;font-size:.85rem}.co a{text-underline-offset:4px;font-weight:600;text-decoration:underline}.co a:hover{text-decoration-thickness:3px}.packages{gap:28px;padding:clamp(72px,10vw,140px) clamp(20px,5vw,72px);display:grid}.packages h2{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.6rem);font-weight:400;line-height:1.02}.stages{flex-wrap:wrap;gap:12px;display:flex}.stages button{font:inherit;color:var(--ink);background:var(--paper);border:2px solid var(--ink);cursor:pointer;padding:.6em 1em;font-weight:700}.stages button[aria-pressed=true]{background:var(--kodak);color:var(--dark)}.pkg-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;margin-top:14px;display:grid}.pkg{background:var(--paper);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);align-content:start;gap:14px;padding:22px;display:grid;position:relative}.pkg.pick{outline:4px solid var(--kodak);outline-offset:4px}.pkg.wide{grid-column:1/-1}.fit{color:var(--dark);background:var(--kodak);border:2px solid var(--ink);padding:.2em .7em;font-weight:700;position:absolute;top:-15px;right:16px}.pkg h3{font-family:var(--font-serif);font-size:1.9rem;font-weight:400;line-height:1.05}.what{font-weight:700}.ba{gap:8px;display:grid}.ba p{padding:10px 12px;line-height:1.4}.ba b{margin-bottom:2px;font-size:.85rem;display:block}.before{color:#4a4636;background:#cfc6aa}.after{background:var(--kodak);color:var(--dark);font-weight:600}.pkg ul{gap:6px;padding-left:1.1em;line-height:1.4;display:grid}.pkg .btn{justify-self:start}.promise{background:var(--paper);border:2px solid var(--ink);max-width:900px;box-shadow:5px 5px 0 var(--ink);gap:10px;padding:clamp(20px,3vw,32px);display:grid}.promise h3{font-family:var(--font-serif);font-size:1.6rem;font-weight:400}.promise ul{gap:8px;padding-left:1.1em;line-height:1.4;display:grid}@media (min-width:800px){.pkg.wide .ba{grid-template-columns:1fr 1fr}}.frame{position:relative;overflow:hidden}.frame>:not(.reel-ghost):not(.sticker){z-index:1;position:relative}.reel-ghost{z-index:0;font-family:var(--font-serif);color:#0000;-webkit-text-stroke:2px var(--ink);opacity:.1;white-space:nowrap;pointer-events:none;font-size:clamp(6rem,13vw,11rem);line-height:1;position:absolute;bottom:-.14em;left:0}.reel-meta{display:none}.work.pinned .reel-meta{align-items:center;gap:16px;padding:0 clamp(20px,5vw,72px);display:flex}.reel-count{font-variant-numeric:tabular-nums;min-width:3.5em;font-weight:700}.reel-progress{background:#7878644d;flex:1;height:4px}.reel-progress b{background:var(--ink);transform-origin:0;height:100%;display:block;transform:scaleX(0)}@media (min-width:900px){.frame{padding:40px}.work{grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;gap:clamp(6px,1.6vh,20px);height:100svh;min-height:0;padding:clamp(14px,3vh,36px) 0 clamp(10px,2vh,24px);overflow:hidden}.work-head h2{font-size:clamp(1.6rem,6.5vh,3.2rem)}.work-head p{font-size:clamp(.9rem,2.2vh,1.1rem)}.work-view{min-height:0}.strip{padding-block:clamp(26px,5vh,44px)}.frame{gap:clamp(16px,3vw,32px);padding:clamp(12px,3vh,40px) clamp(16px,3vw,40px)}.phone{height:min(46svh,420px)}.info{gap:clamp(4px,1.1vh,10px)}.info h3{font-size:clamp(1.5rem,5.4vh,2.6rem)}.info p{font-size:clamp(.85rem,2.1vh,1rem);line-height:1.4}.live b{font-size:clamp(1rem,2.8vh,1.3rem)}.reel-ghost{font-size:clamp(4rem,22vh,10rem)}}.stages{scroll-margin-top:16px}.snap-cell{justify-items:start;gap:16px;display:grid}.snap-drag{z-index:5;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;position:relative}.snap-drag:active{cursor:grabbing}.snap img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.drag-hint{opacity:.8;font-size:.95rem}@media (hover:none){.drag-hint{display:none}}.portrait.three img{transition:opacity .6s}.portrait.three.ready img{opacity:0}.portrait.three canvas{filter:sepia(.18)saturate(.92)contrast(1.04)}.stack-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:0 clamp(20px,5vw,72px);display:flex}.stack-head h2{padding:0}.tool-grid{gap:28px;padding:0 clamp(20px,5vw,72px);display:grid}.tool-grid h3{font-family:var(--font-serif);margin-bottom:12px;font-size:1.5rem;font-weight:400}.chips{flex-wrap:wrap;gap:12px;display:flex}.chip{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:var(--paper);padding:.5em 1em}.chip.a{font-family:var(--font-serif);background:var(--kodak);color:var(--dark);font-size:1.15rem}.chip.b{letter-spacing:-.02em;font-weight:700}.secnav{z-index:55;transition:opacity .3s,translate .3s;position:fixed;top:50%;right:clamp(10px,1.6vw,24px);translate:0 -50%}.secnav.hide{opacity:0;pointer-events:none;translate:20px -50%}.secnav ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.secnav a{justify-content:flex-end;align-items:center;gap:10px;display:flex}.secnav .lbl{background:var(--paper);border:2px solid var(--ink);opacity:0;padding:.15em .55em;font-size:.85rem;font-weight:700;transition:opacity .2s,translate .2s;translate:8px}.secnav a:hover .lbl,.secnav a.on .lbl,.secnav a:focus-visible .lbl{opacity:1;translate:0}.secnav i{border:2px solid var(--ink);width:12px;height:12px;transition:background .2s,scale .2s}.secnav a.on i{background:var(--kodak);scale:1.3}@media (max-width:899px){.secnav{display:none}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){clip-path:circle(var(--reveal,0px) at var(--rx,50%) var(--ry,50%))}.loader{z-index:300;color:#f6f1e2;cursor:pointer;background:#1c2e2d;align-content:center;place-items:center;gap:28px;display:none;position:fixed;inset:0}html[data-intro=play] .loader{display:grid}html[data-intro=play]{scrollbar-gutter:stable;overflow:hidden}.leader{aspect-ratio:1;place-items:center;width:min(60vmin,420px);display:grid;position:relative}.leader:before,.leader:after{content:"";opacity:.35;background:#f6f1e2;position:absolute}.leader:before{height:2px;top:50%;left:-8%;right:-8%}.leader:after{width:2px;top:-8%;bottom:-8%;left:50%}.ring{border:3px solid #f6f1e2;border-radius:50%;position:absolute;inset:0}.sweep{background:conic-gradient(#e5b02b99,#0000 30%,#0000);border-radius:50%;position:absolute;inset:0}.count{font-family:var(--font-serif);font-size:clamp(5rem,22vmin,11rem);line-height:1;position:relative}.loader-cap{font-weight:700}.theme{align-items:center;gap:8px;display:inline-flex}.theme svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.line.sans{position:relative}.scribble{width:9.3em;max-width:100%;height:.13em;position:absolute;bottom:0;left:0;overflow:visible}.scribble path{fill:none;stroke:var(--kodak);stroke-width:5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.steps{grid-template-columns:60px 1fr;gap:12px;position:relative}.steps ol{grid-column:2}.trail{position:absolute;top:0;left:0;overflow:visible}.trail path{fill:none;stroke-linecap:round}.trail-bg{stroke:var(--ink);stroke-opacity:.2;stroke-width:3px;stroke-dasharray:2 8}.trail-draw{stroke:var(--ink);stroke-width:4px}.pkg .shape{position:absolute;top:20px;right:20px}.pkg .shape path{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.shot,.shot>span{position:relative}.fx{z-index:250;pointer-events:none;position:fixed;inset:0;overflow:visible}.fx-trail{fill:none;stroke:var(--kodak);stroke-width:3px;stroke-linecap:round}.fx-plane{opacity:0}.fx-plane path{fill:var(--paper);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.nav-actions{align-items:center;gap:12px;display:flex}.cv-card{background:var(--paper);border:2px solid var(--ink);max-width:980px;box-shadow:5px 5px 0 var(--ink);flex-wrap:wrap;align-items:center;gap:16px 24px;padding:20px 24px;display:flex}.cv-card svg{fill:none;stroke:var(--ink);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round;flex:none}.cv-card h3{font-family:var(--font-serif);font-size:1.6rem;font-weight:400;line-height:1.1}.cv-card p{margin-top:4px;line-height:1.45}.cv-card>div:first-of-type{flex:260px}.cv-actions{flex-wrap:wrap;gap:12px;display:flex}body,.about,.work,.packages,.process,.exp{position:relative}.sticker{z-index:7;width:var(--w,120px);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;position:absolute}.sticker-body{filter:drop-shadow(2px 0 #fff)drop-shadow(-2px 0 #fff)drop-shadow(0 2px #fff)drop-shadow(0 -2px #fff)drop-shadow(0 4px 6px #00000047);transition:scale .2s,filter .2s}.sticker svg{width:100%;height:auto;display:block;overflow:visible}.sticker:hover .sticker-body{scale:1.06}.sticker.dragging{z-index:60}.sticker.dragging .sticker-body{filter:drop-shadow(2px 0 #fff)drop-shadow(-2px 0 #fff)drop-shadow(0 2px #fff)drop-shadow(0 -2px #fff)drop-shadow(0 12px 14px #00000059);scale:1.12}.sticker-layer{z-index:40;pointer-events:none;width:100%;height:0;position:absolute;top:0;left:0;overflow:hidden}.sticker-layer .sticker{pointer-events:auto}.hero .st-salam{--w:clamp(100px, 11vw, 160px);top:15%;left:47%;rotate:-8deg}.hero .st-fixed{--w:clamp(90px, 9vw, 130px);bottom:10%;left:41%;rotate:8deg}.hero .st-welcome{--w:clamp(110px, 12vw, 170px);bottom:14%;right:5%;rotate:5deg}.about .st-stamp{--w:clamp(90px, 9vw, 130px);top:4%;left:26%;rotate:-12deg}.about .st-chai{--w:90px;bottom:5%;right:6%;rotate:6deg}.work .st-reel{--w:110px;top:20px;right:9%;rotate:-5deg}.packages .st-ship{--w:90px;top:5%;right:6%;rotate:7deg}.frame .st-soon{--w:clamp(100px, 10vw, 140px);top:14px;right:16px;rotate:5deg}.exp .st-lang{--w:120px;bottom:5%;right:8%;rotate:4deg}.tray-btn{z-index:60;font:inherit;color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;gap:8px;padding:.5em .9em;font-weight:700;display:inline-flex;position:fixed;bottom:16px;left:16px}.tray-btn b{color:var(--dark);background:var(--kodak);border:2px solid var(--ink);padding:0 .4em;font-size:.85rem}.tray{z-index:60;background:var(--paper);border:2px solid var(--ink);width:300px;box-shadow:5px 5px 0 var(--ink);gap:12px;padding:16px;display:grid;position:fixed;bottom:70px;left:16px}.tray p{font-size:.9rem;line-height:1.4}.tray-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tray-item{border:2px dashed var(--ink);cursor:grab;touch-action:none;background:0 0;padding:6px}.tray-item svg{width:100%;height:auto;display:block}.toast{z-index:60;color:var(--dark);background:var(--kodak);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:.6em 1em;font-weight:700;position:fixed;bottom:24px;left:50%;translate:-50%}.toast a{text-underline-offset:3px;text-decoration:underline}.confetti{z-index:500;pointer-events:none;width:8px;height:12px;position:fixed;top:0;left:0}@media (max-width:899px),(hover:none){.sticker,.sticker-layer,.tray-btn,.tray,.toast{display:none}}.tray-actions{flex-wrap:wrap;gap:8px;display:flex}.quote{gap:24px;padding:clamp(72px,10vw,140px) clamp(20px,5vw,72px);display:grid}.quote h2{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.6rem);font-weight:400;line-height:1.02}.q-wrap{grid-template-columns:1fr minmax(260px,340px);align-items:start;gap:32px;margin-top:8px;display:grid}.q-chips{flex-wrap:wrap;gap:12px;display:flex}.qchip{font:inherit;color:var(--ink);text-align:left;background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;align-items:center;gap:10px;padding:.6em 1em;font-weight:700;transition:background .15s;display:inline-flex}.qchip[aria-pressed=true]{background:var(--kodak);color:var(--dark)}.qbox{border:2px solid;place-items:center;width:20px;height:20px;font-size:.9rem;display:grid}.q-range{gap:10px;max-width:460px;margin-top:28px;font-weight:600;display:grid}.q-range input{width:100%;accent-color:var(--ink)}.q-sum{background:var(--paper);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);gap:14px;padding:22px;display:grid;position:sticky;top:24px}.q-sum h3{font-family:var(--font-serif);font-size:1.6rem;font-weight:400}.q-big b{font-variant-numeric:tabular-nums;font-size:1.6rem}.q-size{gap:6px;font-weight:700;display:grid}.q-size>i{background:#7878644d;height:10px;display:block}.q-size>i>span{background:var(--ink);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.q-note{opacity:.8;font-size:.9rem;line-height:1.4}@media (max-width:800px){.q-wrap{grid-template-columns:1fr}.q-sum{position:static}}.tz{background:var(--paper);border:2px solid var(--ink);max-width:760px;box-shadow:5px 5px 0 var(--ink);gap:10px;margin-top:8px;padding:18px 20px;line-height:1.5;display:grid}.tz:empty{display:none}.tz-line{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.tz-dot{background:#9a9a8a;border-radius:50%;width:10px;height:10px}.tz-dot.on{background:#2f7d4f}.tz-bar{grid-template-columns:repeat(24,1fr);gap:2px;height:28px;display:grid}.tz-cell{background:#78786440;display:block}.tz-cell.y{background:#8fb0a8}.tz-cell.m{background:var(--kodak)}.tz-cell.y.m{background:var(--ink)}.tz-legend{flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:.9rem;display:flex}.tz-legend i{vertical-align:-1px;width:12px;height:12px;margin-right:4px;display:inline-block}.tz-legend .y{background:#8fb0a8}.tz-legend .m{background:var(--kodak)}.tz-legend .b{background:var(--ink)}html.bug-on{overflow:hidden}.bug-field{z-index:350;background:#1c2e2d1a;position:fixed;inset:0;overflow:hidden}.bug{touch-action:none;width:48px;height:64px;position:fixed;top:0;left:0}.bug .legs{transform-origin:30px 44px;animation:.18s steps(2,end) infinite crawl}@keyframes crawl{50%{transform:scaleX(.9)}}@media (prefers-reduced-motion:reduce){.bug .legs{animation:none}}.splat{z-index:351;pointer-events:none;background:#b5432f;border-radius:48% 52% 45% 55%;width:70px;height:70px;margin:-35px 0 0 -35px;position:fixed}.bug-hud{z-index:360;color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);gap:18px;padding:.5em 1em;font-weight:700;display:flex;position:fixed;top:16px;left:50%;translate:-50%}.bug-end{z-index:360;background:#1c2e2d8c;place-items:center;display:grid;position:fixed;inset:0}.bug-card{background:var(--paper);border:2px solid var(--ink);max-width:420px;box-shadow:6px 6px 0 var(--ink);gap:14px;padding:28px;line-height:1.5;display:grid}.bug-card h3{font-family:var(--font-serif);font-size:1.8rem;font-weight:400;line-height:1.1}.nf{text-align:center;place-content:center;justify-items:center;gap:22px;min-height:100svh;padding:24px;display:grid}.nf h1{font-family:var(--font-serif);font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.05}.nf-film{aspect-ratio:4/3;color:#f6f1e2;background:var(--strip);place-items:center;width:min(420px,86vw);padding:44px 24px;display:grid;position:relative}.nf-film p{font-family:var(--font-serif);font-size:clamp(4rem,14vw,7rem);line-height:1;animation:2.4s step-end infinite flicker}@keyframes flicker{0%,to{opacity:1}8%{opacity:.55}10%{opacity:1}52%{opacity:.8}54%{opacity:1}}@media (prefers-reduced-motion:reduce){.nf-film p{animation:none}}.nf-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.work.pinned .reel-meta{align-items:flex-end;min-height:54px;position:relative}.reel-progress{margin-bottom:8px}.reel-count{margin-bottom:2px}.bus{pointer-events:none;width:clamp(90px,9vw,130px);height:auto;position:absolute;bottom:12px;left:0;overflow:visible}.about .road{pointer-events:none;height:82px;position:absolute;bottom:6px;left:0;right:0;overflow:hidden}.about .road:after{content:"";background:repeating-linear-gradient(90deg, var(--ink) 0 12px, transparent 12px 22px);opacity:.4;height:3px;position:absolute;bottom:0;left:0;right:0}.cycle{width:112px;height:auto;position:absolute;bottom:3px;left:0;overflow:visible}.about{padding-bottom:clamp(108px,10vw,140px)}
