:root{--paper:#101112;--ink:#f4f4ef;--muted:#adaea8;--line:#ffffff1c;--orange:#ea9d5b;--olive:#a6b99a}body{background:#101112;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.announcement{height:32px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:10px;background:#080909;color:#babcb6;padding:0 15px}.announcement a{color:#e5e5df}.wrap{width:min(1320px,calc(100% - 88px))}.nav{height:94px;background:linear-gradient(#101112f5,#101112d4);border:0;padding-inline:44px;backdrop-filter:blur(14px)}.logo{font-weight:500;font-size:26px;letter-spacing:-1px;display:flex;gap:9px;align-items:center}.logo .brand-symbol{font-size:33px;line-height:1;padding:0;color:#fff;background:repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 3px);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:rotate(-35deg)}.nav nav{font-size:14px;gap:35px}.nav-contact{background:#fafaf6;color:#151614;border-radius:30px;padding:10px 19px;gap:20px}.nav-contact span{color:#141613;font-size:18px}.nav-contact:hover{background:#e8c3a0;color:#111}.dark-hero{position:relative;isolation:isolate;overflow:hidden;min-height:850px;padding:58px 0 0;background:#101112}.hero-content{position:relative;z-index:2}.hero-grid{position:absolute;inset:-150px 0 0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.333vw - 1px),#ffffff06 calc(8.333vw - 1px),#ffffff06 8.333vw);z-index:-1}.hero-glow{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 51% 112%,#eda04888 0,transparent 23%),radial-gradient(ellipse at 0 90%,#8d42185c 0,transparent 55%),radial-gradient(ellipse at 70% 120%,#a4733250 0,transparent 48%),radial-gradient(ellipse at 56% 73%,#25482b40 0,transparent 32%);animation:glow-breathe 12s ease-in-out infinite alternate}.dark-hero .eyebrow{font-size:10px;color:#b5b8ae;letter-spacing:1.4px;margin-bottom:36px}.dot{background:#afc6a4;box-shadow:0 0 10px #7cc88c44}.scan-text{font-family:'Courier New',monospace;font-size:clamp(48px,5.6vw,82px);font-weight:400;letter-spacing:-.065em;line-height:1.1;max-width:1180px;margin:0 0 42px;background:repeating-linear-gradient(0deg,#f4f3ea 0px,#f4f3ea 1.6px,transparent 1.6px,transparent 3px);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.mobile-break{display:none}.dark-hero h2{font-size:clamp(24px,2.4vw,34px);line-height:1.15;letter-spacing:-.055em;max-width:760px;margin:0 0 22px}.hero-description{font-size:17px;line-height:1.55;color:#bfc0b9;max-width:750px}.buttons{margin-top:28px}.button{border-radius:30px;padding:12px 22px;font-size:13px;gap:22px}.button.primary{background:#f7f7f2;color:#101210}.button.primary:hover{background:#edc6a3;color:#161614}.button.ghost{color:#cccfc3;background:#ffffff05;border:1px solid #ffffff25}.button.ghost:hover{border-color:#ffffff65}.process-line{height:205px;position:relative;margin-top:28px}.path-caption{font:8px 'Courier New',monospace;color:#919c88;position:absolute;top:10px;left:0;letter-spacing:1.2px}.process-line svg{width:100%;height:155px;position:absolute;top:15px;left:0;overflow:visible}.path-main{fill:none;stroke:url(#line-color);stroke-width:2;stroke-dasharray:1500;animation:path-in 2.4s ease-out both}.path-shadow{fill:none;stroke:#64a27c;stroke-width:10;filter:blur(12px);opacity:.2}.cross{opacity:.85}.path-labels{display:grid;grid-template-columns:repeat(4,1fr);position:absolute;left:0;right:0;bottom:11px;font:9px 'Courier New',monospace;color:#abb4a0;letter-spacing:1px}.path-labels span{padding-left:9%}.tool-strip{display:flex;justify-content:space-between;gap:25px;padding:23px 0 30px;font-size:18px;color:#c2c1b087;letter-spacing:-.4px;position:relative;z-index:1;flex-wrap:wrap}.about,.experience,.motivation{padding-block:100px;gap:70px;border-top:1px solid #ffffff0d}.section-label{color:#cf9467;letter-spacing:1.7px;font-size:10px}.about h2,.section-heading h2,.approach h2,.experience h2,.motivation h2,.contact h2{font-family:'Courier New',monospace;font-size:clamp(30px,3.5vw,49px);font-weight:400;letter-spacing:-.065em;line-height:1.15}.stats strong{font-family:'Courier New',monospace;font-weight:400;color:#e6e8df}.stats span{color:#8f9488}.prose{color:#b9bdb2}.prose strong{color:#e5e7de}.projects{padding-block:80px 100px}.section-heading{margin-top:30px;margin-bottom:45px}.section-heading>a{color:#aeb6a3}.feature{background:radial-gradient(ellipse at 70% 100%,#78442348,transparent 65%),#131515;border:1px solid #ffffff16;border-radius:12px;padding:45px;gap:55px}.feature h3{font-weight:400;font-family:'Courier New',monospace;letter-spacing:-.075em;font-size:85px;margin-top:34px}.feature h3 span{color:#dca16b;opacity:.6}.feature-lead{font-size:28px;letter-spacing:-.04em}.feature-copy>p:not(.feature-lead){color:#a8afa0}.feature .eyebrow{color:#cc9c72;font-size:9px}.feature .caption{color:#989c91}.process-visual{background:linear-gradient(135deg,#171a17,#10120f);border:1px solid #ffffff20;box-shadow:0 25px 65px #0009;transform:none;border-radius:10px;padding:28px}.visual-top{color:#8b9581}.source-note,.action-note{background:#ffffff02;border:1px solid #ffffff12;border-radius:6px}.source-note>span,.action-note>span{color:#909c83}.text-line{background:#414b3b}.source-note p,.action-note p{color:#a6afa0}.source-chip{color:#b0c7a1;border-color:#ffffff15}.connector{color:#95714e}.visual-status span{border-color:#ffffff14;background:#ffffff03;border-radius:4px;color:#bec5b4}.feature details{border-color:#ffffff1a}.detail-body{color:#b8bdb2}.detail-body strong{color:#e5e7de}.detail-body a{color:#cfa981}.frame-intro{margin-top:100px}.frame-intro h2{font:400 35px/1.2 'Courier New',monospace;letter-spacing:-.055em}.frame-intro p{color:#a0a797}.cases{gap:28px}.case{background:linear-gradient(#ffffff02,transparent);border-top:1px solid #ffffff25;padding:24px 20px 0}.case-top{color:#abaf9e;font-size:10px}.case-top>span:last-child{color:#bd8f67}.case h3{font-size:26px;letter-spacing:-.05em;min-height:58px}.case-intro{color:#a6aea0;font-size:14px}.case-link{color:#e2b287}summary{color:#d5d8cd}summary:hover{color:#e7b789}.approach{background:radial-gradient(ellipse at 0 80%,#4c2e1e45,transparent 60%),#121414;margin-top:0;padding:100px 0}.work-grid article{border-color:#ffffff1b}.index{color:#c09a75}.work-grid p{color:#a6ada0}.work-grid h3{font-size:26px;line-height:1.15}.experience .prose h3{color:#d4d9cc}.motivation .prose strong{color:#c9b697;font-weight:400;border-left:1px solid #ae8053;padding:10px 0 10px 20px}.motivation .prose>p:last-child{font-size:22px;color:#e1e4d9;letter-spacing:-.025em}.contact{text-align:center;padding:100px 0 90px;position:relative;isolation:isolate}.contact:before{content:'';position:absolute;inset:0 -44px;z-index:-1;background:radial-gradient(ellipse at 50% 130%,#74643944,transparent 60%)}.contact>.eyebrow{justify-content:center;color:#c29d78}.contact h2{display:block;font-size:clamp(36px,5vw,70px);margin:32px 0}.contact h2 span{display:none}.contact-links{justify-content:center;color:#b7beab}.contact-links .primary{color:#101210}footer{color:#89917f;padding-block:27px}footer a{color:#bcc3b1}@keyframes glow-breathe{from{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.06)}}@keyframes path-in{from{stroke-dashoffset:1500}to{stroke-dashoffset:0}}@media(min-width:1600px){.dark-hero{padding-top:80px}.scan-text{font-size:88px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.nav{padding-inline:24px}.nav nav{gap:22px}.dark-hero{min-height:780px;padding-top:45px}.scan-text{font-size:59px}.dark-hero h2{font-size:29px}.about,.experience,.motivation{gap:30px;padding-block:70px}.feature{padding:30px;gap:30px}.feature h3{font-size:72px}.process-visual{padding:18px}.case{padding-inline:10px}.case h3{font-size:23px}.tool-strip{font-size:15px;gap:18px}.contact:before{inset:0 -24px}}@media(max-width:600px){.announcement{height:auto;min-height:32px;font-size:8px;gap:8px;flex-wrap:wrap;padding-block:5px}.nav{height:72px;padding:0 20px}.nav .logo{font-size:20px;gap:6px}.logo .brand-symbol{font-size:24px}.nav nav{display:none}.nav-contact{font-size:11px;padding:9px 14px;gap:12px}.wrap{width:calc(100% - 40px)}.dark-hero{padding-top:37px;min-height:800px}.dark-hero .eyebrow{font-size:8px;letter-spacing:.7px;margin-bottom:30px;gap:8px}.scan-text{font-size:clamp(32px,8.8vw,49px);letter-spacing:-.075em;line-height:1.25;margin-bottom:32px;background-size:auto}.mobile-break{display:block}.dark-hero h2{font-size:25px;letter-spacing:-.045em;line-height:1.18}.hero-description{font-size:14px;line-height:1.6;max-width:320px}.desktop-break{display:none}.buttons{gap:10px;flex-wrap:wrap;margin-top:25px}.button{font-size:11px;padding:12px 17px;gap:15px}.process-line{height:165px;margin-top:27px}.process-line svg{height:115px;top:18px}.path-labels{font-size:7px;letter-spacing:0;bottom:9px}.path-labels span{padding-left:0}.path-caption{font-size:7px}.tool-strip{padding-top:16px;gap:12px 20px;justify-content:flex-start;font-size:12px;color:#b7b8a68c}.about,.experience,.motivation{padding-block:55px}.projects{padding-block:55px 70px}.feature{padding:23px;gap:28px;border-radius:8px}.feature h3{font-size:70px}.feature-lead{font-size:25px}.process-visual{padding:18px}.frame-intro{margin-top:65px}.frame-intro h2{font-size:29px}.case{padding:22px 0 0}.case h3{font-size:28px;min-height:0}.cases{gap:34px}.case-intro{font-size:15px}.approach{padding:60px 0}.contact{padding:70px 0}.contact h2{font-size:36px}.contact-links{gap:22px}.contact:before{inset:0 -20px}footer{gap:20px;flex-wrap:wrap;font-size:9px}.stats{gap:30px}.stats strong{font-size:46px}.scan-text{background-image:repeating-linear-gradient(0deg,#f4f3ea 0px,#f4f3ea 1.4px,transparent 1.4px,transparent 2.5px)}}@media(prefers-reduced-motion:reduce){.hero-glow,.path-main{animation:none}.path-main{stroke-dasharray:none}}@media(forced-colors:active){.scan-text{-webkit-text-fill-color:CanvasText;color:CanvasText;background:none}.hero-glow,.hero-grid{display:none}}