@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@400;500;600&family=Cormorant+Garamond:ital,wght@1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--black:#090909;--white:#eeeae3;--line:#30302e;--muted:#a09f99}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--black);color:var(--white);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--white);outline-offset:6px}.nav{height:95px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.wordmark{font-family:Georgia,serif;font-style:italic;font-size:37px;letter-spacing:-3px}.wordmark span{font:10px Arial;vertical-align:top;margin-left:7px;letter-spacing:0}.nav nav{display:flex;gap:35px;font-size:13px}.nav-contact{font-size:13px;border-bottom:1px solid #888;padding:10px 0}.nav-contact span{margin-left:24px}.hero{padding:35px 5% 0}.hero-top,.hero-bottom{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.8px}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--white);border-radius:50%;margin-right:9px}.edition{font-size:11px;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:650px}.hero-copy h1{font-size:clamp(60px,6.5vw,105px);line-height:1.06;letter-spacing:-5px;font-weight:500;margin:35px 0 25px}em{font-family:Georgia,serif;font-weight:400}.hero-copy p{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;padding:18px 24px;border:1px solid var(--line);font-size:12px;font-weight:700}.light{background:var(--white);color:var(--black)}.button:hover{background:#fff;transform:translateY(-2px)}.hero-art{position:relative;text-align:center}.hero-art img{width:100%;max-width:520px;display:block;margin:auto}.art-note{font-size:10px;color:var(--muted);letter-spacing:1px}.hero-bottom{border-top:1px solid var(--line);padding:25px 0;font-size:10px;letter-spacing:.5px;color:var(--muted)}.section{padding:110px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}h2{font-size:clamp(35px,4.1vw,65px);font-weight:500;line-height:1.14;letter-spacing:-2.8px;margin:25px 0 0}.section-heading p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 4px}.dot{color:#929b85}.filters{display:flex;gap:24px;margin-bottom:32px;flex-wrap:wrap}.filters button{background:none;border:0;color:var(--muted);padding:9px 0;font-size:12px;border-bottom:1px solid transparent}.filters button.active{color:var(--white);border-color:var(--white)}sup{font-size:8px;margin-left:5px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 28px}.project{background:none;color:inherit;border:0;text-align:left;padding:0;min-width:0}.project.large{grid-column:1/-1}.project[hidden]{display:none}.mock{position:relative;overflow:hidden;height:360px;padding:30px;transition:transform .5s}.project:hover .mock{transform:scale(.985)}.mock-nav{position:relative;z-index:1;display:flex;justify-content:space-between;font-weight:700;font-size:19px;letter-spacing:-1px}.mock-nav span{font-size:8px;letter-spacing:1px;align-self:center}.mock-studio{background:#cecbc0;color:#262923;height:480px}.mock-title{position:absolute;left:6%;bottom:14%;font-size:75px;line-height:.97;letter-spacing:-4px;z-index:1}.architect{position:absolute;right:8%;top:10%;width:46%;height:85%;display:flex;gap:10px;transform:skewY(-10deg);filter:drop-shadow(20px 25px 10px #32392d38)}.architect div{flex:1;background:linear-gradient(90deg,#555f53,#acb3a5 25%,#777f71 95%);border-top:15px solid #dce0d3;position:relative}.architect div:after{content:'';position:absolute;inset:25% 15% 7%;background:repeating-linear-gradient(0deg,#343c36 0 22px,#969f8c 22px 26px)}.architect div:nth-child(2){margin-top:35px}.architect div:nth-child(3){margin-top:70px}.mock-bottom{position:absolute;left:30px;bottom:25px;font-size:9px;letter-spacing:1px}.project-caption{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.project-caption h3{font-weight:500;font-size:20px;margin:0 0 7px}.project-caption p{font-size:11px;color:var(--muted);margin:0}.project-caption>span{font-size:25px}.mock-coffee{background:#b8c09c;color:#30392d}.coffee-type{position:absolute;left:35px;top:80px;font-size:65px;line-height:.95;letter-spacing:-4px}.coffee-circle{position:absolute;right:-10%;top:12%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#5d3523 0 29%,#d5c09a 30% 36%,#eee7d4 37% 43%,#929977 44% 46%,transparent 47%);transform:rotate(-25deg);filter:drop-shadow(15px 22px 7px #34402a40)}.mock-tech{background:#a2b4d7;color:#182744}.tech-type{position:absolute;left:30px;bottom:80px;font-size:56px;line-height:1;letter-spacing:-3px}.tech-orbit{position:absolute;width:240px;height:240px;right:-10px;top:40px;border:1px solid #405b8966;border-radius:50%;box-shadow:inset 15px 10px 55px #f5f5ff80,inset -30px -25px 40px #42609690,0 0 0 25px #859eca33,0 0 0 50px #859eca33}.portfolio-note{margin-top:40px;max-width:610px;font-size:12px;color:var(--muted);line-height:1.8;display:flex;gap:20px}.portfolio-note span{font-size:22px}.services{background:#eeeae3;color:#171715}.services .eyebrow,.services .section-heading p{color:#63655e}.service{display:grid;grid-template-columns:60px 1.2fr 1fr 30px;gap:20px;align-items:center;padding:40px 0;border-top:1px solid #bdbeb5}.service:last-child{border-bottom:1px solid #bdbeb5}.number{font-size:11px;color:#686a60}.service h3{font-size:30px;font-weight:500;letter-spacing:-1px;margin:0}.service p{font-size:12px;line-height:1.8;color:#66685f;margin:0}.arrow{font-size:28px}.service:hover h3{transform:translateX(8px)}.price-note{font-size:11px;color:#63655e;margin-top:26px}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.about-mark{background:#050505;border:1px solid #252524;aspect-ratio:1}.about-mark img{width:100%;height:100%;object-fit:contain}.about-copy p{font-size:14px;line-height:1.9;color:var(--muted);max-width:420px;margin-top:25px}.text-link{display:inline-block;font-size:12px;margin-top:18px;padding-bottom:8px;border-bottom:1px solid var(--muted)}.process{padding-top:0}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.process-grid article{border-top:1px solid var(--line);padding-top:25px}.process-grid span{font-size:10px;color:var(--muted)}.process-grid h3{font-size:23px;font-weight:500}.process-grid p{font-size:12px;color:var(--muted);line-height:1.9;max-width:300px}.contact{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#101110}.contact h2{font-size:clamp(65px,7vw,110px);letter-spacing:-5px;position:relative}.contact h2>span{position:absolute;top:0;right:10%;font-size:70px}.contact p{font-size:13px;color:var(--muted);line-height:1.8}.contact .contact-note{font-size:11px;margin-top:45px;max-width:320px}form{display:flex;flex-direction:column;gap:23px}label{font-size:11px;display:flex;flex-direction:column;gap:10px}input,select,textarea{width:100%;border:0;border-bottom:1px solid #444;background:transparent;color:var(--white);padding:12px 0;font-size:13px;border-radius:0}select option{background:#181818}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--white)}form .button{width:100%;margin-top:8px}.form-note{margin:0!important;font-size:10px!important}footer{padding:40px 5%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}footer>span,footer>a:not(.wordmark){font-size:10px;color:var(--muted)}dialog{background:#151615;color:var(--white);border:1px solid #454742;padding:55px;max-width:600px;width:90%}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h2{margin-bottom:25px}dialog p{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:30px}.close{position:absolute;right:15px;top:12px;color:var(--white);background:none;border:0;font-size:30px}
@media(min-width:1600px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:900px){.nav nav{gap:18px}.hero-grid{min-height:520px}.hero-copy h1{font-size:65px;letter-spacing:-3px}.mock-title{font-size:60px}.section{padding:80px 5%}.service{grid-template-columns:30px 1fr 1fr 25px}.service h3{font-size:25px}.contact{gap:6%}.contact h2>span{right:0;font-size:50px}}@media(max-width:600px){.nav{height:78px}.nav nav{display:none}.nav-contact{font-size:11px}.hero-top .edition{display:none}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy h1{font-size:58px;margin-top:40px}.hero-copy p{font-size:13px}.hero-art{margin-top:30px}.hero-art img{max-width:330px}.art-note{font-size:9px}.hero-bottom{margin-top:35px;font-size:9px}.hero-bottom>span:last-child{display:none}.section{padding:65px 5%}.section-heading{display:block;margin-bottom:30px}h2{font-size:38px;letter-spacing:-1.7px}.section-heading p{margin-top:22px;font-size:12px}.filters{gap:17px}.filters button{font-size:10px}.project-grid{grid-template-columns:1fr;gap:35px}.project.large{grid-column:auto}.mock-studio{height:340px}.mock-title{font-size:44px;bottom:25%;left:7%}.mock-nav{font-size:15px}.mock-nav span{font-size:6px}.architect{right:5%;width:44%}.mock{padding:22px}.service{grid-template-columns:24px 1fr 22px;gap:10px;padding:28px 0}.service h3{font-size:25px}.service p{grid-column:2;grid-row:2;font-size:11px}.service .arrow{grid-column:3;grid-row:1}.about{grid-template-columns:1fr;gap:38px}.about-mark{max-width:330px;width:100%;margin:auto}.process{padding-top:15px}.process-grid{grid-template-columns:1fr;gap:28px}.process-grid h3{margin:16px 0 12px}.contact{grid-template-columns:1fr;gap:35px}.contact h2{font-size:75px}.contact h2>span{right:5%}.contact .contact-note{margin-top:20px}footer{flex-wrap:wrap;gap:25px}footer .wordmark{width:40%}footer>span,footer>a:not(.wordmark){width:40%}dialog{padding:40px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.project-cover{height:360px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .4s}.project.large .project-cover{height:440px}.project:hover .project-cover{transform:scale(.985)}.cover-top,.cover-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;font-size:10px;letter-spacing:1px}.cover-top>span:last-child{font-size:26px}.cover-name{position:relative;z-index:1;font-size:clamp(35px,5vw,76px);font-weight:500;letter-spacing:-3px;line-height:1}.cover-infinity{background:#d7d4c9;color:#252c28}.cover-infinity:after{content:'∞';position:absolute;right:3%;top:-110px;font:550px Georgia;color:#727d6c30}.cover-aplisens{background:#b1c2d6;color:#17354d}.cover-aplisens:after{content:'+';position:absolute;right:5%;top:-70px;font:420px Arial;color:#45658625}.cover-yumshoq{background:#d9c8b3;color:#4b342c}.cover-yumshoq .cover-name{font-family:Georgia;font-style:italic}.cover-yumshoq:after{content:'';position:absolute;right:-50px;top:50px;width:300px;height:300px;border-radius:45%;background:#8c665122;transform:rotate(35deg)}.cover-hanyu{background:#912d2d;color:#f4e9d7}.cover-hanyu:after{content:'汉语';position:absolute;right:-10px;top:50px;font-size:160px;color:#d79f7335}.cover-kit{background:#aebea2;color:#25362b}.cover-kit:after{content:'';position:absolute;width:320px;height:320px;border:1px solid #3f614655;border-radius:50%;right:-50px;top:50px;box-shadow:0 0 0 25px #3f614611,0 0 0 50px #3f614611}@media(max-width:600px){.project-cover,.project.large .project-cover{height:300px;padding:22px}.cover-name{font-size:46px}.cover-top,.cover-bottom{font-size:8px}.cover-infinity:after{font-size:370px;top:-30px}}


/* SAMLINE refinement */
.nav{height:78px}.wordmark{font:normal 21px Manrope,Arial,sans-serif;letter-spacing:-1px;display:flex;flex-direction:column;gap:3px}.wordmark b{font-weight:800}.wordmark b span{font:inherit;letter-spacing:inherit;vertical-align:baseline;margin:0;color:#a8b69d}.wordmark small{font:8px Manrope,Arial;letter-spacing:3.5px;color:var(--muted)}.hero{position:relative;overflow:hidden;padding-top:24px;background:radial-gradient(ellipse at 50% 70%,#19201955,transparent 65%)}.hero-grid{min-height:460px;grid-template-columns:1.25fr 1fr;gap:8%;position:relative;padding:30px 0}.hero-copy,.lead-panel{position:relative;z-index:1}.hero-kicker{font-size:10px;color:#abb69f;letter-spacing:1.7px;text-transform:uppercase}.hero-copy h1{font-family:Unbounded,Manrope,Arial,sans-serif;font-size:clamp(40px,4.6vw,68px);line-height:1.15;font-weight:400;letter-spacing:-2.6px;margin:18px 0}.hero-copy h1 em{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.3em;line-height:.7;color:#d6decf}.hero-copy p{font-size:12px;margin:22px 0 8px;line-height:1.8}.hero-copy .text-link{font-size:11px;margin-top:13px}.hero-copy .text-link span{margin-left:50px}.hero-art{position:absolute;z-index:0;pointer-events:none;left:28%;top:-10%;width:600px;height:580px;opacity:.19;transform:rotate(-8deg);mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 80%,transparent)}.hero-art img{width:100%;max-width:none;mix-blend-mode:screen}.hero-bottom{padding:18px 0}.lead-panel{border:1px solid #63725560;background:#121511e8;padding:24px 28px;box-shadow:0 20px 70px #0003}.lead-heading .eyebrow{font-size:9px;color:#bdc8b1}.lead-heading h2{font-size:22px;letter-spacing:-.8px;margin:9px 0 21px;display:flex;justify-content:space-between;gap:12px}.lead-heading h2 span{color:#a8b69d}.lead-panel form{gap:15px}.lead-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lead-panel label{font-size:9px;gap:3px;color:#bbbfb5}.lead-panel input,.lead-panel select,.lead-panel textarea{font-size:11px;padding:10px 0}.lead-panel textarea{min-height:50px}.lead-panel .button{padding:14px 17px;margin:0;font-size:11px}.lead-panel .form-note{font-size:9px!important;line-height:1.6;max-width:340px}.case{border:1px solid #32372d;background:#10120f;min-width:0}.case[hidden]{display:none}.case .project-cover{height:280px}.case:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr}.case:first-child[hidden]{display:none}.case:first-child .project-cover{height:100%;min-height:390px}.case .cover-name{font-size:clamp(34px,4vw,60px)}.case-body{padding:28px}.case-tags{display:flex;flex-wrap:wrap;gap:8px}.case-tags span{font-size:8px;text-transform:uppercase;letter-spacing:.5px;border:1px solid #46503d;padding:6px 8px;color:#c2ceb7}.case h3{font-size:27px;font-weight:500;letter-spacing:-1px;margin:21px 0 12px}.case-body>p{font-size:12px;line-height:1.85;color:#aeb3a6;max-width:480px;margin:0}.case-features{border-top:1px solid #32372d;margin-top:22px;padding-top:18px}.case-features>span{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#7f8b74}.case-features ul{display:flex;flex-wrap:wrap;gap:9px 20px;padding:0;margin:12px 0 0;list-style:none;font-size:10px;color:#bdc5b5}.case-features li:before{content:'↳';margin-right:7px;color:#7f8b74}.case-link{margin-top:24px;padding-top:16px;border-top:1px solid #32372d;display:flex;justify-content:space-between;font-size:11px}.case-link:hover{color:#d7e8c7}.case .project-cover:hover{filter:brightness(1.07)}.case .cover-bottom{font-size:9px}.works .section-heading{margin-bottom:35px}.works .filters{gap:20px}.works .filters button{font-size:10px}
@media(min-width:1600px){.hero-grid{min-height:550px}}@media(max-width:900px){.hero-grid{gap:4%;grid-template-columns:1.1fr 1fr}.hero-copy h1{font-size:42px;letter-spacing:-2px}.lead-panel{padding:22px 18px}.hero-art{left:15%;width:550px}.case:first-child{grid-template-columns:1fr 1fr}.case-body{padding:22px}.case-tags span{font-size:7px}.case:first-child .project-cover{min-height:420px}}@media(max-width:600px){.hero-top .eyebrow{font-size:9px;letter-spacing:1px}.hero-grid{grid-template-columns:1fr;gap:30px;min-height:0;padding:35px 0}.hero-copy h1{font-size:43px;letter-spacing:-2px}.hero-art{width:460px;height:460px;left:5%;top:-15px;opacity:.2;margin:0}.hero-art img{max-width:none}.hero-kicker{font-size:9px}.lead-panel{padding:23px}.hero-copy p{font-size:12px}.hero-bottom{margin-top:0;font-size:8px}.lead-heading h2{font-size:23px}.lead-panel .form-note{max-width:none}.case:first-child{display:block;grid-column:auto}.case .project-cover,.case:first-child .project-cover{height:260px;min-height:0}.case .cover-name{font-size:43px}.case-body{padding:23px}.case-body>p{font-size:12px}.case h3{font-size:25px}.case-tags span{font-size:8px}.works .filters{gap:15px}.wordmark{font-size:20px}.wordmark small{font-size:7px}.contact h2{font-size:70px}}

.honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}.form-note[data-state="error"]{color:#e0b7a0}.form-note[data-state="success"]{color:#bfd4a4}.button:disabled{opacity:.6;cursor:wait}

/* Tactile surfaces and quiet interactions */
body{background:#0b0c0a;background-image:radial-gradient(ellipse at 15% 22%,#6c785a14,transparent 48%),radial-gradient(ellipse at 80% 60%,#88816a0b,transparent 50%)}body::before{content:'';position:fixed;inset:0;z-index:20;pointer-events:none;background:url('/assets/grain.svg') repeat;opacity:.2}main{isolation:isolate}.hero{background:radial-gradient(ellipse at 60% 60%,#3a422830,transparent 70%),url('/assets/contour.svg') center/cover no-repeat}.hero::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 5px,#d2d7c702 5px 6px);z-index:0}.hero-top,.hero-bottom{position:relative;z-index:1}.services{background-color:#e7e3d9;background-image:url('/assets/grain.svg'),radial-gradient(ellipse at 10% 0%,#fff8 0,transparent 60%),radial-gradient(ellipse at 90% 85%,#b0ac9630,transparent 65%);background-size:170px 170px,auto,auto}.contact{background:#10120e url('/assets/contour.svg') center/cover}.lead-panel{background:linear-gradient(120deg,#24291ae8,#11130ee8);border-color:#5963455e;box-shadow:0 20px 70px #0004,inset 0 1px 0 #bdc5ab12}.case-body{background:linear-gradient(130deg,#25291b22,transparent 75%)}.nav-contact,.text-link,.case-link{position:relative;border-bottom:0}.nav-contact::after,.text-link::after{content:'';position:absolute;left:0;bottom:0;width:36%;height:1px;background:currentColor;opacity:.65;transition:width .3s ease}.nav-contact:hover::after,.text-link:hover::after{width:100%}.nav-contact:hover,.text-link:hover{color:#cedabc}.case-link{justify-content:flex-start;gap:12px;width:fit-content;border-top:0;padding:0 0 6px;letter-spacing:.2px}.case-link::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform-origin:left;transform:scaleX(.35);transition:transform .3s ease}.case-link:hover::after{transform:scaleX(1)}.button{justify-content:center;gap:0;box-shadow:inset 0 0 0 1px #ffffff25;transition:background .25s ease,box-shadow .25s ease}.button:hover{transform:none;box-shadow:0 0 24px #e9e7dd18,inset 0 0 0 1px #fff}.cover-top{justify-content:flex-start}.cover-top>span{font-size:9px!important;font-weight:500;letter-spacing:1.8px}.cover-bottom>span:last-child{border-bottom:1px solid currentColor;padding-bottom:4px}.case-features li:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:#9ea98d;vertical-align:middle;margin-right:9px}.service{grid-template-columns:1.2fr 1fr;position:relative;transition:background .25s}.service h3{transition:color .25s,transform .25s}.service:hover{background:#c0c5b21a}.service:hover h3{transform:none;color:#697454}.service h3::after{content:'';display:block;height:1px;width:30px;background:#a1aa92;margin-top:12px;transition:width .3s}.service:hover h3::after{width:80px}.process-grid span{font-size:11px;color:#b8c1a9}.process-grid article{border-top:0;padding-top:0}.process-grid article::before{content:'';display:block;width:50px;height:1px;background:#8b957c;margin-bottom:24px}.contact h2>span{display:none}.project-cover{background-image:url('/assets/grain.svg');background-size:180px 180px}.filters button{transition:color .2s,border-color .2s}.filters button:hover{color:var(--white)}
@media(max-width:600px){.service{grid-template-columns:1fr;gap:16px}.service p{grid-column:1;grid-row:auto}.service h3::after{margin-top:15px}.hero{background-size:auto,auto 100%}.cover-top>span{font-size:8px!important}}

/* Real projects and a continuous studio atmosphere */
.works,.about,.process,.project-start{position:relative;background-color:#10120d;background-image:radial-gradient(ellipse at 65% 40%,#3a42284d,transparent 70%),url('/assets/contour.svg');background-position:center;background-size:auto,cover}.works{background-image:radial-gradient(ellipse at 15% 20%,#3a422844,transparent 65%),radial-gradient(ellipse at 85% 85%,#373e2740,transparent 70%)}.about{background-image:radial-gradient(ellipse at 35% 50%,#46503370,transparent 68%),url('/assets/contour.svg');padding-top:105px;padding-bottom:105px;gap:6%}.about-mark{border:0;background:transparent;position:relative}.about-mark img{mix-blend-mode:screen;filter:brightness(.95);mask-image:radial-gradient(ellipse,#000 40%,#000b 60%,transparent 75%);animation:signature-drift 12s ease-in-out infinite}.about-mark::before{content:'';position:absolute;inset:12%;border:1px solid #acb99d18;border-radius:50%;transform:rotate(-25deg);animation:halo-breathe 10s ease-in-out infinite}.about-copy h2{font-family:Unbounded,Manrope,sans-serif;font-size:clamp(32px,3vw,49px);line-height:1.25}.about-copy>p{font-size:13px;max-width:490px}.about-details{margin-top:30px;display:grid;gap:20px}.about-details>div{border-left:1px solid #9bab7955;padding-left:19px}.about-details h3{font-size:13px;font-weight:500;margin:0}.about-details p{margin:9px 0 0;font-size:11px;line-height:1.9;max-width:450px}.process{padding-top:65px;padding-bottom:85px;background-image:radial-gradient(ellipse at 75% 30%,#404a2c55,transparent 70%),url('/assets/contour.svg')}.project-start{border-top:1px solid #6a79502b}.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.start-grid article{border-top:1px solid #77875b44;padding-top:23px}.start-grid h3{font-weight:500;font-size:20px;letter-spacing:-.5px}.start-grid p{font-size:12px;line-height:1.9;color:#aeb8a0}.contact{background-image:radial-gradient(ellipse at 60% 55%,#46502f60,transparent 75%),url('/assets/contour.svg')}.case{background:#13170f;border-color:#64714c40;transition:border-color .4s,box-shadow .4s}.case:hover{border-color:#8b9d6566;box-shadow:0 16px 50px #0003}.case-body{background:linear-gradient(125deg,#3d472a44,#14170f80)}.case .project-cover,.case:first-child .project-cover{background:#1b2116!important;background-image:radial-gradient(ellipse at 50% 45%,#46533555,transparent 80%)!important;height:auto;min-height:0;padding:30px 24px 22px;display:flex;flex-direction:column;justify-content:center;gap:19px}.project-cover::after{display:none!important}.preview-window{position:relative;width:100%;border:1px solid #8b98784a;border-radius:9px;overflow:hidden;box-shadow:0 24px 35px #0005;transform:perspective(1000px) rotateY(-2deg) rotateX(1deg);transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .7s}.project-cover:hover .preview-window{transform:perspective(1000px) rotateY(0) rotateX(0) translateY(-5px);box-shadow:0 30px 45px #0007}.preview-toolbar{height:29px;padding:0 11px;background:#e3e6db;color:#4a5542;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.3px}.window-dots{display:flex;gap:4px}.window-dots i{width:4px;height:4px;border-radius:50%;background:#909b85}.window-label{font-size:7px}.preview-image{aspect-ratio:1265/712;overflow:hidden;background:#151713}.preview-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1s ease}.project-cover:hover .preview-image img{transform:scale(1.025)}.preview-open{font-size:10px;letter-spacing:.5px;width:fit-content;border-bottom:1px solid #98aa7666;padding-bottom:5px;color:#b6c5a0}.case:first-child{grid-template-columns:1.25fr 1fr}.hero-art{animation:signature-drift 15s ease-in-out infinite}.hero::after{animation:texture-breathe 12s ease-in-out infinite}.motion-ready .reveal{opacity:0;transform:translateY(26px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.75,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}.lead-panel{animation:panel-arrival 1s ease both}.hero-copy{animation:panel-arrival .9s ease both}@keyframes panel-arrival{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes signature-drift{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes halo-breathe{0%,100%{scale:1;opacity:.6}50%{scale:1.045;opacity:1}}@keyframes texture-breathe{0%,100%{opacity:.5}50%{opacity:1}}@media(max-width:900px){.case:first-child{grid-template-columns:1fr}.case:first-child .preview-window{max-width:700px;margin:auto}.about-copy h2{font-size:35px}.start-grid{gap:24px}}@media(max-width:600px){.about{padding:65px 5%;gap:28px}.about-copy h2{font-size:34px}.about-mark{max-width:270px}.about-details p{font-size:12px}.start-grid{grid-template-columns:1fr;gap:25px}.project-start{padding:65px 5%}.case .project-cover,.case:first-child .project-cover{height:auto;min-height:0;padding:23px 16px 18px}.preview-toolbar{font-size:7px;height:25px}.window-label{display:none}.preview-window{transform:none}.process{padding-top:50px}.motion-ready .reveal{transform:translateY(15px)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .reveal{opacity:1;transform:none}.preview-window{transform:none!important}}

/* Integrate the signature into the studio surface, like the hero. */
.about{background-color:#0c0f0a;background-image:radial-gradient(ellipse at 60% 55%,#30392245,transparent 75%),url('/assets/contour.svg');background-size:auto,cover;overflow:hidden}.about-mark{border:0;background:none;mix-blend-mode:screen;isolation:auto;opacity:.5;max-width:490px;width:100%;margin:auto}.about-mark::before,.about-mark::after{display:none;content:none}.about-mark img{mask-image:none;-webkit-mask-image:none;filter:none;mix-blend-mode:normal;opacity:1;animation:signature-drift 15s ease-in-out infinite;display:block;width:100%;height:auto;object-fit:contain}.motion-ready .about-mark.reveal.is-visible{opacity:.5}.about-copy{position:relative;z-index:1}@media(max-width:600px){.about-mark{max-width:300px;opacity:.4}.motion-ready .about-mark.reveal.is-visible{opacity:.4}.about{gap:20px}}
.about-mark img{filter:contrast(3)}