@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--font-ui: "Space Grotesk", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "Consolas", monospace;--content-max: 1100px;--color-bg-base: #0f1114;--color-bg-surface: #14181d;--color-bg-soft: rgba(20, 24, 29, .66);--color-bg-soft-strong: rgba(20, 24, 29, .82);--color-bg-elevated: rgba(18, 22, 26, .9);--color-text: #e8ecef;--color-text-muted: #aeb6bd;--color-border: rgba(192, 202, 211, .18);--color-border-strong: rgba(192, 202, 211, .34);--color-accent: #c0a16f;--color-accent-soft: rgba(192, 161, 111, .2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--shadow-soft: 0 14px 36px rgba(0, 0, 0, .22);--shadow-panel: 0 20px 44px rgba(0, 0, 0, .28);--blur-panel: 10px;--transition-fast: .16s ease;--transition-mid: .24s ease}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-ui);color:#f2e6d3;background:#120f0d}a{color:inherit}.app-root{position:relative;min-height:100vh;min-height:100dvh;isolation:isolate;overflow-x:clip}.ui-layer{position:relative;z-index:1;min-height:100vh;min-height:100dvh;padding:var(--space-6) clamp(var(--space-4),4vw,36px)}.layout-shell{width:min(var(--content-max),100%);margin-inline:auto;display:grid;gap:clamp(18px,3vw,28px);padding-bottom:clamp(28px,6vh,80px)}.gh-bg{position:fixed;inset:0;z-index:-4;pointer-events:none}.gh-bg-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.background-boxes{position:fixed;inset:0;z-index:-3;pointer-events:none;overflow:hidden}.bg-box{position:absolute;left:var(--box-left);top:var(--box-top);width:var(--box-size);height:var(--box-size);border:1px solid rgba(245,220,180,.24);background:linear-gradient(165deg,#f0b66412,#aa765008);border-radius:4px;opacity:var(--box-opacity);transform:translateZ(0) rotate(var(--box-rotate));animation:box-drift var(--box-duration) ease-in-out infinite;animation-delay:var(--box-delay)}.gh-overlay{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(95% 80% at 52% 38%,#110c0908,#0a080652),linear-gradient(to bottom,#0c090803,#0b08073d)}.dust-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:1;mix-blend-mode:screen}.intro-overlay{min-height:calc(100vh - (var(--space-6) * 2));display:grid;place-items:center}.menu-overlay{position:fixed;inset:0;z-index:4;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.menu-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(80% 70% at 50% 48%,#00000008,#00000024),linear-gradient(to bottom,#0f0a080f,#0a07061f);pointer-events:none}.menu-overlay>*{position:relative;z-index:1}.menu-card{width:var(--menu-card-width, clamp(660px, 46vw, 760px));max-width:calc(100vw - 16px);aspect-ratio:2048 / 975;min-height:0;height:auto;padding:var(--menu-card-pad-top, clamp(46px, 6.1vh, 62px)) var(--menu-card-pad-x, clamp(40px, 4.5vw, 56px)) var(--menu-card-pad-bottom, clamp(28px, 3.8vh, 40px));background-image:url(/ui/panel_only.webp);background-size:var(--menu-panel-bg-x, 95%) 100%;background-repeat:no-repeat;background-position:center;text-align:center;display:grid;align-content:start;justify-items:center;gap:clamp(5px,.9vh,8px);flex:0 0 auto;isolation:isolate;filter:drop-shadow(0 16px 28px rgba(0,0,0,.36))}.menu-card.is-gated{opacity:0;pointer-events:none}.menu-card.is-ready{opacity:1}.menu-mark{width:clamp(54px,5vw,70px);height:auto;object-fit:contain}.menu-card h1{margin:0;font:700 clamp(1.26rem,2.8vw,1.92rem) / 1.03 var(--font-ui);letter-spacing:.06em;text-transform:uppercase}.menu-card p{margin:1px 0 0;max-width:36ch;color:#e2d4c4;font-size:clamp(.72rem,.95vw,.86rem);line-height:1.34}.menu-main-actions{width:min(348px,100%);margin-top:clamp(4px,.8vh,8px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:8px}.menu-pills{width:min(348px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:1px}.menu-btn{position:relative;--menu-btn-bg-x: 108%;--menu-btn-bg-y: 138%;width:100%;min-height:44px;padding:8px 12px;border:0;border-radius:14px;background-position:center;background-repeat:no-repeat;background-size:var(--menu-btn-bg-x) var(--menu-btn-bg-y);background-color:transparent;color:#f6ebdc;font:700 clamp(.68rem,.9vw,.78rem) / 1 var(--font-mono);letter-spacing:.035em;text-transform:uppercase;cursor:pointer;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;text-shadow:0 1px 1px rgba(0,0,0,.22);filter:brightness(.98);box-shadow:0 6px 14px #00000047;transition:transform var(--transition-fast),filter var(--transition-fast),box-shadow var(--transition-fast)}.menu-btn>span{display:inline-block;padding-inline:2px}.menu-btn:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 9px 18px #00000052}.menu-btn:active{transform:translateY(1px);filter:brightness(.92);box-shadow:0 4px 8px #0000003d}.menu-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #f5dfbed6,0 6px 14px #00000047}.menu-btn--primary{background-image:url(/ui/btn_primary_ochre.webp);min-height:var(--menu-btn-primary-h, 44px);color:#2f1c10;text-shadow:0 1px 0 rgba(255,237,204,.42)}.menu-btn--secondary{background-image:url(/ui/btn_secondary_blue.webp);min-height:var(--menu-btn-secondary-h, 42px);color:#e9ecfa}.menu-btn--pill{--menu-btn-bg-x: 110%;--menu-btn-bg-y: 144%;background-image:url(/ui/btn_pill_dark.webp);min-height:var(--menu-btn-pill-h, 34px);min-width:0;width:100%;padding-inline:8px}.studio-panel{position:relative;width:100%;padding:clamp(24px,3.2vw,34px);isolation:isolate;filter:drop-shadow(0 12px 22px rgba(0,0,0,.28))}.studio-panel:before{content:"";position:absolute;inset:0;z-index:-1;background:url(/ui/panel_only.webp) center / 100% 100% no-repeat;opacity:.9}.studio-panel--light:before{opacity:.72;filter:brightness(1.08) saturate(.72)}.studio-panel>*{position:relative;z-index:1}.studio-btn{position:relative;--studio-btn-bg-x: 108%;--studio-btn-bg-y: 138%;display:inline-flex;align-items:center;justify-content:center;min-height:56px;min-width:140px;padding:11px 20px;border:0;border-radius:14px;background-position:center;background-repeat:no-repeat;background-size:var(--studio-btn-bg-x) var(--studio-btn-bg-y);background-color:transparent;color:#f6ebdc;font:700 .9rem/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;text-shadow:0 1px 1px rgba(0,0,0,.24);cursor:pointer;appearance:none;-webkit-appearance:none;box-shadow:0 6px 14px #00000042;transition:transform var(--transition-fast),filter var(--transition-fast),box-shadow var(--transition-fast)}.studio-btn>span{display:inline-block;padding-inline:2px}.studio-btn:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 9px 18px #0000004d}.studio-btn:active{transform:translateY(1px);filter:brightness(.92);box-shadow:0 4px 8px #00000038}.studio-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #f5dfbedb,0 6px 14px #00000042}.studio-btn--primary{background-image:url(/ui/btn_primary_ochre.webp);color:#2f1c10;text-shadow:0 1px 0 rgba(255,237,204,.42)}.studio-btn--secondary{background-image:url(/ui/btn_secondary_blue.webp);color:#e9ecfa}.studio-btn--pill{--studio-btn-bg-x: 110%;--studio-btn-bg-y: 144%;background-image:url(/ui/btn_pill_dark.webp);color:#f2e8db}.studio-btn--md{min-height:56px}.studio-btn--sm{min-height:42px;min-width:124px;font-size:.78rem;padding:8px 14px}.studio-btn--xs{min-height:32px;min-width:90px;font-size:.66rem;padding:6px 10px}.studio-chip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;min-width:76px;padding:6px 11px;border-radius:999px;background:url(/ui/btn_pill_dark.webp) center / 110% 144% no-repeat;color:#f2e8db;font:700 .62rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.22)}.studio-chip>span{display:inline-block}.ui-kit-root .ui-layer{padding-top:clamp(28px,4vh,48px)}.ui-kit-shell{width:min(980px,100%);margin-inline:auto;display:grid;gap:18px}.ui-kit-stage{display:grid;place-items:center;min-height:clamp(560px,82vh,760px)}.menu-card--kit{position:relative}.ui-kit-block{width:min(700px,100%);margin-inline:auto;padding:20px 22px;background:#18110eb8;border-radius:14px}.ui-kit-block h2{margin:0;font:700 1rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.ui-kit-block h2+.ui-kit-row,.ui-kit-block h2+.ui-kit-sliders{margin-top:12px}.ui-kit-sliders{display:grid;gap:10px;margin-bottom:18px}.ui-kit-slider{display:grid;gap:6px}.ui-kit-slider span{font:600 .82rem var(--font-mono);color:#ead8c0;letter-spacing:.04em}.ui-kit-slider input[type=range]{width:100%}.ui-kit-row{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.paper-panel{position:relative;width:min(100%,1100px);margin-inline:auto;padding:clamp(24px,2.8vw,32px);background-position:center;background-repeat:no-repeat;background-size:100% 100%;background-color:transparent;isolation:isolate;filter:drop-shadow(0 10px 22px rgba(0,0,0,.24))}.paper-panel--dark{background-image:url(/ui/paper_panel_dark_alpha.png)}.paper-panel--light{background-image:url(/ui/paper_panel_light_alpha.png)}.paper-panel>*{position:relative;z-index:1}.intro-panel{width:min(620px,100%);text-align:center;padding:clamp(28px,3.2vw,40px)}.intro-logo{width:clamp(88px,13vw,124px);height:auto}.intro-panel h1{margin:var(--space-4) 0 var(--space-2);font:700 clamp(1.3rem,3.2vw,2rem) / 1.1 var(--font-ui);letter-spacing:.11em;text-transform:uppercase}.intro-panel p{margin:0 0 var(--space-6);color:#e2d1be;line-height:1.65}.intro-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.paper-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:46px;min-width:136px;padding:11px 20px;background-position:center;background-repeat:no-repeat;background-size:100% 100%;background-color:transparent;border:0;border-radius:12px;-webkit-appearance:none;appearance:none;color:#2d211a;font:600 .9rem/1 var(--font-mono);letter-spacing:.02em;text-transform:uppercase;text-decoration:none;text-shadow:0 1px 0 rgba(255,255,255,.22);cursor:pointer;box-shadow:0 5px 12px #00000047;transition:transform var(--transition-fast),filter var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.paper-button>span{display:inline-block;padding-inline:2px}.paper-button:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 7px 14px #0000004d}.paper-button:active{transform:translateY(1px);box-shadow:0 3px 8px #00000038}.paper-button:focus-visible{box-shadow:0 0 0 2px #f8e3bfe6,0 5px 12px #00000047}.paper-button--primary{background-image:url(/ui/paper_button_primary_alpha.png);color:#29190f}.paper-button--secondary{background-image:url(/ui/paper_button_secondary_alpha.png);color:#31251d}.paper-button--sm{min-height:40px;min-width:118px;padding:9px 14px;font-size:.8rem}.paper-button--md{min-height:50px;min-width:152px;padding:12px 22px;font-size:.92rem}.paper-tab{display:inline-flex;align-items:center;justify-content:center;min-height:34px;min-width:98px;padding:8px 14px;background-image:url(/ui/paper_tab_alpha.png);background-position:center;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:10px;-webkit-appearance:none;appearance:none;color:#3b2d24;font:600 .78rem/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;box-shadow:0 4px 8px #00000038;transition:transform var(--transition-fast),filter var(--transition-fast),box-shadow var(--transition-fast)}.paper-tab:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 6px 12px #00000042}.paper-tab:active{transform:translateY(1px)}.paper-tab:focus-visible{outline:none;box-shadow:0 0 0 1px #f8e3bfeb,0 2px 10px #0003}.paper-tab.is-active{filter:brightness(1.08)}.paper-chip{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:4px 10px;background-image:url(/ui/paper_chip_alpha.png);background-position:center;background-repeat:no-repeat;background-size:100% 100%;color:#31261f;font:600 .62rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px}.paper-chip>span{display:inline-block;padding-inline:1px}.topbar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3);padding:18px 22px}.topbar-brand{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;font:600 .88rem var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:#ead9c2}.topbar-brand img{width:26px;height:26px}.topbar-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.topbar-toggle.paper-button--sm{min-width:110px}.hero-section{min-height:clamp(460px,76vh,780px);display:flex;align-items:center;justify-content:center}.hero-panel-ref{width:min(760px,100%);margin-inline:auto}.hero-block{width:100%;text-align:center;padding:clamp(30px,3.4vw,44px)}.hero-brand{display:inline-flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.hero-brand p{margin:0;font:700 clamp(1.05rem,2.2vw,1.26rem) var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ebd8c0}.hero-logo{width:clamp(66px,10vw,92px);height:auto}.hero-block h1{margin:0;font:700 clamp(2.2rem,6.2vw,4.8rem) / .98 var(--font-ui);letter-spacing:.03em;text-transform:uppercase;max-width:11ch;margin-inline:auto;text-wrap:balance}.hero-subtitle{margin:var(--space-4) auto 0;max-width:62ch;color:#dfcfbd;line-height:1.7;font-size:clamp(1rem,1.7vw,1.14rem)}.hero-cta-row{margin-top:var(--space-6);display:grid;width:min(360px,100%);margin-inline:auto;gap:var(--space-2)}.hero-controls{margin-top:var(--space-3);display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2)}.hero-tabs{margin-top:var(--space-4);display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-3)}.hero-cta.hero-cta-primary,.hero-cta.hero-cta-secondary{min-width:100%}.hero-tab{min-width:108px}.landing-sections{display:grid;gap:clamp(14px,2vw,18px);margin-top:clamp(-14px,-2vh,-6px)}.section-shell{width:100%}.section-panel{padding:clamp(24px,2.6vw,32px)}.section-head h2{margin:0;font:600 clamp(1.2rem,2.3vw,1.52rem) / 1.2 var(--font-ui);text-transform:uppercase;letter-spacing:.04em;position:relative;width:fit-content}.section-head h2:after{content:"";display:block;margin-top:8px;width:min(240px,100%);height:9px;background:url(/ui/scribble_underline.png) center / 100% 100% no-repeat;opacity:.72}.section-head p{margin:var(--space-2) 0 0;color:#dccbb8;line-height:1.65}.work-grid{margin-top:var(--space-4);display:grid;gap:clamp(10px,1.6vw,14px);grid-template-columns:repeat(3,minmax(0,1fr))}.work-card{height:100%;padding:20px}.work-card h3{margin:0;font:600 1rem/1.3 var(--font-ui)}.work-card p{margin:var(--space-2) 0 0;color:#d9c8b5;line-height:1.6;font-size:.95rem}.work-tags{margin-top:var(--space-3);display:flex;flex-wrap:wrap;gap:6px}.section-actions{margin-top:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-2)}.section-cta{min-width:200px}.section-split{display:grid;gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}.section-split h2{margin:0;font:600 1.18rem/1.2 var(--font-ui);text-transform:uppercase;letter-spacing:.04em}.section-split p{margin:var(--space-2) 0 0;color:#dccbb8;line-height:1.65}.link-list{margin-top:var(--space-3);display:grid;gap:var(--space-2)}.link-list a{width:fit-content;text-decoration:none;color:#f4dfbf;border-bottom:1px solid rgba(246,187,102,.62);transition:border-color var(--transition-fast),color var(--transition-fast)}.link-list a:hover{color:#ffeac6;border-bottom-color:#ffce80f5}.card{width:100%}.card-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2)}.card-header h3{margin:0;font:600 .95rem var(--font-mono)}.card-header span{color:#deceb9;font-size:.78rem}.card-content p{margin:0;color:#dccbb8}.styleguide-root .ui-layer{padding-top:var(--space-7);padding-bottom:var(--space-8)}.styleguide-hero,.styleguide-section{width:100%}.styleguide-hero h1,.styleguide-section h2{margin:0;font:600 1rem var(--font-mono)}.styleguide-hero p,.styleguide-section p{margin:var(--space-2) 0 0;color:#dccbb8}.styleguide-inline{margin-top:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-2)}@keyframes box-drift{0%,to{transform:translateZ(0) rotate(var(--box-rotate))}50%{transform:translate3d(var(--box-drift-x),var(--box-drift-y),0) rotate(calc(var(--box-rotate) + 2deg))}}@media(max-width:980px){.work-grid,.section-split{grid-template-columns:1fr}}@media(max-width:1024px){.menu-card{width:min(620px,calc(100vw - 20px));aspect-ratio:auto;min-height:clamp(320px,54vh,420px);padding:clamp(38px,6vw,56px) clamp(24px,4.2vw,34px) clamp(24px,4.8vw,38px);background-size:100% 100%}.menu-main-actions,.menu-pills{width:min(340px,100%)}}@media(max-width:820px){.menu-card{filter:none}.dust-canvas{mix-blend-mode:screen;opacity:.92}.ui-layer{padding:var(--space-4)}.layout-shell{gap:var(--space-4)}.menu-card{width:min(560px,calc(100vw - 20px));aspect-ratio:auto;min-height:clamp(286px,55dvh,360px);padding:clamp(30px,7.8vw,42px) clamp(18px,5.2vw,24px) clamp(20px,5.6vw,30px);gap:6px;background-size:100% 100%}.menu-mark{width:clamp(44px,13vw,58px)}.menu-card h1{font-size:clamp(1.08rem,6.3vw,1.52rem)}.menu-card p{max-width:32ch;font-size:clamp(.66rem,2.9vw,.78rem);line-height:1.26}.menu-main-actions{width:min(300px,100%);margin-top:3px;grid-template-columns:1fr;gap:7px}.menu-pills{width:min(300px,100%);gap:7px;margin-top:0}.menu-btn{min-height:40px;padding:7px 10px;font-size:.66rem}.menu-btn--primary{min-height:max(var(--menu-btn-primary-h, 44px),38px)}.menu-btn--secondary{min-height:max(var(--menu-btn-secondary-h, 42px),36px)}.menu-btn--pill{min-height:max(var(--menu-btn-pill-h, 34px),30px);min-width:0}.ui-kit-row,.topbar{grid-template-columns:1fr}.topbar-actions{justify-content:flex-start}.hero-section{min-height:clamp(360px,70vh,620px)}.hero-block h1{font-size:clamp(1.7rem,10vw,2.8rem);max-width:none}.paper-button--md{min-height:44px;min-width:124px;padding:10px 15px;font-size:.82rem}.paper-button--sm{min-height:36px;min-width:102px;padding:8px 12px;font-size:.74rem}.paper-tab{min-height:32px;min-width:88px;padding:7px 10px;font-size:.68rem}.hero-cta.hero-cta-primary,.hero-cta.hero-cta-secondary,.section-cta{min-width:100%}.studio-btn--md{min-height:46px;min-width:124px;padding:10px 15px;font-size:.82rem}.studio-btn--sm{min-height:38px;min-width:108px;padding:8px 12px;font-size:.74rem}.studio-chip{min-height:28px;font-size:.58rem}.hero-tab{min-width:94px}}