@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-latin.woff2)format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-latin.woff2)format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-regular-latin.woff2)format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-mono-medium-latin.woff2)format("woff2")}:root{color-scheme:dark;--bg:#10110f;--panel:#181a17;--panel2:#1f211d;--ink:#f3f2ed;--muted:#aaa99f;--line:#32342e;--accent:#c8f169;--accent-ink:#19200b;--warm:#ded9ce;--display:"Manrope", sans-serif;--mono:"DM Mono", monospace;--radius:18px;--max:1200px;--shadow:0 24px 70px #0004;scroll-behavior:smooth;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{max-width:100%;display:block}.wrap{width:min(var(--max), calc(100% - 48px));margin:auto}.eyebrow{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;display:flex}.eyebrow:before{content:"";background:var(--accent);width:20px;height:1px}.section{padding:104px 0}.section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px;display:flex}.section-head h2{font:600 clamp(32px, 4.4vw, 55px)/1.05 var(--display);letter-spacing:-.055em;margin:14px 0 0}.section-head p{color:var(--muted);max-width:310px;margin:0;line-height:1.65}.pill{background:var(--accent);color:var(--accent-ink);border-radius:99px;align-items:center;gap:9px;padding:12px 17px;font-size:13px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.pill:hover{transform:translateY(-2px)}.pill svg{width:15px}.outline-pill{color:var(--ink);border:1px solid var(--line);background:0 0}.outline-pill:hover{border-color:var(--accent);background:0 0}.topbar{border-bottom:1px solid var(--line);align-items:center;height:76px;display:flex}.nav{justify-content:space-between;align-items:center;display:flex}.brand{font:800 14px var(--display);letter-spacing:-.03em;align-items:center;gap:11px;display:inline-flex}.brand-logo{object-fit:cover;border-radius:9px;width:32px;height:32px}.navlinks{color:var(--muted);align-items:center;gap:28px;font-size:13px;display:flex}.navlinks a:hover{color:var(--ink)}.nav-right{align-items:center;gap:12px;display:flex}.theme-btn,.menu-btn{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.theme-btn svg{width:16px}.menu-btn{display:none}.hero{padding:74px 0 88px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;border:1px solid #c8f16919;border-radius:50%;width:500px;height:500px;position:absolute;top:-210px;right:-170px;box-shadow:0 0 0 65px #c8f16908,0 0 0 130px #c8f16905}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:45px;display:grid}.hero-copy{z-index:1;position:relative}.hero h1{font:600 clamp(49px, 7vw, 88px)/.98 var(--display);letter-spacing:-.075em;max-width:730px;margin:23px 0}.hero h1 em{color:var(--accent);font-style:normal}.hero-copy>p{color:var(--muted);max-width:510px;margin:0 0 27px;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.proof{color:var(--muted);align-items:center;gap:13px;margin-top:38px;font-size:12px;display:flex}.proof b{color:var(--ink);font-weight:600}.proof-mark{border:1px solid var(--line);width:36px;height:36px;color:var(--accent);font:11px var(--mono);border-radius:50%;place-items:center;display:grid}.hero-art{isolation:isolate;height:440px;position:relative}.art-backdrop{background:linear-gradient(145deg,#2b3523,#141713 64%);border-radius:24px;position:absolute;inset:32px 0 0 35px;overflow:hidden}.art-backdrop:before{content:"";background:radial-gradient(at 63% 22%,#c7f1693a,#0000 34%),linear-gradient(120deg,#0000 40%,#c8f16909);position:absolute;inset:0}.art-ring{border:1px solid #c8f16947;border-radius:50%;width:310px;height:310px;position:absolute;top:50px;right:45px;box-shadow:0 0 0 34px #c8f16908,0 0 0 68px #c8f16906}.orbit-tag{background:var(--accent);color:#17200c;font:11px var(--mono);border-radius:12px;padding:10px 14px;position:absolute;top:80px;right:27px;transform:rotate(5deg)}.mock-window{width:76%;box-shadow:var(--shadow);background:#1b1d19;border:1px solid #ffffff1e;border-radius:14px;position:absolute;top:97px;left:2px;overflow:hidden;transform:rotate(-4deg)}.mock-top{border-bottom:1px solid #ffffff12;align-items:center;gap:4px;height:29px;padding:0 11px;display:flex}.mock-top i{background:#6d7165;border-radius:50%;width:5px;height:5px}.mock-body{padding:17px}.mock-kicker{font:8px var(--mono);color:#a9b291;letter-spacing:.1em}.mock-title{font:600 25px/1.04 var(--display);letter-spacing:-.06em;color:#f3f2ed;margin:9px 0}.mock-sub{color:#a5a69d;font-size:8px}.mock-line{background:#3a3c35;border-radius:5px;width:62%;height:5px;margin-top:8px}.mock-line.short{width:40%}.mock-bars{gap:7px;margin-top:18px;display:flex}.mock-bars span{background:linear-gradient(155deg,#30362a,#20221e);border:1px solid #34382d;border-radius:6px;flex:1;height:41px}.float-card{box-shadow:var(--shadow);background:#21241e;border:1px solid #ffffff1a;border-radius:14px;width:178px;padding:16px 18px;position:absolute;bottom:37px;right:0}.float-card small{color:var(--muted);font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;display:block}.float-card strong{font:700 18px var(--display);margin-top:9px;display:block}.float-card span{color:var(--accent);font-size:10px}.years-badge{color:#1a1b17;text-align:center;width:87px;height:87px;font:10px/1.2 var(--mono);background:#e5dfd2;border-radius:50%;place-content:center;display:grid;position:absolute;bottom:12px;left:4px;transform:rotate(-9deg)}.years-badge b{font:700 22px var(--display)}.ticker{border-block:1px solid var(--line);overflow:hidden}.ticker-inner{color:var(--muted);font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;justify-content:space-between;align-items:center;gap:32px;padding:21px 0;display:flex}.ticker-inner span{align-items:center;gap:10px;display:flex}.ticker-inner i{color:var(--accent);font-style:normal}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);transition:transform .25s,border-color .25s;overflow:hidden}.project:hover{border-color:#666b59;transform:translateY(-4px)}.project-visual{background:#20241e;height:220px;position:relative;overflow:hidden}.project-visual img{object-fit:cover;width:100%;min-width:0;height:100%;transition:transform .55s}.project:hover .project-visual img{transform:scale(1.035)}.project-visual:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#111a 100%);position:absolute;inset:0}.project-visual-mosaic{grid-template-rows:1fr;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-visual-four{grid-template-rows:repeat(2,minmax(0,1fr))}.project-label{z-index:1;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#e6e5dd;position:absolute;bottom:17px;left:19px}.project-info{padding:20px 22px 22px}.project-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.project-title h3{font:600 21px var(--display);letter-spacing:-.04em;margin:0}.arrow{border:1px solid var(--line);width:33px;height:33px;color:var(--accent);border-radius:50%;flex:none;place-items:center;text-decoration:none;display:grid}.arrow svg{width:14px}.project-info p{color:var(--muted);margin:10px 0 14px;font-size:13px;line-height:1.6}.tags{flex-wrap:wrap;gap:7px;display:flex}.tags span{border:1px solid var(--line);color:var(--muted);font:9px var(--mono);border-radius:99px;padding:5px 9px}.project-visual-contain{background:#111210}.project-visual-contain img{object-fit:contain}.project:hover .project-visual-contain img{transform:none}.services{background:var(--panel);border-block:1px solid var(--line)}.services-grid{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.service{border-right:1px solid var(--line);min-height:225px;padding:25px 22px;transition:background .2s;position:relative}.service:last-child{border-right:0}.service:hover{background:var(--panel2)}.service-num{font:10px var(--mono);color:var(--accent)}.service-icon{border:1px solid var(--line);width:40px;height:40px;color:var(--accent);border-radius:12px;place-items:center;margin:26px 0 20px;display:grid}.service-icon svg{width:19px;height:19px}.service h3{font:600 17px var(--display);letter-spacing:-.03em;margin:0 0 9px}.service p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.approach-grid{grid-template-columns:.78fr 1.22fr;gap:100px;display:grid}.approach-copy h2{font:600 clamp(35px, 4vw, 50px)/1.04 var(--display);letter-spacing:-.06em;margin:15px 0}.approach-copy p{color:var(--muted);font-size:14px;line-height:1.8}.steps{border-top:1px solid var(--line)}.step{border-bottom:1px solid var(--line);grid-template-columns:50px 1fr 28px;align-items:start;gap:18px;padding:19px 0;display:grid}.step-no{font:11px var(--mono);color:var(--accent);padding-top:4px}.step h3{font:600 17px var(--display);margin:0 0 6px}.step p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.step-arrow{color:var(--muted);font-size:17px}.contact{padding:0 0 90px}.contact-box{background:var(--accent);color:#19200e;border-radius:24px;justify-content:space-between;align-items:end;gap:40px;padding:55px 58px;display:flex;position:relative;overflow:hidden}.contact-box:after{content:"UKSB";font:800 300px var(--display);letter-spacing:-.12em;color:#17200c09;pointer-events:none;position:absolute;top:-130px;right:20%}.contact-box .eyebrow{color:#3f4c27}.contact-box .eyebrow:before{background:#3f4c27}.contact-box h2{font:600 clamp(38px, 5vw, 62px)/.98 var(--display);letter-spacing:-.065em;max-width:630px;margin:17px 0}.contact-box p{color:#3f472f;max-width:480px;margin:0;font-size:14px;line-height:1.7}.contact-box .pill{color:#f5f4ee;z-index:1;white-space:nowrap;background:#17200c;position:relative}.contact.section{padding:92px 0 100px}.contact-layout{grid-template-columns:.76fr 1.24fr;align-items:start;gap:70px;display:grid}.contact-intro{position:sticky;top:36px}.contact-intro h2{font:600 clamp(39px, 4.7vw, 58px)/1 var(--display);letter-spacing:-.065em;margin:16px 0}.contact-intro p{max-width:390px;color:var(--muted);margin:0;font-size:14px;line-height:1.75}.contact-facts{border-top:1px solid var(--line);color:var(--muted);margin-top:28px;padding-top:18px;font-size:12px;line-height:1.8}.contact-facts b{color:var(--ink);font-weight:600}.contact-form{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);padding:30px}.form-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.form-heading strong{font:600 17px var(--display)}.form-heading span{font:10px var(--mono);color:var(--muted)}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{flex-direction:column;gap:7px;display:flex}.field-wide{grid-column:1/-1}.field label,.field-label{color:var(--ink);font-size:11px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);border-radius:10px;outline:none;padding:12px 13px;font:13px DM Sans,sans-serif;transition:border-color .2s,box-shadow .2s}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:.72}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}.field select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 17px) 17px,calc(100% - 12px) 17px;background-repeat:no-repeat;background-size:5px 5px,5px 5px}.field textarea{resize:vertical;min-height:130px;line-height:1.6}.form-foot{justify-content:space-between;align-items:center;gap:15px;margin-top:18px;display:flex}.privacy-note{max-width:270px;color:var(--muted);font-size:10px;line-height:1.6}.form-status{background:var(--panel2);color:var(--ink);border-radius:10px;margin:16px 0 0;padding:12px 13px;font-size:12px;line-height:1.5;display:none}.form-status.visible{display:block}.form-honeypot{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.footer{border-top:1px solid var(--line);color:var(--muted);font:10px var(--mono);padding:27px 0 36px}.footer-inner{justify-content:space-between;align-items:center;gap:18px;display:flex}.footer-links{gap:18px;display:flex}.footer a:hover{color:var(--ink)}.concept-dock{z-index:10;backdrop-filter:blur(16px);background:#181a17ef;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:5px;padding:6px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #0007}.concept-dock .dock-label{font:9px var(--mono);color:#aaa99f;text-transform:uppercase;letter-spacing:.08em;padding:0 9px 0 11px}.concept-btn{color:#aaa99f;font:10px var(--mono);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:99px;padding:9px 13px}.concept-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}[data-concept=studio]{--bg:#121311;--panel:#1a1c19;--panel2:#242722;--accent:#b6a4ff;--accent-ink:#21153e;--radius:23px;--display:"Manrope", sans-serif}[data-concept=studio] .hero{padding-top:54px}[data-concept=studio] .hero h1{font-size:clamp(48px,6.8vw,80px)}[data-concept=studio] .hero-art{height:390px}[data-concept=studio] .art-backdrop{background:linear-gradient(140deg,#343047,#171719);border-radius:32px;inset:10px 0 0}[data-concept=studio] .art-ring{border-color:#b6a4ff55;right:28px}[data-concept=studio] .orbit-tag{background:var(--accent)}[data-concept=studio] .mock-body{background:linear-gradient(145deg,#28262e,#191a19)}[data-concept=studio] .services-grid{border-radius:24px}[data-concept=studio] .project{border-radius:23px}[data-concept=warm]{--bg:#eeeae1;--panel:#e5e0d5;--panel2:#dad4c7;--ink:#22231f;--muted:#66665f;--line:#cbc5b9;--accent:#d65d3c;--accent-ink:#fff8f0;--warm:#22231f;--shadow:0 24px 70px #33261120;color-scheme:light}[data-concept=warm] .topbar{border-color:var(--line)}[data-concept=warm] .art-backdrop{background:linear-gradient(145deg,#d0b99e,#9a9b7e)}[data-concept=warm] .art-backdrop:before{background:radial-gradient(at 63% 22%,#fff7e766,#0000 34%)}[data-concept=warm] .mock-window{background:#f5f1e8;border-color:#22222220}[data-concept=warm] .mock-title{color:#282923}[data-concept=warm] .mock-sub{color:#65645a}[data-concept=warm] .mock-line{background:#d2cbbb}[data-concept=warm] .mock-bars span{background:linear-gradient(155deg,#e6e0d4,#d4cebf);border-color:#d2cbbb}[data-concept=warm] .float-card{background:#f6f3eb;border-color:#2222}[data-concept=warm] .float-card span{color:#697643}[data-concept=warm] .years-badge{color:#f4f1e8;background:#242520}[data-concept=warm] .project-visual:after{background:linear-gradient(#0000 45%,#1119 100%)}[data-concept=warm] .concept-dock{background:#f5f2ebee;border-color:#2222;box-shadow:0 12px 36px #342a1a26}[data-concept=warm] .dock-label,[data-concept=warm] .concept-btn:not([aria-pressed=true]){color:#66665f}[data-concept=warm] .theme-btn{background:#e5e0d5}[data-theme=light]:not([data-concept=warm]){--bg:#f3f2ed;--panel:#e9e8e1;--panel2:#deddd5;--ink:#20211e;--muted:#66675e;--line:#d1d1c8;--accent:#658a21;--accent-ink:#fff;--shadow:0 24px 70px #15150c18;color-scheme:light}[data-theme=light]:not([data-concept=warm]) .art-backdrop{background:linear-gradient(145deg,#dfe9d0,#e4e3dc)}[data-theme=light]:not([data-concept=warm]) .mock-window,[data-theme=light]:not([data-concept=warm]) .float-card{background:#f4f3ed;border-color:#2222}[data-theme=light]:not([data-concept=warm]) .mock-title{color:#252620}[data-theme=light]:not([data-concept=warm]) .mock-sub{color:#68685f}[data-theme=light]:not([data-concept=warm]) .mock-line{background:#d3d3c9}[data-theme=light]:not([data-concept=warm]) .mock-bars span{background:#e5e6dd;border-color:#d6d8cb}[data-theme=light]:not([data-concept=warm]) .concept-dock{background:#f2f1eaef;border-color:#2222;box-shadow:0 12px 36px #0002}[data-theme=light]:not([data-concept=warm]) .dock-label,[data-theme=light]:not([data-concept=warm]) .concept-btn:not([aria-pressed=true]){color:#68685f}[data-theme=light]:not([data-concept=warm]) .theme-btn{background:var(--panel)}@media (width<=850px){.hero-grid{grid-template-columns:1fr .8fr;gap:20px}.hero-art{height:365px}.art-ring{width:250px;height:250px}.approach-grid{gap:48px}.contact-layout{gap:38px}.contact-form{padding:23px}.services-grid{grid-template-columns:repeat(2,1fr)}.service:nth-child(2){border-right:0}.service:nth-child(-n+2){border-bottom:1px solid var(--line)}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.wrap{width:min(100% - 34px, var(--max))}.topbar{height:65px}.navlinks{background:var(--panel);z-index:5;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:19px;padding:20px 24px;display:none;position:absolute;top:64px;left:0;right:0}.navlinks.open{display:flex}.nav-right>.pill{display:none}.menu-btn{display:grid}.hero{padding:50px 0 55px}.hero-grid{grid-template-columns:1fr;gap:18px}.hero h1{margin:19px 0;font-size:clamp(47px,13vw,68px)}.hero-copy>p{font-size:15px}.hero-art{width:100%;max-width:440px;height:310px;margin:2px auto 0}.art-backdrop{inset:15px 0 0 24px}.art-ring{width:230px;height:230px;top:31px;right:35px}.mock-window{width:78%;top:65px}.mock-body{padding:13px}.mock-title{font-size:21px}.float-card{width:152px;padding:13px;bottom:20px}.years-badge{width:71px;height:71px;font-size:8px;bottom:8px}.years-badge b{font-size:18px}.section{padding:69px 0}.section-head{margin-bottom:26px;display:block}.section-head p{margin-top:14px}.section-head h2{font-size:37px}.ticker-inner{justify-content:flex-start;gap:25px;padding:17px 0}.work-grid{grid-template-columns:1fr;gap:13px}.project-visual{height:210px}.project-info{padding:17px}.services-grid{grid-template-columns:1fr 1fr}.service{min-height:213px;padding:18px 14px}.service-icon{margin:21px 0 17px}.service h3{font-size:15px}.service p{font-size:11px}.approach-grid{grid-template-columns:1fr;gap:25px}.approach-copy h2{font-size:39px}.step{grid-template-columns:31px 1fr 20px;gap:12px}.contact{padding-bottom:72px}.contact-layout{grid-template-columns:1fr;gap:25px}.contact-intro{position:static}.contact-intro h2{font-size:42px}.contact-form{padding:20px}.form-grid{grid-template-columns:1fr;gap:13px}.field-wide{grid-column:auto}.form-foot{flex-direction:column;align-items:flex-start}.privacy-note{max-width:100%}.form-foot .pill{justify-content:center;width:100%}.footer-inner{flex-wrap:wrap}.footer-links{order:3;width:100%}.concept-dock{gap:1px;max-width:calc(100vw - 14px);bottom:9px}.concept-dock .dock-label{display:none}.concept-btn{padding:10px 11px;font-size:9px}.theme-btn{width:35px;height:35px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}