@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-tight-cyrillic-ext-300-normal-Q6N-kkEg.woff2)format("woff2"),url(/assets/inter-tight-cyrillic-ext-300-normal-B2VrT0JD.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-tight-cyrillic-300-normal-v85RudRx.woff2)format("woff2"),url(/assets/inter-tight-cyrillic-300-normal-BDodsKhS.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-tight-greek-ext-300-normal-B2sN05p_.woff2)format("woff2"),url(/assets/inter-tight-greek-ext-300-normal-DGsdomI5.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-tight-greek-300-normal-BQANonrC.woff2)format("woff2"),url(/assets/inter-tight-greek-300-normal-DMcMlZzP.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-tight-vietnamese-300-normal-CYiRM3tK.woff2)format("woff2"),url(/assets/inter-tight-vietnamese-300-normal-NyGxASF1.woff)format("woff");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:Inter Tight;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-tight-latin-ext-300-normal-C6q1igsZ.woff2)format("woff2"),url(/assets/inter-tight-latin-ext-300-normal-DC3AoG2m.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-tight-latin-300-normal-D984wGGM.woff2)format("woff2"),url(/assets/inter-tight-latin-300-normal-Cb55kdq8.woff)format("woff");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:Inter Tight;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-tight-cyrillic-ext-400-normal-CKO3cWyd.woff2)format("woff2"),url(/assets/inter-tight-cyrillic-ext-400-normal-DiHHcP5k.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-tight-cyrillic-400-normal-G7BuwYWK.woff2)format("woff2"),url(/assets/inter-tight-cyrillic-400-normal-DPRou3KO.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-tight-greek-ext-400-normal-C3GMUg_S.woff2)format("woff2"),url(/assets/inter-tight-greek-ext-400-normal-DMqR5RoS.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-tight-greek-400-normal-Br_GQm5W.woff2)format("woff2"),url(/assets/inter-tight-greek-400-normal-BLLSFQTx.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-tight-vietnamese-400-normal-CqzIqjuX.woff2)format("woff2"),url(/assets/inter-tight-vietnamese-400-normal-kSDs3Vd1.woff)format("woff");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:Inter Tight;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-tight-latin-ext-400-normal-DN7wyBvd.woff2)format("woff2"),url(/assets/inter-tight-latin-ext-400-normal-BQQeeQrv.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-tight-latin-400-normal-iW8qmuJY.woff2)format("woff2"),url(/assets/inter-tight-latin-400-normal-BLrFJfvD.woff)format("woff");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:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-ext-400-normal-DWiEslNC.woff2)format("woff2"),url(/assets/bebas-neue-latin-ext-400-normal-HFKRJXnW.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-400-normal-9mHNbWWO.woff2)format("woff2"),url(/assets/bebas-neue-latin-400-normal-Bi-ndsyu.woff)format("woff");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:Fira Sans Extra Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fira-sans-extra-condensed-greek-600-normal-DlPqi6mI.woff2)format("woff2"),url(/assets/fira-sans-extra-condensed-greek-600-normal-pEc81niQ.woff)format("woff")}:root{--paper:#e0c6a0;--ink:#0d0d0d;--brown:#3b2416;--font:"Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body:var(--font)}*{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,strong,b,th{font-weight:inherit}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background-color:var(--paper);color:var(--ink);font-family:var(--font);text-transform:lowercase;-webkit-font-smoothing:antialiased;background-image:url(/assets/paper-mSt2Fae-.jpg);background-size:1120px;background-attachment:fixed;min-height:100vh;font-weight:400}html{overflow-x:clip}body{min-width:320px}a,summary{-webkit-tap-highlight-color:#3b241629}:focus-visible{outline:2px solid var(--brown);outline-offset:4px}.phi:focus-visible{outline:2px solid var(--brown);outline-offset:6px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (pointer:coarse){body{background-attachment:scroll}}.page{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;max-width:1600px;margin:0 auto;padding:0 40px;display:grid}.rule{border:0;border-top:1.5px solid var(--ink);grid-column:1/-1}.rule.thin{border-top-width:1px}.site-header{grid-column:1/-1;position:relative}.page>.site-header.is-home{z-index:30;background-color:var(--paper);background-image:url(/assets/paper-mSt2Fae-.jpg);background-size:1120px;background-attachment:fixed;padding-inline:max(40px,50% - 760px);transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s;position:fixed;top:0;left:0;right:0}.page>.site-header.is-hidden{opacity:0;transform:translateY(-100%)}.nav{letter-spacing:.01em;flex-wrap:wrap;align-items:center;gap:8px 40px;padding:24px 0 14px;font-size:17px;display:flex}.nav ul{gap:32px;list-style:none;display:flex}.nav .nav-links{margin-left:auto}.nav a{color:inherit;text-decoration:none}.nav .service-link,.nav .nav-links a{letter-spacing:.04em;text-transform:uppercase;font-family:Bebas Neue,Impact,sans-serif;font-size:22px;font-weight:400}.nav a:hover{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.nav .service-index{flex-wrap:wrap;gap:0 18px}.service-index li{position:relative}.service-link{align-items:center;min-height:44px;display:flex;position:relative}.nav .service-link:hover{text-decoration:none}.service-label{position:relative}.service-label:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .16s ease-out;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.service-link:focus-visible{outline:2px solid var(--brown);outline-offset:5px}.service-link:focus-visible .service-label:after{transform:scaleX(1)}.service-preview{z-index:20;background:var(--paper);width:224px;color:var(--ink);opacity:0;visibility:hidden;transform-origin:0 0;padding:8px;transition:opacity .16s ease-out,transform .16s ease-out,visibility .16s;display:none;position:absolute;top:calc(100% + 24px);left:0;transform:translateY(4px)rotate(-3deg);box-shadow:0 8px 18px #3b24162e}.service-index li:nth-child(2) .service-preview{transform:translateY(4px)rotate(3deg)}.service-preview-image{background:var(--ink);height:132px;display:block;overflow:hidden}.service-preview-caption{justify-content:space-between;gap:12px;padding:8px 2px 2px;font-size:14px;line-height:1.3;display:flex}.service-preview-note{padding:20px 10px;font-size:16px;line-height:1.5;display:block}@media (width>=721px) and (hover:hover) and (pointer:fine){.service-preview{display:block}.service-link:hover .service-label:after{transform:scaleX(1)}.service-link:not([data-preview-dismissed=true]):is(:hover,:focus-visible) .service-preview{opacity:1;visibility:visible;transform:rotate(-2deg)}.service-index li:nth-child(2) .service-link:not([data-preview-dismissed=true]):is(:hover,:focus-visible) .service-preview{transform:rotate(2deg)}}@media (width<=720px){.nav .service-index{gap:0 16px}.nav .service-link,.nav .nav-links a{font-size:20px}}@media (prefers-reduced-motion:reduce){.service-preview,.service-label:after{transition:none}}.landing{text-align:center;grid-column:1/-1;min-height:170svh;position:relative}.landing-stage{place-items:center;height:100svh;display:grid;position:sticky;top:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brandmark{transform:translateY(var(--logo-offset,0px));font-weight:400;position:relative}.brandmark .line{padding:.06em .06em .14em;display:block;overflow:hidden}.brandmark .logo-line>*{animation:.9s cubic-bezier(.2,.8,.2,1) both rise;display:inline-block}.brandmark .phi{font-size:clamp(96px,22vh,220px)}.brandmark .name-line{width:max-content;max-width:calc(100vw - 40px);position:absolute;top:calc(100% + clamp(26px,4vh,48px));left:50%;transform:translate(-50%)}.brand-name{font-family:var(--font);letter-spacing:.01em;white-space:nowrap;text-transform:lowercase;opacity:var(--name-opacity,0);transform:translateY(var(--name-offset,140px));font-size:clamp(20px,2.4vw,36px);font-weight:400;line-height:1;display:block}.scroll-fade{opacity:var(--fade-opacity,0);transform:translateY(var(--fade-offset,80px));transition:opacity .24s linear,transform .32s cubic-bezier(.2,.8,.2,1)}.landing .brandmark{transition:opacity .65s,filter .65s}.page:not(.at-landing) .landing .brandmark{opacity:0;filter:blur(6px)}@keyframes rise{0%{transform:translateY(110%)}to{transform:none}}.phi{vertical-align:top;cursor:pointer;outline:none;width:.92em;height:1em;display:inline-block;position:relative}.phi-mark{width:auto;height:1.08em;animation:.72s cubic-bezier(.2,.8,.2,1) both land;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)}.phi-glyph{text-transform:none;justify-content:center;align-items:center;font-family:Fira Sans Extra Condensed,Bebas Neue,sans-serif;font-weight:600;line-height:1;display:flex;position:absolute;inset:0}@keyframes land{0%{opacity:.25;transform:translate(-50%,-46%)scale(.88)}58%{opacity:1;transform:translate(-50%,-46%)scale(1.035)}82%{transform:translate(-50%,-46%)scale(.995)}to{opacity:1;transform:translate(-50%,-46%)scale(1)}}.phi:hover .phi-mark,.phi:focus-visible .phi-mark{filter:drop-shadow(0 0 .04em #3b241659)}@media (prefers-reduced-motion:reduce){.brandmark .logo-line>*,.phi-mark{opacity:1;animation:none}.landing{min-height:100svh}.landing-stage{position:relative}.landing .brandmark{transform:none}.brand-name{opacity:1;transform:none}.scroll-fade{opacity:1;transition:none;transform:none}.landing .brandmark,.watermark{transition:none}}.intro{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:clamp(16px,2.5vh,30px);min-height:60svh;padding:3vh 0 7vh;scroll-margin-top:120px;display:flex;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.04em;font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(40px,6vw,96px);font-weight:400;line-height:1.2}.statement,.soon{font-family:var(--font-body);letter-spacing:normal;text-wrap:pretty;font-size:clamp(1.125rem,1.5vw,1.375rem);font-weight:300;line-height:1.6}.statement{text-wrap:balance;max-width:min(100%,72ch);margin-top:42px;font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(1.5rem,2.05vw,1.875rem);font-weight:400;line-height:1.3}.work{grid-column:1/-1}.work-row{color:inherit;letter-spacing:-.01em;grid-column:1/-1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:baseline;column-gap:24px;padding:22px 0;font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(24px,2.6vw,40px);font-weight:400;text-decoration:none;transition:color .25s;display:grid}.work-row+.work-row{border-top:1.5px solid var(--ink)}.work-row .n,.work-row .t{transition:transform .3s}.work-row:hover{color:var(--brown)}@media (hover:hover) and (pointer:fine){.work-row:hover .n,.work-row:hover .t{transform:translate(8px)}}.work-row .n{grid-column:1/2;font-size:16px}.work-row .t{grid-column:2/13}.footer{grid-column:1/-1;grid-template-columns:repeat(2,auto);justify-content:space-between;gap:24px;padding:28px 0 40px;font-size:18px;display:grid}.footer .lbl{opacity:.6;padding-bottom:2px;font-size:14px;display:block}.footer a{color:inherit;text-decoration:none}.footer a:hover{text-underline-offset:4px;text-decoration:underline}@media (width<=720px){.page{column-gap:12px;padding:0 20px}.nav ul{gap:18px}.work-row .t{grid-column:2/13}}.brand{align-items:center;gap:14px;display:flex}.brand img{width:auto;height:46px;display:block}.page{position:relative}.page>:not(.watermark){z-index:1;position:relative}.page>.site-header{z-index:30}.watermark{opacity:.07;pointer-events:none;z-index:0;width:auto;height:130vh;transition:opacity 2.4s,transform 3s cubic-bezier(.2,.8,.2,1);position:fixed;top:50%;right:-6vw;transform:translateY(-50%)}.at-landing .watermark{opacity:0;transform:translateY(-50%)scale(1.08)}.bento{grid-column:1/-1;padding:6vh 0 2vh}.bento-title{letter-spacing:-.03em;grid-column:1/-1;padding-bottom:5vh;font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(40px,6vw,96px);font-weight:400;line-height:1}.category .work{padding-bottom:10vh}.project{padding-bottom:8vh;scroll-margin-top:20px}.cluster{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:13vw;gap:14px;margin-bottom:14px;display:grid}.tile{grid-column:var(--c);grid-row:var(--r);background:var(--ink);border-radius:14px;margin:0;position:relative;overflow:hidden}.tile img{object-fit:cover;object-position:50% 40%;width:100%;height:100%;transition:transform .7s;display:block}.portfolio-image{width:100%;height:100%;transition:transform .7s;display:block;overflow:hidden}@media (hover:hover) and (pointer:fine){.tile:hover :is(img,.portfolio-image){transform:scale(1.04)}}.t-text{color:var(--paper);flex-direction:column;justify-content:space-between;padding:20px 24px 22px;font-family:Bebas Neue,Impact,sans-serif;font-size:16px;display:flex}.tt-top{justify-content:flex-end;display:flex}.tt-main{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.t-text strong{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(34px,4.4vw,80px);font-weight:400;line-height:1}.tt-part{padding-bottom:6px;font-size:16px}.t-text.wide{flex-direction:row;align-items:center}.t-text.wide .tt-top{flex-direction:column;gap:6px}.t-text.wide .tt-main{flex:1;justify-content:flex-end;align-items:center}.tile.hero img{object-position:100% 50%}.cluster.portrait{grid-template-rows:22vw 22vw 12vw;grid-auto-rows:12vw}.t-text.alt{color:var(--ink);box-shadow:inset 0 0 0 3px var(--ink);background:0 0}.home-work{grid-column:1/-1;margin-top:calc(30svh + 10px);padding:6vh 0 10vh;scroll-margin-top:100px}.home-work .bento-title{padding-bottom:4vh}.home-bento{grid-auto-rows:15vw;margin-bottom:0}.cat{color:var(--paper);text-decoration:none;display:block}.cat:after{content:"";background:linear-gradient(#0d0d0d0d 40%,#0d0d0dc7);transition:opacity .4s;position:absolute;inset:0}.cat.empty:after{display:none}.cat :is(img,.portfolio-image){position:absolute;inset:0}.cat-label{z-index:2;letter-spacing:-.03em;font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(26px,3vw,52px);font-weight:400;line-height:1;position:absolute;bottom:16px;left:22px}.cat-count{z-index:2;background:var(--paper);color:var(--ink);border-radius:999px;padding:5px 12px;font-size:14px;position:absolute;top:18px;left:22px}.cat.empty{color:var(--ink);box-shadow:inset 0 0 0 3px var(--ink);background:0 0}.cat.empty .cat-count{background:var(--ink);color:var(--paper)}.cat:hover:after{opacity:.8}.back{width:fit-content;color:inherit;margin-left:auto;padding-bottom:3vh;font-size:17px;text-decoration:none;display:block}.back:hover{text-underline-offset:5px;text-decoration:underline}.soon{max-width:52ch;padding-bottom:16vh}.soon a{color:inherit}.cluster.placeholder{grid-auto-rows:15vw}.cluster.placeholder .tile{grid-area:1/1/2/-1}.cluster.placeholder strong{font-size:clamp(48px,7vw,120px)}@media (width<=720px){.cluster.placeholder{grid-auto-rows:48vw}.cluster.placeholder .t-text.wide{flex-direction:column;align-items:stretch}.cluster.placeholder .t-text.wide .tt-top{flex-direction:row}.cluster.placeholder .t-text.wide .tt-main{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:6px}}.page{--gutter:clamp(16px, 3.5vw, 40px);padding-left:max(var(--gutter), env(safe-area-inset-left));padding-right:max(var(--gutter), env(safe-area-inset-right))}.page>*{min-width:0}.page>.site-header.is-home{padding-left:max(var(--gutter), env(safe-area-inset-left), calc((100% - 1600px) / 2 + 40px));padding-right:max(var(--gutter), env(safe-area-inset-right), calc((100% - 1600px) / 2 + 40px));padding-top:env(safe-area-inset-top)}.brand{min-width:44px;min-height:44px}.nav .nav-links a{align-items:center;min-height:44px;display:flex}.nav{gap:8px clamp(18px,2.5vw,40px)}.nav .nav-links{gap:clamp(18px,2.5vw,32px)}.back{text-align:right;min-width:44px;min-height:44px}.footer{padding-bottom:max(40px, env(safe-area-inset-bottom));scroll-margin-top:100px}.footer a{overflow-wrap:anywhere;align-items:flex-start;max-width:100%;min-height:44px;display:inline-flex}.work-row{grid-template-columns:32px minmax(0,1fr);gap:16px}.work-row .n{grid-column:1}.work-row .t{overflow-wrap:anywhere;grid-column:2}.cluster{grid-auto-rows:min(13vw,208px)}.home-bento{grid-auto-rows:min(15vw,240px)}.cluster.portrait{grid-template-rows:min(22vw,352px) min(22vw,352px) minmax(120px,auto)}.tile{min-width:0}.t-text{padding:clamp(16px,1.7vw,24px)}.tt-main,.t-text strong{min-width:0}.tt-part{flex-shrink:0}.t-text strong{font-size:clamp(28px,3.7vw,64px)}.t-text.wide{gap:16px}.t-text.wide strong{font-size:clamp(28px,3.7vw,64px)}@media (width<=1023px){.nav{justify-content:space-between;gap:0;padding:12px 0}.brand img{height:36px}.nav-disclosure{margin-left:auto}.menu-toggle{cursor:pointer;justify-content:flex-end;align-items:center;gap:12px;min-width:88px;min-height:44px;font-family:Bebas Neue,Impact,sans-serif;font-size:22px;list-style:none;display:flex}.menu-toggle::-webkit-details-marker{display:none}.menu-close-label,.nav-disclosure[open] .menu-open-label{display:none}.nav-disclosure[open] .menu-close-label{display:inline}.menu-icon{width:20px;height:20px;position:relative}.menu-icon:before,.menu-icon:after{content:"";background:currentColor;width:20px;height:1.5px;position:absolute;top:50%;left:0;transform:translateY(-4px)}.menu-icon:after{transform:translateY(4px)}.nav-disclosure[open] .menu-icon:before{transform:rotate(45deg)}.nav-disclosure[open] .menu-icon:after{transform:rotate(-45deg)}.nav-panel{top:calc(100% + 8px);right:var(--gutter);width:min(360px, calc(100% - 2 * var(--gutter)));background:var(--paper);max-height:calc(100dvh - 96px - env(safe-area-inset-top));overscroll-behavior:contain;border-radius:12px;padding:16px 22px 12px;position:absolute;overflow-y:auto;box-shadow:0 12px 32px #3b24163d}.site-header:not(.is-home) .nav-panel{width:min(360px,100%);right:0}.nav .service-index{grid-template-columns:minmax(0,1fr);gap:2px;display:grid}.nav .service-link{letter-spacing:.01em;min-height:48px;font-size:26px}.nav .nav-links{border-top:1px solid #3b241640;justify-content:space-between;gap:16px;margin:12px 0 0;padding-top:8px}.nav .nav-links a{letter-spacing:.01em;font-size:19px}.service-preview{display:none}.intro,.home-work{scroll-margin-top:88px}.bento{padding-top:24px}.bento-title{padding-bottom:32px;font-size:clamp(40px,7vw,72px)}.category .work{padding-bottom:40px}.home-work{margin-top:12svh}.statement{margin-top:12px}.footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.t-text strong{font-size:clamp(24px,3.4vw,36px)}}@media (width<=720px){.cluster,.cluster.portrait,.cluster.placeholder{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:10px}.cluster>.tile{grid-area:auto}.cluster>figure{aspect-ratio:4/3}.cluster>.hero,.cluster>.tile-big{aspect-ratio:16/9;grid-column:1/-1}.cluster.portrait>figure{aspect-ratio:2/3}.cluster.portrait>figure:first-child{aspect-ratio:4/5;grid-column:1/-1}.cluster>.t-text{grid-column:1/-1;gap:20px;min-height:132px;padding:20px}.t-text strong,.t-text.wide strong{font-size:clamp(28px,7vw,42px)}.t-text.wide .tt-main{justify-content:space-between}.cluster.placeholder .tile{grid-row:auto}.cluster.placeholder strong{font-size:clamp(32px,8vw,48px)}.home-bento>.cat{aspect-ratio:4/3;grid-column:1/-1;min-height:220px}.cat-label{font-size:clamp(30px,8vw,44px);bottom:18px;left:18px}.cat-count{top:18px;left:18px}.footer{grid-template-columns:minmax(0,1fr);font-size:18px}.intro{min-height:55svh;padding-block:64px}.statement{font-size:clamp(22px,5vw,28px);line-height:1.4}.home-work{margin-top:8svh;padding-block:40px 64px}.project{padding-bottom:40px}}@media (height<=500px) and (orientation:landscape){.brandmark .phi{font-size:clamp(64px,18svh,96px)}.brandmark .name-line{top:calc(100% + 12px)}.intro{padding-block:48px}}@media (pointer:coarse){body,.page>.site-header.is-home{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.page>.site-header.is-home,.tile img,.portfolio-image,.work-row,.work-row .n,.work-row .t,.cat:after{transition:none}}.nav .nav-links a{min-width:44px}.t-text strong{line-height:1.12}