@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600&family=Noto+Sans+SC:wght@300;400;500;600&display=swap";:root{color-scheme:light;--ink:#29283a;--muted:#777585;--paper:#f5f4f0;--white:#fff;--line:#e5e3df;--violet:#7067b5;--violet-dark:#32304c;--cyan:#b7e3e3;--wrap:1200px;--mono:"DM Mono",monospace;--sans:"DM Sans","Noto Sans SC",sans-serif;--cn:"Noto Sans SC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;color:var(--ink);background:var(--paper);font:300 16px/1.75 var(--cn);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.page-wrap,.section-wrap{width:min(var(--wrap),calc(100% - 64px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px max(32px,calc((100vw - var(--wrap))/2));background:#f5f4f0db;border-bottom:1px solid rgba(50,48,76,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;color:#fff;background:var(--violet-dark);border-radius:50%;font:500 18px var(--sans)}.brand-name{font:500 11px var(--mono);letter-spacing:.16em}.brand-name small{color:var(--muted);font:300 12px var(--cn);letter-spacing:0}.site-nav{display:flex;align-items:center;gap:32px;color:#777582;font-size:13px}.site-nav a:hover,.case-link:hover,.text-link:hover{color:var(--violet)}.nav-contact{padding:9px 16px;color:var(--violet-dark)!important;border:1px solid #d8d3eb;border-radius:30px}.nav-contact span{color:var(--violet);margin-left:7px}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.83fr) minmax(420px,1.17fr);align-items:center;gap:clamp(48px,8vw,108px);min-height:min(850px,calc(100vh - 76px));width:100%;padding:86px max(32px,calc((100vw - var(--wrap))/2)) 105px;color:#fff;background:#06111f;overflow:hidden}.hero-space-bg{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#06111f url(/assets/portfolio/cover.jpeg) center/cover no-repeat}.hero-space-bg:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#040d1c9e,#040d1c42 48%,#040d1c61),linear-gradient(180deg,#02081238,#02081261);content:""}.hero-space-bg video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.86;filter:saturate(.72) brightness(.94)}.hero-copy{position:relative;z-index:1;max-width:600px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 24px;color:var(--violet);font:400 11px var(--mono);letter-spacing:.16em}.hero .eyebrow{color:#9edfe3}.eyebrow-dot{width:7px;height:7px;background:#e3b08d;border-radius:50%;box-shadow:0 0 0 4px #e3b08d24}.hero h1{max-width:630px;margin:0 0 28px;color:#fff;font-size:clamp(45px,5.5vw,78px);font-weight:300;letter-spacing:-.095em;line-height:1.2;text-shadow:0 8px 30px rgba(0,0,0,.18)}.hero h1 span{color:var(--cyan)}.hero-lede{max-width:445px;margin:0 0 34px;color:#ffffffc2;font-size:14px;line-height:2.05}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 22px;border-radius:3px;font-size:13px}.button-primary{color:#071227;background:linear-gradient(180deg,#fff,#d9edf2);box-shadow:0 12px 28px #00000038,inset 0 0 0 1px #fffffff2}.button-primary span{color:#4e9daa}.text-link{color:#ffffffe6;font-size:13px}.text-link span{color:#9edfe3}.hero-facts{display:flex;gap:30px;margin-top:64px}.hero-facts>div{display:grid;gap:2px;padding-left:17px;border-left:1px solid rgba(255,255,255,.26)}.hero-facts strong{color:#fff;font:400 21px var(--sans)}.hero-facts strong span{color:#b7e3e3;font-size:13px}.hero-facts small{color:#ffffff94;font-size:10px}.hero-preview{position:absolute;right:5%;bottom:-20%;width:min(33vw,460px);opacity:.14;mix-blend-mode:screen;transform:rotate(7deg);pointer-events:none}.section-wrap{padding-block:112px}.work-section{padding-top:88px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:11px}.section-heading h2{margin:0;font-size:38px;font-weight:300;letter-spacing:-.06em}.section-intro{max-width:370px;margin:0 0 6px;color:var(--muted);font-size:13px;line-height:1.9}.project-list{display:grid;gap:28px}.project-card{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:58px;padding:46px;background:#fff;border:1px solid var(--line);border-radius:3px}.project-card.reverse{grid-template-columns:1.15fr .85fr}.project-card.reverse .project-visual{order:-1}.project-meta{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:#8c8a97;font:10px var(--mono)}.project-index{display:grid;place-items:center;width:29px;height:29px;color:var(--violet);background:#f0edff;border-radius:9px}.project-copy h3{margin:0 0 5px;font-size:28px;font-weight:400}.project-subtitle{margin:0 0 14px;color:var(--violet);font-size:13px}.project-description{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.95}.tag-list{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:21px}.tag-list span{padding:4px 9px;color:#6f6b89;background:#f4f2fb;border-radius:4px;font-size:10px}.case-link{display:inline-flex;align-items:center;gap:8px;color:var(--violet-dark);font-size:12px;font-weight:500}.case-link span{color:var(--violet)}.project-visual{min-width:0;margin:0;padding:12px;background:#f7f7f9;border:1px solid #ebe9ef;border-radius:2px}.project-visual img{width:100%;aspect-ratio:1.25/1;object-fit:contain;background:#f1f0f5}.project-visual figcaption{display:flex;justify-content:space-between;padding:12px 4px 0;color:#93919e;font:9px var(--mono);letter-spacing:.08em}.other-section{padding-top:64px}.other-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.other-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:3px}.other-card img{width:100%;aspect-ratio:1.35/1;object-fit:contain;background:#f1eff7}.other-card>div{position:relative;padding:19px 20px 21px}.mono{color:#a09eaa;font:9px var(--mono);letter-spacing:.1em}.other-card h3{margin:8px 0 0;font-size:16px;font-weight:400}.arrow{position:absolute;top:24px;right:20px;color:var(--violet)}.about-card{display:flex;gap:18px;align-items:flex-start;padding:30px;background:#fff;border:1px solid var(--line);border-radius:3px}.about-symbol{display:grid;flex:0 0 48px;place-items:center;width:48px;height:48px;color:#fff;background:linear-gradient(145deg,#7d70ef,#352d71);border-radius:15px;font:700 20px var(--sans)}.about-card h3{margin:2px 0 8px;font-size:19px;font-weight:400}.about-card p{max-width:700px;margin:0;color:var(--muted);font-size:13px;line-height:1.9}.contact-section{padding-top:64px}.contact-card{display:grid;grid-template-columns:1fr .9fr;gap:40px;padding:48px 50px;color:#fff;background:linear-gradient(115deg,#2d2c44,#59547e);border-radius:3px}.contact-card h2{margin:0 0 9px;font-size:clamp(30px,4vw,43px);font-weight:300;line-height:1.42}.contact-card>div>p:last-child{color:#c3c0d4;font-size:12px}.contact-links{align-self:end}.contact-links a{display:grid;grid-template-columns:55px 1fr 18px;gap:10px;padding:12px 0;border-top:1px solid rgba(255,255,255,.15);color:#aaa5c6;font:9px var(--mono);letter-spacing:.1em}.contact-links a span{color:#fff;font:12px var(--cn);letter-spacing:0}.site-footer{display:flex;justify-content:space-between;align-items:center;padding-block:20px 30px;color:#9996a1;font-size:10px}.site-footer a{color:var(--violet)}.case-page{min-height:70vh}.case-hero{padding:100px max(32px,calc((100vw - var(--wrap)/1.5)/2)) 60px;background:#eae8f5}.case-hero h1{margin:0 0 10px;font-size:clamp(42px,7vw,80px);font-weight:300}.case-hero>p:last-child{color:var(--muted)}.case-cover{width:min(100% - 64px,1000px);max-height:620px;margin:40px auto;object-fit:contain;background:#f2f0f8}.case-body{width:min(100% - 64px,760px);margin:0 auto 100px}.case-body>p{color:var(--muted);line-height:2}.placeholder-note{padding:20px;background:#f4f2fb;border-left:2px solid var(--violet)}.page-state{width:min(100% - 64px,800px);min-height:60vh;margin:0 auto;padding-top:140px}.page-state h1{font-size:42px;font-weight:300}@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;gap:38px}.hero-preview{width:42vw}.project-card,.project-card.reverse{grid-template-columns:.95fr 1.05fr;gap:30px;padding:32px}.project-card.reverse .project-visual{order:initial}.contact-card{grid-template-columns:1fr}}@media(max-width:720px){html{scroll-padding-top:70px}.page-wrap,.section-wrap{width:calc(100% - 36px)}.site-header{padding:12px 18px}.menu-toggle{display:flex;flex-direction:column;gap:5px;width:39px;height:39px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:10px}.menu-toggle span{width:100%;height:1.5px;background:var(--ink)}.site-nav{position:absolute;top:100%;right:0;left:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:9px 18px 17px;background:#f5f4f0fa;border-bottom:1px solid var(--line)}.site-nav.is-open{display:flex}.site-nav a{padding:12px 2px;border-bottom:1px solid #ece9e5}.site-nav .nav-contact{align-self:flex-start;margin-top:10px;padding:7px 14px}.hero{grid-template-columns:1fr;gap:36px;min-height:calc(100svh - 62px);padding:57px 18px 68px}.hero h1{font-size:clamp(42px,11.5vw,60px)}.hero-lede{font-size:13px}.hero-facts{gap:10px;margin-top:42px}.hero-preview{width:65vw;right:-10%;bottom:-5%}.section-wrap{padding-block:78px}.section-heading{display:block;margin-bottom:26px}.section-heading h2{font-size:32px}.section-intro{margin-top:9px}.project-card,.project-card.reverse{grid-template-columns:1fr;gap:24px;padding:19px}.project-card.reverse .project-visual{order:initial}.other-grid{grid-template-columns:1fr;gap:13px}.other-card{display:grid;grid-template-columns:42% 1fr;min-height:128px}.other-card img{height:100%;aspect-ratio:auto}.other-card>div{align-self:center;padding:14px}.about-card{padding:21px}.contact-card{padding:32px 23px}.site-footer{gap:12px;flex-wrap:wrap}.case-cover,.case-body{width:calc(100% - 36px)}.case-hero{padding:70px 18px 45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-space-bg video{display:none}}