@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/fc0a7394b875fa43-s.0y1-r_vehenvp.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/7ebf22b5a21034f8-s.p.10_7676vm7pyy.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:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ccf27e5a7366fb23-s.0hck6o0i8wq3a.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e41d5df559864f9e-s.p.0gq7fw9.sy_5..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:Instrument Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.instrument_serif_8c4ab588-module__AuOkkq__className{font-family:Instrument Serif,Instrument Serif Fallback;font-weight:400}.instrument_serif_8c4ab588-module__AuOkkq__variable{--font-serif:"Instrument Serif", "Instrument Serif Fallback"}
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.06d3mdzz5bre_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.11.cyxs5p-0z~.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.16t1db8_9y2o~.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:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_d633ac5f-module__BboVrW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_d633ac5f-module__BboVrW__variable{--font-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0q3udbd2bu5yp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0gw~uztddq1df.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0.q-h669a_dqa.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:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_768fb615-module__nw7kYW__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_768fb615-module__nw7kYW__variable{--font-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--bg:#0a0a0a;--bg-elev:#111;--bg-soft:#0f0f0f;--fg:#ededed;--fg-muted:#8a8a8a;--fg-subtle:#555;--line:#ffffff14;--line-strong:#ffffff2e;--accent:#e8ddca;--accent-dim:#e8ddca99;--accent-soft:#e8ddca14;--accent-contrast:#111;--header-bg:#0a0a0a94;--header-bg-scrolled:#0a0a0abd;--header-bg-compact:#0a0a0adb;--header-shadow:0 18px 60px #0000003d;--header-shadow-compact:0 16px 44px #0006;--nav-bg:#ffffff08;--prefs-bg:#0c0c0cf0;--prefs-active:#e8ddca1f;--tile-bg:#ffffff08;--tile-bg-soft:#ffffff06;--media-bg:#151515;--logo-plate:#f4f0e8;--floating-pill-bg:#0000008c;--floating-pill-border:#ffffff38;--marquee-outline:#e8ddca6b;--marquee-ghost-fill:transparent;--r-sm:4px;--r-md:8px;--r-lg:14px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--step--1:clamp(12px, .75rem + .1vw, 13px);--step-0:clamp(14px, .875rem + .15vw, 15px);--step-1:clamp(16px, 1rem + .2vw, 18px);--step-2:clamp(20px, 1.2rem + .5vw, 24px);--step-3:clamp(28px, 1.6rem + 1vw, 40px);--step-4:clamp(44px, 3vw + 1rem, 72px);--step-5:clamp(64px, 6vw + 1rem, 140px);--step-6:clamp(80px, 9vw + 1rem, 200px)}:root[data-theme=light]{--bg:#f5f1e9;--bg-elev:#fffaf2;--bg-soft:#ece5d8;--fg:#171717;--fg-muted:#5f5a52;--fg-subtle:#8a8275;--line:#1414141a;--line-strong:#14141433;--accent:#7b5b2d;--accent-dim:#7b5b2d9e;--accent-soft:#7b5b2d1a;--accent-contrast:#fffaf2;--header-bg:#f5f1e9ad;--header-bg-scrolled:#f5f1e9d6;--header-bg-compact:#fffaf2eb;--header-shadow:0 18px 60px #231c1224;--header-shadow-compact:0 16px 44px #231c122e;--nav-bg:#14141409;--prefs-bg:#fffaf2f5;--prefs-active:#7b5b2d1f;--tile-bg:#fffaf2b8;--tile-bg-soft:#ffffff9e;--media-bg:#fbf6ed;--logo-plate:#fff;--floating-pill-bg:#fffaf2db;--floating-pill-border:#7b5b2d3d;--marquee-outline:#2b211857;--marquee-ghost-fill:#2b211806}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f5f1e9;--bg-elev:#fffaf2;--bg-soft:#ece5d8;--fg:#171717;--fg-muted:#5f5a52;--fg-subtle:#8a8275;--line:#1414141a;--line-strong:#14141433;--accent:#7b5b2d;--accent-dim:#7b5b2d9e;--accent-soft:#7b5b2d1a;--accent-contrast:#fffaf2;--header-bg:#f5f1e9ad;--header-bg-scrolled:#f5f1e9d6;--header-bg-compact:#fffaf2eb;--header-shadow:0 18px 60px #231c1224;--header-shadow-compact:0 16px 44px #231c122e;--nav-bg:#14141409;--prefs-bg:#fffaf2f5;--prefs-active:#7b5b2d1f;--tile-bg:#fffaf2b8;--tile-bg-soft:#ffffff9e;--media-bg:#fbf6ed;--logo-plate:#fff;--floating-pill-bg:#fffaf2db;--floating-pill-border:#7b5b2d3d;--marquee-outline:#2b211857;--marquee-ghost-fill:#2b211806}}[data-locale-copy],[data-locale-rich]{display:none!important}:root:not([data-language]),:root[data-language=en]{--active-locale:"en"}:root:not([data-language]) [data-locale-copy=en],:root[data-language=en] [data-locale-copy=en],:root[data-language=id] [data-locale-copy=id],:root[data-language=ar] [data-locale-copy=ar]{display:contents!important}:root:not([data-language]) [data-locale-rich=en],:root[data-language=en] [data-locale-rich=en],:root[data-language=id] [data-locale-rich=id],:root[data-language=ar] [data-locale-rich=ar]{display:block!important}:root[data-language=ar] body{direction:rtl}.theme-asset-light,:root[data-theme=light] .theme-asset-dark{display:none!important}:root[data-theme=light] .theme-asset-light{display:block!important}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .theme-asset-dark{display:none!important}:root:not([data-theme=dark]) .theme-asset-light{display:block!important}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:clip}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;font-size:var(--step-0);letter-spacing:-.005em;text-rendering:optimizelegibility;min-height:100vh;line-height:1.55;overflow-x:clip}::selection{background:var(--accent);color:#111}a{color:inherit;text-decoration:none}img,svg,video{max-width:100%;display:block}button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;padding:0}input,textarea,select{font:inherit;color:inherit}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}.lenis.lenis-smooth iframe{pointer-events:none}.wrap{width:100%;max-width:1440px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}.wrap-narrow{width:100%;max-width:1120px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}main{z-index:1;position:relative}.font-serif{font-family:var(--font-serif), "EB Garamond", Georgia, serif;letter-spacing:-.02em;font-weight:400}.font-mono{font-family:var(--font-mono), ui-monospace, "SFMono-Regular", Consolas, monospace;letter-spacing:.02em}.label{font-family:var(--font-mono), monospace;font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);font-weight:400}.label-accent{color:var(--accent)}.display{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.03em;font-weight:400;line-height:.9}.eyebrow{font-family:var(--font-mono), monospace;font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);align-items:center;gap:10px;display:inline-flex}.eyebrow:before{content:"";background:var(--fg-muted);width:24px;height:1px}.cursor-dot{background:var(--accent);pointer-events:none;z-index:9999;width:8px;height:8px;transition:width .25s var(--ease-out), height .25s var(--ease-out), background .25s var(--ease-out);mix-blend-mode:difference;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot.is-hover{background:var(--accent);width:56px;height:56px}@media (max-width:900px),(hover:none){.cursor-dot{display:none}}.header{z-index:100;transition:background .3s var(--ease-out);padding:20px 0;position:fixed;top:0;left:0;right:0;transform:translateY(0)}.header:before{content:"";-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:background .3s var(--ease-out), backdrop-filter .3s var(--ease-out);pointer-events:none;background:#0a0a0a00;position:absolute;inset:0}.header.is-scrolled:before{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#0a0a0a99}.header-inner{justify-content:space-between;align-items:center;gap:32px;display:flex;position:relative}.brand{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.02em;color:var(--fg);direction:ltr;unicode-bidi:isolate;align-items:baseline;gap:2px;font-size:clamp(20px,1.3vw + .8rem,26px);font-weight:400;display:inline-flex}.brand em{color:var(--accent);font-style:italic}.nav{align-items:center;gap:clamp(12px,1.5vw,28px);display:flex}.nav-link{font-size:var(--step-0);color:var(--fg-muted);height:1.5em;padding:8px 10px;display:inline-block;position:relative;overflow:hidden}.nav-link span{transition:transform .35s var(--ease-out);display:inline-block}.nav-link span:before{content:attr(data-text);color:var(--fg);position:absolute;top:100%;left:10px}@media (max-width:720px){.nav-link span:before{display:none}}.nav-cta{border:1px solid var(--line-strong);font-size:var(--step-0);color:var(--fg);transition:background .3s var(--ease-out), border-color .3s var(--ease-out), color .3s var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}.nav-dot{background:#7cd38c;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #7cd38c99}@media (max-width:720px){.nav{gap:8px}.nav-link{display:none}.nav-link.nav-link-primary{display:inline-block}}.footer{border-top:1px solid var(--line);background:var(--bg);margin-top:120px;padding:60px 0 30px;position:relative}.footer-huge{font-family:var(--font-serif), Georgia, serif;font-size:var(--step-6);letter-spacing:-.04em;color:var(--fg);margin:0 0 60px;line-height:.9;overflow:hidden}.footer-grid{border-bottom:1px solid var(--line);grid-template-columns:1.2fr 1fr 1fr;gap:40px;padding-bottom:48px;display:grid}@media (max-width:800px){.footer-grid{grid-template-columns:1fr}}.footer-col h4{font-family:var(--font-mono), monospace;font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 18px;font-weight:400}.footer-col ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.footer-col a{font-size:var(--step-1);color:var(--fg);transition:color .3s var(--ease-out), transform .4s var(--ease-out);display:inline-block;position:relative}.footer-col a:after{content:"↗";opacity:0;transition:opacity .3s var(--ease-out), left .3s var(--ease-out);position:relative;left:6px}.footer-col a:hover{color:var(--accent)}.footer-col a:hover:after{opacity:1;left:10px}.footer-bottom{font-family:var(--font-mono), monospace;font-size:var(--step--1);color:var(--fg-muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;margin-top:32px;display:flex}.to-top{border:1px solid var(--line);transition:border-color .3s var(--ease-out), color .3s var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.to-top:hover{border-color:var(--accent);color:var(--accent)}.loader{z-index:200;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:fixed;inset:0}.loader-mark{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.04em;color:var(--fg);font-size:clamp(80px,18vw,220px);line-height:1;overflow:hidden}.loader-mark em{color:var(--accent);font-style:italic}.loader-bar{background:var(--line);width:min(280px,60vw);height:1px;overflow:hidden}.loader-bar-fill{background:var(--accent);transform-origin:0;width:100%;height:100%}.loader-meta{font-family:var(--font-mono), monospace;font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted)}.hero{isolation:isolate;flex-direction:column;justify-content:flex-end;min-height:100vh;padding-top:clamp(120px,15vh,180px);padding-bottom:clamp(80px,10vh,140px);display:flex;position:relative}.hero-art{aspect-ratio:18/11;opacity:.58;filter:saturate(1.02)contrast(1.06);pointer-events:none;z-index:-1;border:1px solid #e8ddca1a;border-radius:6px;width:min(62vw,860px);position:absolute;top:clamp(118px,16vh,190px);right:clamp(18px,4vw,64px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 18% 78%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 18% 78%,#0000 100%)}.hero-art img{object-fit:cover}.hero-meta{flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:clamp(60px,10vh,120px);display:flex}.hero-meta>*{font-family:var(--font-mono), monospace;font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted)}.hero-title{font-family:var(--font-serif), Georgia, serif;font-weight:400;font-size:var(--step-6);letter-spacing:-.045em;color:var(--fg);margin:0;line-height:.88}.hero-title .line{display:block;overflow:hidden}.hero-title .line-inner{will-change:transform;display:inline-block}.hero-title em{color:var(--accent);font-style:italic}.hero-bottom{border-top:1px solid var(--line);grid-template-columns:1.3fr 1fr;align-items:end;gap:clamp(24px,5vw,80px);margin-top:clamp(40px,6vh,80px);padding-top:32px;display:grid}@media (max-width:820px){.hero-bottom{grid-template-columns:1fr}}.hero-intro p{font-size:var(--step-2);color:var(--fg);max-width:48ch;margin:0;line-height:1.35}.hero-ctas{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}@media (max-width:820px){.hero-ctas{justify-content:flex-start}}.btn{border:1px solid var(--line-strong);color:var(--fg);font-size:var(--step-0);transition:background .3s var(--ease-out), border-color .3s var(--ease-out), color .3s var(--ease-out), transform .3s var(--ease-out);cursor:pointer;will-change:transform;background:0 0;border-radius:999px;align-items:center;gap:10px;padding:16px 26px;display:inline-flex}.btn:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-arrow{transition:transform .35s var(--ease-out);display:inline-block}.btn:hover .btn-arrow{transform:translate(3px,-3px)rotate(0)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--fg);border-color:var(--fg)}.btn-ghost{border-color:var(--line);color:var(--fg-muted);background:0 0}.btn-ghost:hover{color:var(--fg);border-color:var(--line-strong);background:0 0}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;padding:clamp(40px,6vh,80px) 0;display:flex;position:relative;overflow:hidden}.marquee-track{will-change:transform;flex-shrink:0;align-items:center;gap:clamp(40px,6vw,80px);animation:32s linear infinite marquee;display:flex}.marquee-track span{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.03em;color:var(--fg);font-size:clamp(40px,7vw,96px);font-style:italic;font-weight:400}.marquee-track span.muted{color:var(--marquee-ghost-fill);-webkit-text-stroke:1px var(--marquee-outline)}.marquee-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:10px;height:10px}@keyframes marquee{to{transform:translate(-50%)}}.section{padding-top:clamp(80px,12vh,180px);padding-bottom:clamp(80px,12vh,180px);position:relative}.section-head{grid-template-columns:1fr 1fr;align-items:end;gap:clamp(24px,4vw,60px);margin-bottom:clamp(48px,8vh,96px);display:grid}@media (max-width:820px){.section-head{grid-template-columns:1fr}}.section-head h2{font-family:var(--font-serif), Georgia, serif;font-weight:400;font-size:var(--step-5);letter-spacing:-.04em;margin:0;line-height:.9}.section-head h2 em{color:var(--accent);font-style:italic}.section-head-note{gap:16px;display:grid}.section-head-note p{color:var(--fg-muted);font-size:var(--step-1);max-width:46ch;margin:0;line-height:1.55}.work{padding-top:clamp(60px,10vh,120px);padding-bottom:clamp(60px,10vh,120px);position:relative}.work-pin{align-items:center;height:100vh;display:flex;overflow:hidden}.work-track{will-change:transform;align-items:center;gap:clamp(32px,4vw,64px);padding:0 clamp(20px,6vw,120px);display:flex}.work-card{aspect-ratio:4/5;background:var(--bg-elev);border-radius:2px;flex-shrink:0;width:clamp(300px,42vw,600px);display:block;position:relative;overflow:hidden}.work-card-media{position:absolute;inset:0;overflow:hidden}.work-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease-out);position:absolute;inset:0}.work-card:hover .work-card-media img{transform:scale(1.04)}.work-card-gradient{pointer-events:none;background:linear-gradient(#0000 45%,#000000d9 100%);position:absolute;inset:0}.work-card-meta{font-family:var(--font-mono), monospace;font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:#ffffffe6;z-index:2;justify-content:space-between;display:flex;position:absolute;top:20px;left:20px;right:20px}.work-card-bottom{z-index:2;justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.work-card-title{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.02em;color:#fff;margin:0;font-size:clamp(26px,2.5vw,40px);line-height:1}.work-card-arrow{color:#fff;width:48px;height:48px;transition:background .3s var(--ease-out), border-color .3s var(--ease-out), color .3s var(--ease-out);border:1px solid #fff6;border-radius:50%;place-items:center;display:grid}.work-card:hover .work-card-arrow{background:var(--accent);border-color:var(--accent);color:#111}.work-progress{background:var(--line);height:1px;position:absolute;bottom:32px;left:clamp(20px,6vw,120px);right:clamp(20px,6vw,120px)}.work-progress-fill{background:var(--accent);transform-origin:0;height:100%;transform:scaleX(0)}@media (max-width:820px){.work-pin{height:auto}.work-track{flex-direction:column;padding:0 clamp(20px,4vw,48px)}.work-card{width:100%;max-width:560px}.work-progress{display:none}}.index-list{display:grid}.index-row{border-top:1px solid var(--line);transition:padding .4s var(--ease-out);cursor:pointer;grid-template-columns:60px 1fr auto auto;align-items:center;gap:20px;padding:clamp(20px,3vh,36px) 0;display:grid;position:relative}.index-row:last-child{border-bottom:1px solid var(--line)}.index-row-num{font-family:var(--font-mono), monospace;font-size:var(--step--1);letter-spacing:.12em;color:var(--fg-muted)}.index-row-title{font-family:var(--font-serif), Georgia, serif;font-size:var(--step-3);letter-spacing:-.02em;color:var(--fg);transition:color .3s var(--ease-out), transform .4s var(--ease-out);margin:0;line-height:1.05}.index-row:hover .index-row-title{color:var(--accent);transform:translate(12px)}.index-row-cat{font-family:var(--font-mono), monospace;font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted)}.index-row-arrow{border:1px solid var(--line);width:44px;height:44px;color:var(--fg-muted);transition:all .3s var(--ease-out);border-radius:50%;place-items:center;display:grid}.index-row:hover .index-row-arrow{background:var(--accent);border-color:var(--accent);color:#111;transform:rotate(-45deg)}.index-preview{opacity:0;pointer-events:none;width:300px;height:220px;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);z-index:5;border-radius:4px;position:absolute;top:50%;right:18%;overflow:hidden;transform:translateY(-50%)scale(.9)}.index-preview img{object-fit:cover;width:100%;height:100%}.index-row:hover .index-preview{opacity:1;transform:translateY(-50%)scale(1)}@media (max-width:820px){.index-row{grid-template-columns:40px 1fr auto}.index-row-cat,.index-preview{display:none}}.contact-asset,.about-visual-media{border:1px solid var(--line);background:var(--media-bg);border-radius:4px;position:relative;overflow:hidden}.contact-asset img,.about-visual-media img{object-fit:cover;transform:scale(1.01)}.stack-grid{background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;display:grid}.stack-card{background:var(--bg);transition:background .4s var(--ease-out);gap:20px;padding:clamp(28px,4vw,44px);display:grid}.stack-card:hover{background:var(--bg-elev)}.stack-card-head{color:var(--fg-muted);font-family:var(--font-mono), monospace;font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.stack-card h3{font-family:var(--font-serif), Georgia, serif;font-size:var(--step-3);letter-spacing:-.02em;color:var(--fg);margin:0;line-height:1}.stack-pills{flex-wrap:wrap;gap:6px;display:flex}.stack-pills span{border:1px solid var(--line);font-family:var(--font-mono), monospace;font-size:var(--step--1);letter-spacing:.04em;color:var(--fg-muted);transition:color .3s var(--ease-out), border-color .3s var(--ease-out);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.stack-pills span:hover{color:var(--fg);border-color:var(--line-strong)}.ledger{border-top:1px solid var(--line);display:grid}.ledger-row{border-bottom:1px solid var(--line);transition:padding .4s var(--ease-out);grid-template-columns:120px 60px 1fr auto;align-items:baseline;gap:20px;padding:20px 0;display:grid}.ledger-row:hover{padding-left:16px}.ledger-time{font-family:var(--font-mono), monospace;font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.ledger-num{font-family:var(--font-mono), monospace;font-size:var(--step--1);color:var(--fg-muted)}.ledger-title{font-size:var(--step-1);color:var(--fg);line-height:1.35}.ledger-meta{font-family:var(--font-mono), monospace;font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}@media (max-width:720px){.ledger-row{grid-template-columns:1fr auto;row-gap:6px}.ledger-num,.ledger-time{grid-column:1}.ledger-meta{display:none}}.testimonial{border:1px solid var(--line);background:var(--bg-elev);border-radius:4px;padding:clamp(40px,6vw,80px);position:relative;overflow:hidden}.testimonial-body{transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);gap:20px;display:grid}.testimonial-body:not(.is-active){opacity:0;pointer-events:none;position:absolute;inset:clamp(40px,6vw,80px);transform:translateY(20px)}.testimonial-body blockquote{font-family:var(--font-serif), Georgia, serif;font-size:var(--step-3);letter-spacing:-.02em;margin:0;line-height:1.2}.testimonial-cite{align-items:center;gap:14px;margin-top:12px;display:flex}.testimonial-avatar{background:var(--bg-soft);border-radius:50%;flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.testimonial-avatar img{object-fit:cover}.testimonial-cite strong{font-weight:500;font-size:var(--step-0);display:block}.testimonial-cite small{font-family:var(--font-mono), monospace;font-size:var(--step--1);color:var(--fg-muted);letter-spacing:.1em;text-transform:uppercase;display:block}.testimonial-dots{gap:6px;margin-top:40px;display:flex}.testimonial-dots span{background:var(--line-strong);width:24px;height:2px;transition:background .3s var(--ease-out)}.testimonial-dots span.active{background:var(--accent)}.clients{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:40px 0;display:flex;overflow:hidden}.clients-track{will-change:transform;flex-shrink:0;align-items:center;gap:clamp(40px,5vw,80px);padding-right:clamp(40px,5vw,80px);animation:40s linear infinite marquee;display:flex}.clients-tile{color:var(--fg-muted);transition:color .3s var(--ease-out);flex-shrink:0;align-items:center;gap:14px;display:inline-flex}.clients-tile:hover{color:var(--fg)}.clients-tile span{background:var(--bg-elev);border-radius:50%;flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.clients-tile strong{font-weight:500;font-size:var(--step-1)}.cert-grid{background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;display:grid}.cert-item{background:var(--bg);transition:background .4s var(--ease-out);align-content:start;gap:14px;padding:clamp(28px,4vw,40px);display:grid}.cert-item:hover{background:var(--bg-elev)}.cert-item time{font-family:var(--font-mono), monospace;font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.cert-item strong{font-family:var(--font-serif), Georgia, serif;font-weight:400;font-size:var(--step-2);letter-spacing:-.02em;color:var(--fg);line-height:1.2}.cert-item small{font-family:var(--font-mono), monospace;font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted)}.header{opacity:1;transition:opacity .55s var(--ease-expo), transform .55s var(--ease-expo);padding:14px 0;transform:translate(0,0)}.header:before{display:none}.header-inner{border:1px solid var(--line);background:var(--header-bg);-webkit-backdrop-filter:blur(18px);width:min(1440px,92vw);max-width:none;min-height:64px;box-shadow:var(--header-shadow);transition:border-color .4s var(--ease-out), background .4s var(--ease-out), box-shadow .4s var(--ease-out), backdrop-filter .4s var(--ease-out);will-change:width, min-height, padding, background-color;border-radius:999px;margin-inline:auto;padding:10px 10px 10px 20px}.header.is-scrolled .header-inner{border-color:var(--line-strong);background:var(--header-bg-scrolled);box-shadow:var(--header-shadow)}.header.is-compact .header-inner{background:var(--header-bg-compact);border-color:var(--line-strong);width:min(880px,70vw);min-height:50px;box-shadow:var(--header-shadow-compact);padding:5px 6px 5px 16px}@media (prefers-reduced-motion:reduce){.header-inner{transition:width .35s linear,min-height .35s linear,padding .35s linear}}html.is-portfolio-loading .header{opacity:0;pointer-events:none;transform:translateY(-22px)scale(.985)}body:has(.loader) .header{opacity:0;pointer-events:none;transform:translateY(-22px)scale(.985)}.nav{border:1px solid var(--line);background:var(--nav-bg);border-radius:999px;gap:6px;padding:4px}.nav-link{height:auto;color:var(--fg-muted);transition:background .25s var(--ease-out), color .25s var(--ease-out);border-radius:999px;padding:10px 14px;line-height:1;overflow:visible}.nav-link span:before{display:none}.nav-link:hover span{transform:none}.nav-link:hover,.nav-link.is-active{background:var(--accent-soft);color:var(--fg)}.nav-cta{border-color:var(--fg);background:var(--fg);color:var(--bg);padding:12px 16px;line-height:1}.nav-cta:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.prefs{position:relative}.prefs-trigger{border:1px solid var(--line);height:40px;color:var(--fg-muted);font-family:var(--font-mono), monospace;letter-spacing:.08em;transition:background .25s var(--ease-out), color .25s var(--ease-out), border-color .25s var(--ease-out);background:0 0;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:12px;display:inline-flex}.prefs-trigger:hover,.prefs-trigger[aria-expanded=true]{color:var(--fg);border-color:var(--line-strong);background:var(--accent-soft)}.prefs-panel{border:1px solid var(--line-strong);background:var(--prefs-bg);width:min(310px,100vw - 34px);box-shadow:var(--header-shadow-compact);-webkit-backdrop-filter:blur(22px);z-index:20;border-radius:18px;gap:14px;padding:14px;display:grid;position:absolute;top:calc(100% + 14px);right:0}.prefs-panel:before{content:"";border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong);background:var(--prefs-bg);width:12px;height:12px;position:absolute;top:-7px;right:34px;transform:rotate(45deg)}.prefs-group{gap:8px;display:grid}.prefs-label{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);align-items:center;gap:8px;font-size:11px;display:inline-flex}.prefs-options{gap:6px;display:grid}.prefs-options button{min-height:38px;color:var(--fg-muted);text-align:left;transition:background .2s var(--ease-out), color .2s var(--ease-out), border-color .2s var(--ease-out);border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;display:flex}.prefs-options button>span{align-items:center;gap:8px;display:inline-flex}.prefs-options button:hover,.prefs-options button.active{background:var(--prefs-active);border-color:var(--line);color:var(--fg)}.hero,.hero-title,.hero-title .line,.hero-title .line-inner{overflow:visible}.hero-title{letter-spacing:-.035em;font-size:clamp(64px,10vw + .5rem,176px);line-height:1.02}.hero-title .line{padding-bottom:.04em}.footer-huge{letter-spacing:-.035em;text-wrap:balance;max-width:14ch;font-size:clamp(52px,8vw + .5rem,150px);line-height:1.02;overflow:visible}:root[data-language=id] .hero-title,:root[data-language=ar] .hero-title{letter-spacing:-.025em;font-size:clamp(56px,8.6vw + .4rem,148px);line-height:1.05}.marquee{padding:clamp(28px,5vh,56px) 0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{gap:0;width:max-content;animation:none!important}.marquee-group{flex-shrink:0;align-items:center;gap:clamp(26px,4vw,60px);padding-right:clamp(26px,4vw,60px);display:flex}.marquee-group>span{font:inherit;letter-spacing:0;align-items:center;gap:clamp(26px,4vw,60px);display:inline-flex}.marquee-group>span>span{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.035em;color:var(--fg);font-size:clamp(44px,8vw,124px);font-style:italic;line-height:.9}.marquee-group>span>span.muted{color:var(--marquee-ghost-fill);-webkit-text-stroke:1px var(--marquee-outline)}.marquee-dot{background:var(--accent);width:9px;height:9px;display:block}@keyframes marquee-loop{to{transform:translate(-50%)}}.work-reel{padding-top:clamp(80px,12vh,160px);overflow:visible}.work-reel-layout{grid-template-columns:minmax(260px,.45fr) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,92px);display:grid;overflow:visible}.work-reel-copy{z-index:2;border-left:1px solid var(--line);align-self:start;height:max-content;max-height:calc(100vh - clamp(96px,12vh,128px) - 24px);padding-left:clamp(18px,3vw,34px);position:sticky;top:clamp(96px,12vh,128px)}.work-reel-copy-inner{gap:22px;display:grid}.work-kicker{font-family:var(--font-mono), monospace;font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0}.work-reel-copy h3{font-family:var(--font-serif), Georgia, serif;font-size:var(--step-4);letter-spacing:-.03em;margin:0;font-weight:400;line-height:1}.work-reel-copy p:not(.work-kicker){color:var(--fg-muted);font-size:var(--step-1);margin:0;line-height:1.6}.work-reel-copy .btn{width:fit-content}.work-reel-list{display:grid}.work-reel-item{border-top:1px solid var(--line);grid-template-columns:58px minmax(220px,34%) minmax(0,1fr) 52px;align-items:center;gap:clamp(18px,3vw,34px);min-height:220px;padding:24px 0;display:grid;position:relative;overflow:clip}.work-reel-item:last-child{border-bottom:1px solid var(--line)}.work-reel-item:before{content:"";transform-origin:0;transition:transform .45s var(--ease-out);background:linear-gradient(90deg,#e8ddca14,#0000 68%);position:absolute;inset:0 -24px;transform:scaleX(0)}.work-reel-item:hover:before{transform:scaleX(1)}.work-reel-num,.work-reel-meta,.work-reel-body p{z-index:1;position:relative}.work-reel-num,.work-reel-meta{font-family:var(--font-mono), monospace;font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}.work-reel-media{z-index:1;aspect-ratio:16/10;border:1px solid var(--line);background:var(--bg-elev);border-radius:3px;width:100%;position:relative;overflow:hidden}.work-reel-media img{object-fit:cover;transition:transform .85s var(--ease-out), filter .65s var(--ease-out);filter:saturate(.9)contrast(1.02)}.work-reel-item:hover .work-reel-media img{filter:saturate(1.08)contrast(1.06);transform:scale(1.05)}.work-reel-body{z-index:1;gap:12px;display:grid;position:relative}.work-reel-meta{flex-wrap:wrap;gap:14px;display:flex}.work-reel-body h3{max-width:18ch;font-family:var(--font-serif), Georgia, serif;letter-spacing:-.035em;color:var(--fg);transition:color .3s var(--ease-out);margin:0;font-size:clamp(30px,4vw,64px);font-weight:400;line-height:.98}.work-reel-body p{color:var(--fg-muted);margin:0}.work-reel-arrow{z-index:1;border:1px solid var(--line);width:52px;height:52px;color:var(--fg-muted);transition:transform .35s var(--ease-out), color .35s var(--ease-out), border-color .35s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:relative}.work-reel-item:hover .work-reel-body h3,.work-reel-item:hover .work-reel-arrow{color:var(--accent)}.work-reel-item:hover .work-reel-arrow{border-color:var(--accent-dim);transform:rotate(-45deg)}.experience-wrap{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:start;gap:clamp(40px,6vw,80px);display:grid}.ledger{overscroll-behavior:contain;max-height:560px;padding-right:12px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 0% 88%,#0000 100%);mask-image:linear-gradient(#000 0% 88%,#0000 100%)}.ledger::-webkit-scrollbar{width:4px}.testimonial-list::-webkit-scrollbar{width:4px}.ledger::-webkit-scrollbar-thumb{background:var(--accent-dim)}.testimonial-list::-webkit-scrollbar-thumb{background:var(--accent-dim)}.ledger-row{grid-template-columns:96px 42px minmax(0,1fr) max-content;padding:18px 0}.ledger-title{overflow-wrap:anywhere}.testimonial{background:radial-gradient(circle at 20% 0%, #e8ddca14, transparent 34%), var(--bg-elev);grid-template-rows:minmax(0,1fr) auto;min-height:560px;padding:0;display:grid}.testimonial-body{align-content:space-between;min-height:350px;padding:clamp(32px,5vw,64px)}.testimonial-body:not(.is-active){position:static;inset:auto}.testimonial-body blockquote{font-size:clamp(26px,2.6vw,44px)}.testimonial-list{border-top:1px solid var(--line);max-height:230px;display:grid;overflow-y:auto}.testimonial-mini{border-bottom:1px solid var(--line);text-align:left;color:var(--fg-muted);transition:background .25s var(--ease-out), color .25s var(--ease-out);grid-template-columns:42px minmax(0,1fr);gap:8px 12px;padding:16px clamp(22px,4vw,34px);display:grid}.testimonial-mini:last-child{border-bottom:0}.testimonial-mini span{font-family:var(--font-mono), monospace;font-size:var(--step--1);color:var(--accent);grid-row:span 2}.testimonial-mini strong{color:var(--fg);font-weight:500}.testimonial-mini small{font-family:var(--font-mono), monospace;font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted)}.testimonial-mini:hover,.testimonial-mini.active{background:var(--accent-soft);color:var(--fg)}.testimonial-dots{display:none}.clients{padding:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.clients-track{gap:0;width:max-content;padding:34px 0;animation:none!important}.clients-group{flex-shrink:0;gap:16px;padding-right:16px;display:flex}.clients-tile{border:1px solid var(--line);background:var(--tile-bg);min-width:clamp(240px,24vw,340px);height:92px;color:var(--fg);padding:0 22px}.clients-tile .clients-logo{border:1px solid var(--line);background:var(--logo-plate);border-radius:16px;width:58px;height:58px}.clients-tile .clients-logo img{object-fit:contain;padding:9px}.clients-tile strong{max-width:18ch;font-size:clamp(16px,1.2vw,22px);line-height:1.12}@keyframes client-marquee{to{transform:translate(-33.333%)}}.cert-grid{background:0 0;border:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}.cert-item{border:1px solid var(--line);background:var(--tile-bg-soft);padding:14px}.cert-media{aspect-ratio:4/3;border:1px solid var(--line);background:var(--media-bg);border-radius:3px;margin-bottom:8px;position:relative;overflow:hidden}.cert-media img{object-fit:contain;transition:transform .65s var(--ease-out);padding:10px}.cert-item:hover .cert-media img{transform:scale(1.03)}@media (max-width:980px){.work-reel-layout,.experience-wrap{grid-template-columns:1fr}.work-reel-copy{align-self:start;position:static}.work-reel-copy-inner{position:static}}@media (max-width:720px){.header-inner{border-radius:24px;gap:14px}.nav{margin-left:auto}.nav-cta{padding:11px 14px}.hero-title{font-size:clamp(56px,18vw,92px)}.work-reel-item{grid-template-columns:40px 1fr 44px;gap:16px}.work-reel-media{grid-area:1/1/auto/-1}.work-reel-num{grid-column:1}.work-reel-body{grid-column:2}.work-reel-arrow{grid-column:3}.ledger{max-height:520px}.footer-huge{font-size:clamp(48px,15vw,84px)}}.contact{border-top:1px solid var(--line);padding-top:clamp(80px,12vh,160px);padding-bottom:clamp(80px,12vh,160px);position:relative}.contact-display{font-family:var(--font-serif), Georgia, serif;font-weight:400;font-size:var(--step-5);letter-spacing:-.04em;max-width:16ch;margin:0 0 clamp(40px,6vh,80px);line-height:.9}.contact-display em{color:var(--accent);font-style:italic}.contact-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:clamp(40px,6vw,80px);display:grid}@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}.contact-info p{color:var(--fg-muted);font-size:var(--step-1);margin:0 0 24px;line-height:1.55}.contact-asset{aspect-ratio:16/10;margin:30px 0 0}.contact-direct{border-top:1px solid var(--line);gap:14px;margin-top:32px;padding-top:32px;display:grid}.contact-direct a{font-family:var(--font-serif), Georgia, serif;font-size:var(--step-3);letter-spacing:-.02em;color:var(--fg);transition:color .3s var(--ease-out);line-height:1}.contact-direct a:hover{color:var(--accent)}.contact-direct span{font-family:var(--font-mono), monospace;font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted)}.form{gap:20px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.form label{gap:8px;display:grid}.form label>span{font-family:var(--font-mono), monospace;font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted)}.form input,.form select,.form textarea{background:var(--bg-elev);border:1px solid var(--line);color:var(--fg);font-size:var(--step-0);transition:border-color .3s var(--ease-out), background .3s var(--ease-out);border-radius:2px;padding:16px 18px}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--accent);background:var(--bg-soft);outline:none}.form textarea{resize:vertical;min-height:140px}.form-note{font-size:var(--step-0);border:1px solid var(--line);border-radius:2px;align-items:center;gap:8px;padding:12px 16px;display:inline-flex}.form-note.success{color:#a9e5b9;background:#7cd38c0f;border-color:#7cd38c66}.form-note.error{color:#f5a9a9;background:#f57c7c0f;border-color:#f57c7c66}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page{padding-top:clamp(140px,18vh,200px)}.page-header{grid-template-columns:1fr 1fr;align-items:end;gap:clamp(24px,4vw,60px);margin-bottom:clamp(60px,10vh,120px);display:grid}@media (max-width:820px){.page-header{grid-template-columns:1fr}}.page-header h1{font-family:var(--font-serif), Georgia, serif;font-weight:400;font-size:var(--step-6);letter-spacing:-.045em;margin:0;line-height:.88}.page-header h1 em{color:var(--accent);font-style:italic}.page-header p{color:var(--fg-muted);font-size:var(--step-1);max-width:50ch;margin:0;line-height:1.55}.project-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(24px,4vw,48px);margin-top:clamp(48px,8vh,80px);display:grid}.project-card{cursor:pointer;display:block;position:relative}.project-card-media{aspect-ratio:4/5;background:var(--bg-elev);border-radius:2px;margin-bottom:18px;position:relative;overflow:hidden}.project-card-media img{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease-out), filter .6s var(--ease-out);filter:saturate(.9);position:absolute;inset:0}.project-card:hover .project-card-media img{filter:saturate(1.1);transform:scale(1.05)}.project-card-meta{font-family:var(--font-mono), monospace;font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);justify-content:space-between;margin-bottom:8px;display:flex}.project-card-title{font-family:var(--font-serif), Georgia, serif;font-weight:400;font-size:var(--step-3);letter-spacing:-.02em;color:var(--fg);transition:color .3s var(--ease-out);margin:0;line-height:1.05}.project-card:hover .project-card-title{color:var(--accent)}.about-lede{grid-template-columns:1fr 1.4fr;gap:clamp(40px,6vw,80px);padding:clamp(60px,10vh,120px) 0;display:grid}@media (max-width:820px){.about-lede{grid-template-columns:1fr}}.about-lede h2{font-family:var(--font-serif), Georgia, serif;font-weight:400;font-size:var(--step-3);letter-spacing:-.02em;margin:0;line-height:1.1}.about-body p{font-size:var(--step-1);color:var(--fg);max-width:60ch;margin:0 0 18px;line-height:1.7}.about-body p:last-child{color:var(--fg-muted);margin-bottom:0}.about-visual-band{gap:18px;padding-bottom:clamp(40px,8vh,100px);display:grid}.about-visual-media{aspect-ratio:16/7}.about-visual-caption{border-top:1px solid var(--line);font-family:var(--font-mono), monospace;font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);justify-content:space-between;gap:20px;padding-top:16px;display:flex}.detail-hero{grid-template-columns:1fr;gap:40px;padding-top:clamp(140px,18vh,200px);padding-bottom:clamp(60px,10vh,100px);display:grid}.detail-hero h1{font-family:var(--font-serif), Georgia, serif;font-weight:400;font-size:var(--step-6);letter-spacing:-.04em;margin:20px 0 24px;line-height:.9}.detail-hero p{font-size:var(--step-1);color:var(--fg-muted);max-width:60ch;margin:0 0 32px;line-height:1.6}.detail-media{aspect-ratio:16/9;background:var(--bg-elev);border-radius:2px;margin-top:clamp(40px,6vh,80px);position:relative;overflow:hidden}.detail-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.detail-content{grid-template-columns:280px 1fr;align-items:start;gap:clamp(40px,6vw,80px);padding:clamp(60px,10vh,100px) 0 clamp(80px,12vh,140px);display:grid}@media (max-width:820px){.detail-content{grid-template-columns:1fr}}.detail-aside{gap:28px;display:grid;position:sticky;top:120px}.detail-aside>div{border-bottom:1px solid var(--line);gap:6px;padding-bottom:20px;display:grid}.detail-aside>div:last-child{border-bottom:none}.detail-aside span{font-family:var(--font-mono), monospace;font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted)}.detail-aside strong{font-size:var(--step-1);color:var(--fg);font-weight:500;line-height:1.4}.rich-text{color:var(--fg);font-size:var(--step-1);max-width:68ch;line-height:1.7}.rich-text p{margin:0 0 18px}.rich-text h2,.rich-text h3{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.02em;margin:36px 0 14px;font-weight:400}.rich-text h2{font-size:var(--step-3)}.rich-text h3{font-size:var(--step-2)}.rich-text ul,.rich-text ol{margin:0 0 18px;padding-left:20px}.rich-text li{margin-bottom:6px}.rich-text a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:clamp(40px,6vh,80px);display:grid}.gallery-item{aspect-ratio:4/3;background:var(--bg-elev);border-radius:2px;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease-out);position:absolute;inset:0}.gallery-item:hover img{transform:scale(1.03)}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.tag-row span{border:1px solid var(--line);font-family:var(--font-mono), monospace;font-size:var(--step--1);color:var(--fg-muted);letter-spacing:.04em;border-radius:999px;padding:6px 10px;display:inline-block}[data-reveal]{opacity:0;transform:translateY(24px)}[data-clip-reveal]{clip-path:inset(16% 0)}[data-split-line]{display:block;overflow:visible}[data-split-line]>span{will-change:transform;display:inline-block;transform:translateY(0)}@media (max-width:720px){.wrap,.wrap-narrow{width:calc(100% - 40px);padding-left:0;padding-right:0}.header{padding:12px 0}.header .wrap.header-inner{border-radius:24px;width:calc(100% - 28px);min-height:58px;padding:7px 8px 7px 14px}.header.is-compact .wrap.header-inner{width:calc(100% - 28px);max-width:none;min-height:54px;padding:6px 8px 6px 12px}.brand{font-size:19px}.nav{background:0 0;border-color:#0000;gap:4px;padding:3px}.nav-link{padding:10px 13px}.nav-cta{padding:11px 13px}.nav-dot{width:5px;height:5px}.hero{padding-top:132px}.hero-art{opacity:.32;width:118vw;top:118px;right:-18vw}.page{padding-top:132px}.page-header h1,.section-head h2,.work-reel-copy h3,.about-lede h2{overflow-wrap:normal;text-wrap:balance;max-width:100%}.about-lede{width:calc(100% - 40px);padding:52px 0 72px}.about-lede h2{font-size:clamp(32px,9vw,44px);line-height:1.05}.about-body p{max-width:100%;font-size:16px;line-height:1.7}.work-reel-layout{gap:34px}.work-reel-copy{border-left:0;border-bottom:1px solid var(--line);padding-bottom:26px;padding-left:0}.contact-asset{aspect-ratio:16/9}.work-reel-list{gap:22px}.work-reel-item{border:1px solid var(--line);background:var(--tile-bg-soft);min-height:0;padding:0;display:block;overflow:hidden}.work-reel-item:last-child{border-bottom:1px solid var(--line)}.work-reel-item:before{display:none}.work-reel-media{aspect-ratio:16/10;border:0;border-bottom:1px solid var(--line);border-radius:0;width:100%}.work-reel-num{z-index:3;border:1px solid var(--floating-pill-border);background:var(--floating-pill-bg);color:var(--fg);border-radius:999px;padding:6px 9px;display:inline-flex;position:absolute;top:14px;left:14px}.work-reel-body{padding:18px 64px 20px 18px}.work-reel-meta{gap:8px 12px;margin-bottom:4px;font-size:11px}.work-reel-body h3{overflow-wrap:normal;word-break:normal;max-width:100%;font-size:clamp(29px,8.5vw,38px);line-height:1.02}.work-reel-body p{font-size:14px}.work-reel-arrow{width:42px;height:42px;position:absolute;bottom:18px;right:16px}.experience-wrap{gap:54px}.ledger{max-height:none;padding-right:0;overflow:visible;-webkit-mask-image:none;mask-image:none}.ledger-row,.ledger-row:hover{grid-template-columns:52px minmax(0,1fr);align-items:start;gap:7px 14px;padding:18px 0}.ledger-time{color:var(--accent);grid-column:1/-1}.ledger-num{grid-area:2/1/span 2}.ledger-title{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;grid-column:2;font-size:16px;line-height:1.45}.ledger-meta{white-space:normal;grid-column:2;font-size:11px;line-height:1.4;display:block}.about-visual-media{aspect-ratio:16/10}.about-visual-caption{display:grid}}:is(body:has(.dashboard-page) .header,body:has(.dashboard-login-page) .header,body:has(.dashboard-page) .footer,body:has(.dashboard-login-page) .footer){display:none}.dashboard-login-page,.dashboard-page{min-height:100vh;color:var(--fg);font-family:var(--font-sans), ui-sans-serif, system-ui, sans-serif;background:radial-gradient(circle at 14% 8%,#e8ddca1f,#0000 28%),radial-gradient(circle at 88% 4%,#7cd38c14,#0000 24%),#080808}.dashboard-login-page{place-items:center;padding:clamp(24px,5vw,48px);display:grid}.dashboard-login-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111111db;border-radius:18px;gap:18px;width:min(100%,460px);padding:clamp(26px,5vw,42px);display:grid;box-shadow:0 30px 90px #00000057}.dashboard-kicker{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:12px}.dashboard-login-card h1,.dashboard-heading h1,.dashboard-panel-heading h1{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.03em;margin:0;font-size:clamp(38px,5vw,58px);font-weight:400;line-height:1}.dashboard-login-card p,.dashboard-heading p{color:var(--fg-muted);margin:0;line-height:1.6}.dashboard-login-card label,.dashboard-editor-form label{gap:8px;display:grid}.dashboard-login-card label span,.dashboard-editor-form label span{font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);font-size:12px}.dashboard-login-card input,.dashboard-editor-form input,.dashboard-editor-form textarea,.dashboard-editor-form select{border:1px solid var(--line);width:100%;min-height:46px;color:var(--fg);transition:border-color .2s var(--ease-out), background .2s var(--ease-out);background:#ffffff0a;border-radius:10px;outline:none;padding:12px 14px}.dashboard-login-card input:focus,.dashboard-editor-form input:focus,.dashboard-editor-form textarea:focus,.dashboard-editor-form select:focus{border-color:var(--accent-dim);background:#ffffff0f}.dashboard-login-card button,.dashboard-save-button,.dashboard-ghost-button,.dashboard-action-link{border:1px solid var(--line);min-height:44px;color:var(--fg);transition:background .2s var(--ease-out), border-color .2s var(--ease-out), color .2s var(--ease-out);background:#ffffff0a;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}.dashboard-login-card button,.dashboard-save-button{background:var(--accent);border-color:var(--accent);color:#111}.dashboard-login-card button:disabled,.dashboard-save-button:disabled{cursor:wait;opacity:.7}.dashboard-ghost-button:hover,.dashboard-action-link:hover{border-color:var(--accent-dim);color:var(--accent)}.dashboard-error{color:#f5aaaa;background:#f57c7c14;border:1px solid #f57c7c57;border-radius:10px;margin:0;padding:12px 14px}.dashboard-page{padding:24px}.dashboard-topbar{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0c0cdb;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;width:min(1480px,100%);margin:0 auto 24px;padding:12px 14px 12px 18px;display:flex;position:sticky;top:24px}.dashboard-brand{font-family:var(--font-serif), Georgia, serif;font-size:26px;line-height:1}.dashboard-brand span{color:var(--accent)}.dashboard-actions{align-items:center;gap:10px;display:flex}.dashboard-layout{grid-template-columns:240px minmax(0,1fr);gap:24px;width:min(1480px,100%);margin:0 auto;display:grid}.dashboard-sidebar{border:1px solid var(--line);background:#ffffff06;border-radius:18px;align-content:start;gap:8px;min-height:calc(100vh - 138px);padding:16px;display:grid;position:sticky;top:110px}.dashboard-sidebar a{min-height:42px;color:var(--fg-muted);transition:background .2s var(--ease-out), color .2s var(--ease-out);border-radius:12px;align-items:center;gap:10px;padding:0 12px;display:flex}.dashboard-sidebar a:hover,.dashboard-sidebar a.active{background:var(--accent-soft);color:var(--fg)}.dashboard-main{gap:24px;display:grid}.dashboard-heading,.dashboard-panel{border:1px solid var(--line);background:#ffffff06;border-radius:18px}.dashboard-heading{gap:14px;padding:clamp(26px,4vw,42px);display:grid}.dashboard-stat-grid,.dashboard-two-column{gap:16px;display:grid}.dashboard-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-stat-grid article{border:1px solid var(--line);background:#ffffff06;border-radius:16px;gap:12px;padding:22px;display:grid}.dashboard-stat-grid strong{font-family:var(--font-serif), Georgia, serif;font-size:44px;font-weight:400;line-height:1}.dashboard-stat-grid span{color:var(--fg-muted)}.dashboard-two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-panel{padding:clamp(22px,3vw,32px)}.dashboard-panel h2,.dashboard-crud-toolbar h2{margin:0;font-size:22px}.dashboard-panel-heading,.dashboard-crud-toolbar,.dashboard-form-header,.dashboard-form-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.dashboard-list,.dashboard-table,.dashboard-editor-list,.dashboard-crud{gap:12px;display:grid}.dashboard-list{margin-top:18px}.dashboard-list a,.dashboard-row,.dashboard-editor-item{border:1px solid var(--line);background:#ffffff06;border-radius:14px;gap:6px;padding:16px;display:grid}.dashboard-list span,.dashboard-row span,.dashboard-row small,.dashboard-editor-item p,.dashboard-empty-state{color:var(--fg-muted)}.dashboard-row{grid-template-columns:minmax(0,1.1fr) minmax(160px,.7fr) minmax(140px,.45fr);align-items:center}.dashboard-client-pills{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.dashboard-client-pills span{border:1px solid var(--line);color:var(--fg-muted);border-radius:999px;padding:9px 12px}.dashboard-editor-form{border:1px solid var(--line);background:#ffffff06;border-radius:16px;gap:16px;padding:18px;display:grid}.dashboard-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dashboard-editor-form textarea{resize:vertical;min-height:110px}.dashboard-editor-form textarea.large{min-height:190px}.dashboard-check-row{border:1px solid var(--line);background:#ffffff06;border-radius:999px;grid-template-columns:none;align-items:center;gap:10px;width:fit-content;padding:10px 12px;display:flex}.dashboard-editor-form .dashboard-check-row input{width:18px;min-height:18px;accent-color:var(--accent);padding:0}.dashboard-editor-form .dashboard-check-row span{color:var(--fg);letter-spacing:0;text-transform:none;font-size:13px}.dashboard-certificate-preview{border:1px solid var(--line);background:#ffffff05;border-radius:14px;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:14px;padding:12px;display:grid}.dashboard-certificate-preview img,.dashboard-certificate-thumb img{object-fit:cover;width:100%;height:100%;display:block}.dashboard-certificate-preview img{aspect-ratio:4/3;border-radius:10px}.dashboard-certificate-preview span{color:var(--fg-muted)}.dashboard-logo-preview img{object-fit:contain;background:#ffffffe6;padding:12px}.dashboard-form-header button,.dashboard-row-actions button,.dashboard-row-actions a{border:1px solid var(--line);width:38px;height:38px;color:var(--fg-muted);background:#ffffff08;border-radius:999px;place-items:center;display:grid}.dashboard-editor-item{grid-template-columns:minmax(0,1fr) auto;align-items:center}.dashboard-editor-item.dashboard-certificate-item{grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:14px}.dashboard-editor-item.dashboard-client-item{grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px}.dashboard-certificate-thumb{aspect-ratio:4/3;border:1px solid var(--line);width:86px;color:var(--fg-muted);background:#ffffff08;border-radius:12px;place-items:center;display:grid;overflow:hidden}.dashboard-client-logo{aspect-ratio:1;border:1px solid var(--line);color:#111;background:#ffffffdb;border-radius:14px;place-items:center;width:72px;display:grid;overflow:hidden}.dashboard-client-logo img{object-fit:contain;width:74%;height:74%;display:block}.dashboard-editor-item span{font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:11px}.dashboard-editor-item h3{margin:4px 0 0}.dashboard-row-actions{gap:8px;display:flex}@media (max-width:980px){.dashboard-page{padding:16px}.dashboard-topbar,.dashboard-layout{width:100%}.dashboard-layout,.dashboard-two-column{grid-template-columns:1fr}.dashboard-sidebar{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));min-height:0;position:static}.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.dashboard-login-page{padding:18px}.dashboard-topbar,.dashboard-panel-heading,.dashboard-crud-toolbar,.dashboard-form-header,.dashboard-form-actions{flex-direction:column;align-items:stretch}.dashboard-actions,.dashboard-sidebar,.dashboard-stat-grid,.dashboard-form-grid,.dashboard-row,.dashboard-editor-item,.dashboard-editor-item.dashboard-certificate-item,.dashboard-editor-item.dashboard-client-item,.dashboard-certificate-preview{grid-template-columns:1fr}.dashboard-certificate-thumb{width:100%;max-width:180px}.dashboard-client-logo{width:92px}.dashboard-actions{width:100%;display:grid}.dashboard-action-link,.dashboard-ghost-button,.dashboard-save-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal],[data-split-line]>span{opacity:1!important;transform:none!important}[data-clip-reveal]{clip-path:none!important}.marquee-track,.clients-track{animation:none!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}