@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-cyrillic-ext-wght-normal-okcGN4Nq.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-cyrillic-wght-normal-BS41q_Tv.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-greek-ext-wght-normal-DQgQPNk4.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-greek-wght-normal-sS1B39LI.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-vietnamese-wght-normal-TKKdAiBA.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-latin-ext-wght-normal-B4u9PlvR.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-latin-wght-normal-DX-nOvPD.woff2)format("woff2-variations");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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");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}:root{--u:min(calc(100vw / 736), calc(100vh / 414));--gutter:calc(49.5 / 736 * 100vw);--ink:#f3eee2;--ink-soft:#f3eee2ad;--line:#f3eee229;--sans:"Inter Tight Variable", "Helvetica Neue", Arial, sans-serif;--wide:"Archivo Variable", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{color:var(--ink);scroll-behavior:smooth;background:#111}body{font-family:var(--sans);-webkit-font-smoothing:antialiased}ul{list-style:none}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:1px solid var(--ink);outline-offset:3px;border-radius:1px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stage{z-index:-1;width:100%;height:100lvh;display:block;position:fixed;inset:0;transform:translateZ(0)}.stage-fallback,.no-webgl .stage{display:none}.no-webgl .stage-fallback{z-index:-2;background:radial-gradient(38% 30% at 80% 62%,#6a6252 0 30%,#0000 75%),radial-gradient(16% 34% at 16% 12%,#6a6252 0 30%,#0000 80%),#111;display:block;position:fixed;inset:0}.hero{width:100%;height:100dvh;min-height:320px;position:relative;overflow:hidden}.hero .at,.hero .mark,.hero .topnav li,.hero .ring{animation:.9s .7s backwards appear}@keyframes appear{0%{opacity:0}to{opacity:1}}.at{left:calc(var(--x) / 736 * 100%);top:calc(var(--y) / 414 * 100%);white-space:nowrap;position:absolute;transform:translate(-50%,-50%)}.brand{font-size:max(10px, calc(6.3 * var(--u)));letter-spacing:-.01em;font-weight:450}.topnav ul{display:contents}.topnav li{position:absolute;top:12.3188%;transform:translate(-50%,-50%)}.topnav li:first-child{left:35.5978%}.topnav li:nth-child(2){left:41.0326%}.topnav li:nth-child(3){left:46.7391%}.topnav li:nth-child(4){left:51.9022%}.topnav a,.tag{font-size:max(9.5px, calc(5.3 * var(--u)));text-transform:uppercase;color:var(--ink-soft);font-weight:300;transition:color .16s linear}.topnav a:hover,.tag:hover,.mark__nav a:hover,.brand:hover,.side:is(a):hover{color:#fff}.iconbtn{place-items:center;line-height:0;transition:scale .16s ease-out;display:grid}.iconbtn:hover{scale:1.22}.iconbtn svg{width:max(11px, calc(8 * var(--u)));height:max(11px, calc(8 * var(--u)))}.topnav .iconbtn{color:var(--ink-soft)}.profile{font-size:max(11px, calc(7 * var(--u)));text-transform:uppercase;font-weight:600}.profile:hover{color:#fff}.cost,.edition{color:#f3eee2c7}.cost{font-size:max(8.5px, calc(4.5 * var(--u)));font-weight:300;font-family:var(--wide);font-stretch:112%}.wordmark{font:inherit}.edition{font-family:var(--wide);font-size:max(11px, calc(7.4 * var(--u)));letter-spacing:-.012em;font-weight:300;font-stretch:118%}.side,.counter{font-size:max(9px, calc(5 * var(--u)));text-transform:uppercase;color:#f3eee2c7;font-weight:300}.side{writing-mode:vertical-rl;transition:color .16s linear;rotate:180deg}.side--down{rotate:0deg}.counter{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:400}.panel{width:calc(78 * var(--u));height:calc(179 * var(--u));position:absolute;top:0;left:84.7283%}.ring{width:calc(45 * var(--u));aspect-ratio:1;text-align:center;align-content:center;justify-items:center;display:grid;position:absolute;left:50%;translate:-50% -50%}.ring:first-child{top:calc(75.4 * var(--u))}.ring:nth-child(2){top:calc(131 * var(--u))}.ring__art{transition:scale .24s ease-out;position:absolute;inset:0;overflow:visible;rotate:-90deg}a.ring:hover .ring__art{scale:1.07}.ring__art circle{fill:none;vector-effect:non-scaling-stroke}.ring__dim{stroke:#f3eee242;stroke-width:1px}.ring__arc{stroke:#f3eee2e6;stroke-width:1.5px;transition:stroke-dasharray .3s linear}.ring__title{font-size:max(8px, calc(5.5 * var(--u)));text-transform:uppercase;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:300;line-height:1;display:block}.ring__detail{margin-top:calc(1.2 * var(--u));font-size:max(7px, calc(3.5 * var(--u)));color:#f3eee2c7;font-weight:300;line-height:1;display:block}.mark{text-shadow:0 0 calc(8 * var(--u)) #00000047;position:absolute;top:83.2126%;left:6.72554%}.mark__logo{font-size:calc(24 * var(--u));letter-spacing:-.095em;text-transform:uppercase;color:#fff;align-items:baseline;font-weight:460;line-height:1;display:inline-flex}.mark__dot{width:calc(3 * var(--u));height:calc(3 * var(--u));margin-left:calc(.2 * var(--u));background:currentColor}.mark__nav{margin-top:calc(1.2 * var(--u));font-size:max(9px, calc(4.7 * var(--u)));text-transform:uppercase;font-weight:300;display:flex}.mark__nav li{width:calc(29.5 * var(--u))}.mark__nav a{color:#ffffffeb;margin:-7px 0;padding:7px 0;transition:color .16s linear;display:inline-block}[hidden]{display:none!important}@media (width<=760px){:root{--gutter:18px}}@media (aspect-ratio<=1){:root{--u:calc(100vw / 300)}.topnav ul,.tag,.toolbar .iconbtn,.side{display:none}.topnav .iconbtn{top:26px;left:auto;right:18px;transform:none}.brand{top:26px;left:18px;transform:none}.panel{top:64px;left:auto;right:0}.profile{top:42%;left:auto;right:18px;transform:none}.cost{display:none}.edition{white-space:normal;text-align:center;width:calc(100% - 36px);top:59.5%;left:50%}.mark{top:auto;bottom:28px;left:18px}.counter{inset:auto 18px 28px auto;transform:none}.mark__nav{gap:18px}.mark__nav li{width:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-vietnamese-400-normal-CkBxLiRJ.woff2)format("woff2"),url(/assets/anton-vietnamese-400-normal-2FfR1wHA.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:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-ext-400-normal-SyiqE2Jt.woff2)format("woff2"),url(/assets/anton-latin-ext-400-normal-BMODBQc6.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:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2)format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.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}:root{--display:"Anton", Impact, "Arial Narrow", sans-serif;--cream:#e7d9bb;--panel:#0d0d0deb}.lenis-on{scroll-behavior:auto}.lenis-on body{overscroll-behavior:none}.grain{z-index:50;pointer-events:none;opacity:.06;will-change:transform;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:.9s steps(5,end) infinite grain;position:fixed;inset:-12%;transform:translateZ(0)}@keyframes grain{0%{translate:0}20%{translate:-4% 3%}40%{translate:3% -5%}60%{translate:-2% 6%}80%{translate:5% 2%}to{translate:0}}.cursor{display:none}.has-cursor .cursor{z-index:60;background:var(--ink);mix-blend-mode:difference;pointer-events:none;opacity:0;border-radius:99px;place-items:center;width:10px;height:10px;margin:-5px 0 0 -5px;transition:width .26s cubic-bezier(.2,.8,.2,1),height .26s cubic-bezier(.2,.8,.2,1),margin .26s cubic-bezier(.2,.8,.2,1),opacity .2s linear;display:grid;position:fixed;top:0;left:0}.has-cursor .cursor.is-on{opacity:1}.has-cursor .cursor.is-link{width:46px;height:46px;margin:-23px 0 0 -23px}.has-cursor .cursor.is-label{mix-blend-mode:normal;background:var(--cream);width:84px;height:84px;margin:-42px 0 0 -42px}.cursor__label{color:#111;opacity:0;font-size:13px;font-weight:600;transition:opacity .16s linear}.is-label .cursor__label{opacity:1}.hero{--exit:0}.hero .at,.hero .mark,.hero .panel{translate:0 calc(var(--exit) * var(--depth,1) * -1px)}.hero .side{--depth:1.9}.hero .panel{--depth:.55}.hero .mark{--depth:1.25}.hero .edition{--depth:1.45}.hero .toolbar .at{--depth:.8}.dtitle{font-family:var(--display);text-transform:uppercase;color:var(--ink);isolation:isolate;margin-top:.3em;font-size:clamp(70px,12.5vw,220px);font-weight:400;line-height:.84;display:inline-block;position:relative}.dtitle--ink{color:#15130f}.dtitle__row{align-items:flex-start;display:flex}.dtitle__word{letter-spacing:-.005em}.dtitle__word>*,.contact__mail>*{margin:-.16em 0 -.06em;padding:.16em 0 .06em}.dtitle__semi{margin-left:.04em}.dtitle__small{letter-spacing:.01em;font-size:.17em;line-height:1}.dtitle__small--start{position:absolute;top:0;left:.06em;translate:0 -112%}.dtitle__small--end{margin:.02em 0 0 .08em}.dtitle__swoosh{width:74%;height:.12em;position:absolute;bottom:-.17em;left:7%;overflow:visible}.dtitle__swoosh path,.dtitle__scratch path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-dasharray:1;vector-effect:non-scaling-stroke}.dtitle__swoosh path{stroke-width:6px}.dtitle__scratch{z-index:-1;opacity:.45;width:56%;height:110%;position:absolute;inset:-6% 18% -4% 26%;overflow:visible}.dtitle__scratch path{stroke-width:2.5px}.knock{height:330vh;position:relative}.knock__pin{will-change:transform;height:100vh;position:sticky;top:0;overflow:hidden;transform:translateZ(0)}.knock__svg{width:100%;height:100%;position:absolute;inset:0}.knock__veil{fill:#0b0b0b}.knock .knock__outline text{fill:none;stroke:#f3eee280;stroke-width:1.2px;vector-effect:non-scaling-stroke}.knock__word text{font-family:var(--display);fill:#000;font-size:560px}.knock__line{font-family:var(--wide);white-space:nowrap;color:var(--ink-soft);font-size:clamp(13px,1.25vw,18px);font-weight:300;font-stretch:118%;position:absolute;left:50%;translate:-50%}.knock__line--top{top:8%}.knock__line--bottom{bottom:9%}.options,.about,.path,.contact{padding:clamp(110px, 18vh, 190px) var(--gutter) 0}.options__grid{perspective:1200px;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.2vw,18px);margin-top:clamp(40px,7vh,80px);display:grid}.option{border:1px solid var(--line);min-height:clamp(220px,34vh,340px);transform-style:preserve-3d;background:#0b0b0bcc;border-radius:26px;align-content:space-between;gap:40px;padding:clamp(20px,2.2vw,34px);transition:background .45s,border-color .45s;display:grid}.option:hover,.option:focus-visible{background:#0b0b0b1f;border-color:#f3eee299}.option__word{font-family:var(--display);text-transform:uppercase;order:2;font-size:clamp(54px,7.4vw,130px);line-height:.86;transform:translateZ(40px)}.option__hint{color:#f3eee2d1;order:1;max-width:30ch;font-size:15px;line-height:1.4}.pcard{border:1px solid var(--line);background:var(--panel);clip-path:inset(0% round 30px);border-radius:30px;max-width:1180px;margin:0 auto;padding:14px 14px clamp(28px,5vh,46px);position:relative}.pcard__banner{background:#8d877a;border-radius:22px;place-items:center;height:clamp(300px,54vh,560px);display:grid;position:relative;overflow:hidden;-webkit-mask:radial-gradient(circle at 50% 100%,#0000 66px,#000 67px);mask:radial-gradient(circle at 50% 100%,#0000 66px,#000 67px)}.pcard__shot,.slide__shot{background:var(--shot,radial-gradient(40% 50% at 30% 40%, #e7d9bb, transparent), #111) center / cover;will-change:transform;position:absolute;inset:-8%;transform:translateZ(0)}.pcard__shot{filter:grayscale()invert(.9)sepia(.3)contrast(.92)brightness(1.04)blur(1.5px)}.pcard__banner:after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,#0000 45%,#0000006b),linear-gradient(#0000 60%,#0000004d);position:absolute;inset:0}.pcard__banner .dtitle{z-index:1;font-size:clamp(52px,11vw,190px)}.pcard__chip{z-index:1;color:var(--ink);background:#1212126b;border-radius:99px;padding:7px 16px;font-size:12px;position:absolute;top:18px}.pcard__chip--start{left:18px}.pcard__chip--end{right:18px}.pcard__badge{z-index:2;aspect-ratio:1;width:116px;box-shadow:0 0 0 1px var(--line), 0 18px 40px #00000080;background:#0c0c0c;border-radius:50%;place-items:center;margin:-62px auto 0;display:grid;position:relative}.pixel{width:44%;fill:var(--ink)}.pcard__row{justify-content:space-between;align-items:center;gap:16px;margin-top:-44px;padding:0 3%;display:flex}.pill{border:2px solid var(--ink);border-radius:99px;justify-content:space-between;align-items:center;width:min(34%,340px);height:46px;padding:0 18px;font-size:15px;display:flex;position:relative;overflow:hidden}.pill--search{transition:background .2s linear,color .2s linear}.pill--search:hover{background:var(--ink);color:#111}.pill--meter{background:#0c0c0c;padding:0}.pill__fill{background:var(--ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.player{font-variant-numeric:tabular-nums;background:#282828db;border-radius:8px;align-items:center;gap:10px;width:min(580px,94%);margin:30px auto 0;padding:6px 12px;font-size:12px;display:flex}.player button{border-radius:6px;place-items:center;width:26px;height:26px;transition:background .16s linear;display:grid}.player button:hover{background:#f3eee21f}.player__time{text-align:center;min-width:3.4em}.player__range{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:60px;height:18px}.player__range::-webkit-slider-runnable-track{background:#f3eee259;border-radius:3px;height:3px}.player__range::-moz-range-track{background:#f3eee259;border-radius:3px;height:3px}.player__range::-webkit-slider-thumb{appearance:none;background:var(--ink);border-radius:50%;width:11px;height:11px;margin-top:-4px}.player__range::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:11px;height:11px}.carousel{outline-offset:-4px;height:clamp(250px,34vw,430px);margin:30px -14px 0;position:relative;overflow:hidden}.carousel__track{height:100%;position:relative}.slide{cursor:pointer;background:#151515;border:1px solid #f3eee266;border-radius:14px;width:40%;height:100%;position:absolute;top:0;left:30%;overflow:hidden}.slide img{object-fit:cover;width:100%;height:100%}.slide__shade{opacity:.45;pointer-events:none;background:#000;position:absolute;inset:0}.slide__shot{filter:grayscale()sepia(.25)brightness(.8)}.slide__word{font-family:var(--display);text-transform:uppercase;white-space:nowrap;font-size:clamp(36px,5.2vw,92px);line-height:.84;position:absolute;bottom:7%;left:7%;right:7%}.slide__stamp{font-family:var(--display);text-transform:uppercase;font-size:clamp(16px,1.7vw,24px);line-height:.95;display:grid;position:absolute;top:50%;left:4%;translate:0 -50%}.slide__stamp b{font-weight:400}.slide__stamp b+b{color:#0000;-webkit-text-stroke:1px var(--ink)}.slide--type .slide__stamp{display:none}.carousel__quote{z-index:20;background:var(--ink);color:#111;pointer-events:none;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:5%;right:calc(30% + 12px)}.pcard__caption{text-align:center;color:#f3eee2d1;min-height:1.4em;margin-top:16px;font-size:15px}.highlights{flex-wrap:wrap;justify-content:center;gap:clamp(14px,3vw,46px);margin-top:38px;display:flex}.highlight{justify-items:center;gap:10px;display:grid}.highlight__ring{aspect-ratio:1;border:3px solid #f3eee280;border-radius:50%;width:clamp(66px,7vw,92px);padding:4px;transition:border-color .22s linear,scale .3s cubic-bezier(.2,.8,.2,1);display:block}.highlight:hover .highlight__ring{border-color:var(--ink);scale:1.08}.highlight__face{width:100%;height:100%;font-family:var(--display);text-transform:uppercase;isolation:isolate;border-radius:50%;place-items:center;font-size:clamp(22px,2.2vw,30px);display:grid;position:relative;overflow:hidden}.highlight__face:before{content:"";z-index:-1;background:var(--shot,#222) center / cover;filter:grayscale()brightness(.55);transition:rotate .9s cubic-bezier(.2,.8,.2,1);position:absolute;inset:-30%}.highlight:hover .highlight__face:before{rotate:90deg}.highlight__label{color:var(--ink-soft);font-size:13px}.pcard__text{text-align:center;max-width:720px;margin:42px auto 0;padding:0 12px}.pcard__lead{letter-spacing:-.02em;font-size:clamp(20px,2.3vw,32px);line-height:1.18}.pcard__body{color:#f3eee2d1;margin-top:14px;font-size:16px;line-height:1.45}.pcard__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;display:flex}.pbtn{background:#343434db;border-radius:8px;padding:12px 26px;font-size:15px;font-weight:500;transition:background .2s linear,color .2s linear}.pbtn:hover{background:var(--ink);color:#111}.toast{z-index:70;background:var(--ink);color:#111;border-radius:99px;padding:10px 18px;font-size:14px;position:fixed;bottom:28px;left:50%;translate:-50%}.work__pin{flex-direction:column;justify-content:center;min-height:100vh;padding:clamp(70px,10vh,120px) 0 clamp(28px,4vh,48px);display:flex;overflow:hidden}.work__head{padding:0 var(--gutter)}.work__track{width:max-content;padding:0 var(--gutter);gap:clamp(18px,3vw,44px);margin-top:clamp(30px,5vh,56px);display:flex}.work__track,.work__card{will-change:transform}.work__card{flex:none;width:min(58vw,760px,160vh - 688px)}.work__head .dtitle{font-size:clamp(60px,8vw,140px)}.work__media{aspect-ratio:16/10;border:1px solid var(--line);background:#151515;border-radius:18px;position:relative;overflow:hidden}.work__media img,.work__media .slide__shot{object-fit:cover;filter:grayscale()sepia(.22)contrast(1.06);width:120%;height:100%;transition:filter .6s;position:absolute;inset:0 -10%}.work__card:hover .work__media img{filter:none}.work__name{font-family:var(--display);text-transform:uppercase;text-shadow:0 6px 34px #0000008c;font-size:clamp(56px,7.6vw,128px);line-height:.86;position:absolute;bottom:3%;left:4%}.work__info{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:4px 28px;padding-top:16px;display:grid}.work__kind{font-size:15px;font-weight:500}.work__summary{color:#f3eee2d6;grid-row:span 3;font-size:15px;line-height:1.42}.work__stack{color:var(--ink-soft);font-size:13px}.work__links{flex-wrap:wrap;gap:6px 18px;font-size:14px;display:flex}.work__links a,.contact__links a{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.work__links a:hover,.contact__links a:hover{color:#fff;text-decoration-thickness:2px}.work__links span{color:var(--ink-soft)}.path__list{margin-top:clamp(40px,7vh,80px);list-style:none}.path__item{grid-template-columns:minmax(150px,1fr) minmax(0,2.6fr);column-gap:clamp(24px,4vw,64px);padding:clamp(24px,4vh,40px) 0;display:grid;position:relative}.path__line{background:#f3eee24d;height:1px;position:absolute;top:0;left:0;right:0}.path__period{font-family:var(--wide);color:var(--ink-soft);grid-row:span 4;padding-top:.6em;font-size:14px;font-weight:300;font-stretch:112%}.path__role{font-family:var(--display);text-transform:uppercase;font-size:clamp(34px,4.6vw,76px);font-weight:400;line-height:.94}.path__place{margin-top:10px;font-size:16px}.path__detail{color:#f3eee2d1;max-width:62ch;margin-top:6px;font-size:15px;line-height:1.45}.path__skills{color:var(--ink-soft);margin-top:20px;font-size:14px}.contact{padding-bottom:clamp(28px,5vh,48px);overflow:hidden}.contact__mail{letter-spacing:-.06em;overflow-wrap:anywhere;margin-top:clamp(40px,7vh,80px);font-size:clamp(25px,6.4vw,112px);font-weight:460;line-height:1.04;display:block}.contact__links{gap:22px;margin-top:26px;font-size:16px;display:flex}.marquee{margin:clamp(64px, 11vh, 130px) calc(var(--gutter) * -1) 0;border-block:1px solid var(--line);padding:10px 0;overflow:hidden}.marquee__track{width:max-content;display:flex}.marquee__track span{font-family:var(--display);text-transform:uppercase;white-space:nowrap;padding:0 .32em;font-size:clamp(50px,8vw,132px);line-height:1}.marquee__track span:nth-child(2n){color:#0000;-webkit-text-stroke:1px var(--ink)}.contact__foot{color:var(--ink-soft);margin-top:clamp(32px,6vh,60px);font-size:13px}@media (width<=899px),(aspect-ratio<=1){.work__track{flex-direction:column;width:auto}.work__card{width:100%}}@media (width<=760px){.options__grid{grid-template-columns:1fr}.option{min-height:180px}.pcard{border-radius:24px;padding:10px 10px 30px}.pcard__row{flex-direction:column;margin-top:18px}.pill{width:100%}.player{gap:4px;padding:6px 8px}.slide{width:68%;left:16%}.carousel__quote{right:calc(16% + 12px)}.work__info{grid-template-columns:1fr}.work__summary{grid-row:auto}.path__item{grid-template-columns:1fr}.path__period{grid-row:auto;padding:0 0 6px}}@media (prefers-reduced-motion:reduce){.grain{animation:none}.dtitle__swoosh path,.dtitle__scratch path{stroke-dasharray:none}}.pausebtn{z-index:40;border:1px solid var(--line);height:42px;color:var(--ink);opacity:0;pointer-events:none;background:#0e0e0ec7;border-radius:99px;align-items:center;gap:10px;padding:0 12px;font-size:13px;transition:opacity .3s,translate .3s cubic-bezier(.2,.8,.2,1),background .2s linear,color .2s linear;display:flex;position:fixed;top:18px;right:18px;translate:0 -10px}.pausebtn.is-on{opacity:1;pointer-events:auto;translate:0}.pausebtn:hover{background:var(--ink);color:#111}.pausebtn__bars{gap:3px;display:flex}.pausebtn__bars i{background:currentColor;border-radius:1px;width:3px;height:13px;display:block}.pausebtn kbd{font:600 11px/1.4 var(--sans);opacity:.7;border:1px solid;border-radius:5px;padding:1px 6px}@media (pointer:coarse){.pausebtn kbd{display:none}}.pause{width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.pause::backdrop{background:0 0}.pause__veil{-webkit-backdrop-filter:blur(9px)grayscale()brightness(.8);backdrop-filter:blur(9px)grayscale()brightness(.8);background:radial-gradient(120% 95% at 50% 45%,#0c0c0c80,#040404eb);position:absolute;inset:0}.pause__stage{height:100%;padding:0 var(--gutter);perspective:1100px;pointer-events:none;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.pause__word,.pause__nav{pointer-events:auto}.pause__word{font-family:var(--display);text-transform:uppercase;color:#f2eee5;transform-origin:100%;text-shadow:1px 1px #b9b3a8,2px 2px #a39d93,3px 3px #8e897f,4px 3px #7a756c,5px 4px #67635b,6px 5px #56534c,7px 5px #46443e,8px 6px #393732,10px 14px 30px #000000a6;-webkit-user-select:none;user-select:none;justify-self:end;margin-right:clamp(14px,2.2vw,36px);font-size:clamp(84px,13.5vw,230px);line-height:.86;transform:rotateY(24deg)}.pause__word span{display:inline-block}.pause__list{gap:.06em;display:grid}.pause__list a{font-family:var(--display);text-transform:uppercase;color:#f3eee266;transform-origin:0;font-size:clamp(32px,3.8vw,62px);line-height:1.02;transition:color .18s linear;display:inline-block}.pause__list a.is-active{color:var(--ink);text-shadow:0 0 28px #f3eee240}.pause__list a:focus-visible{outline:none}.pause__hint{min-height:1.4em;font-family:var(--wide);color:var(--ink-soft);margin-top:clamp(16px,2.5vh,26px);font-size:14px;font-weight:300;font-stretch:112%}.pause__keys{white-space:nowrap;align-items:center;gap:clamp(18px,3vw,34px);font-size:15px;display:flex;position:absolute;bottom:7%;left:50%;translate:-50%}.pause__key{color:#f3eee2d9;align-items:center;gap:8px;display:flex}.pause__key svg{width:22px;height:22px}button.pause__key:hover{color:#fff}.pause__key--touch{display:none}@media (pointer:coarse){.pause__key--fine{display:none}.pause__key--touch{display:flex}}@media (width<=760px),(aspect-ratio<=1){.pause__stage{grid-template-columns:1fr;align-content:center;gap:28px}.pause__word{transform-origin:0;justify-self:start;margin:0;font-size:clamp(76px,24vw,140px)}.pause__list a{font-size:clamp(32px,9vw,48px)}}
