/*
Theme Name: Sterling Studio
Description: Bespoke architectural website for Sterling Techno Constructions.
Version: 1.1.0
Author: Sterling Techno Constructions
Text Domain: sterling-studio
*/
:root{--paper:#f7f6f2;--ink:#282d29;--muted:#626760;--line:#d7d9d1;--accent:#897659;--wash:#eceee6;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{max-width:100%;display:block}button{color:inherit}figure,p,h1,h2,h3,dl,dd{margin:0}p{color:var(--muted)}h1,h2,h3{font-weight:400;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(54px,6.7vw,104px)}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}h2{font-size:clamp(34px,3.5vw,54px)}h3{font-size:27px}button{border:0}main{min-height:55vh}.wrap{width:min(1400px,calc(100% - 112px));margin-inline:auto}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:600;text-transform:uppercase;color:var(--muted);line-height:1.5}.skip{position:fixed;top:-100px;left:20px;z-index:10000;background:var(--ink);color:white;padding:12px}.skip:focus{top:10px}.site-header{border-bottom:1px solid var(--line);background:rgba(247,246,242,.97);position:sticky;top:0;z-index:50}.admin-bar .site-header{top:32px}.header-inner{height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:block;flex-shrink:0}.brand img{width:150px;height:75px;object-fit:contain;mix-blend-mode:multiply}#primary-nav{display:flex;align-items:center;gap:30px;font-size:12px;line-height:1}.nav-link{padding:15px 0;border-bottom:1px solid transparent;white-space:nowrap}.nav-link span{display:none}.nav-link:hover,.nav-link[aria-current=page]{border-color:var(--accent)}.nav-contact{display:flex;align-items:center;gap:28px;padding:15px 20px;border:1px solid var(--ink)}.nav-contact span{font-size:19px}.nav-contact:hover{background:var(--ink);color:var(--paper)}.menu-toggle{display:none}.home-intro{padding-top:52px;padding-bottom:45px}.intro-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:7%;align-items:end;margin-top:25px}.hero-aside{max-width:345px;margin-left:auto;padding-bottom:8px}.hero-aside p,.lede{font-size:16px;line-height:1.65}.hero-aside .text-link{margin-top:28px}.text-link{display:inline-flex;align-items:center;gap:30px;padding-bottom:8px;border-bottom:1px solid var(--ink);font-size:13px;line-height:1.6}.text-link span{font-size:22px;transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.hero-image{position:relative}.hero-image>img{width:100%;height:clamp(360px,43vw,630px);object-fit:cover;object-position:50% 55%}.hero-image figcaption{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.14em;color:var(--muted)}.intro-story{display:grid;grid-template-columns:1fr 1.8fr;gap:11%;padding-top:110px;padding-bottom:110px}.experience{display:block;font-size:110px;line-height:1.3;font-weight:400;letter-spacing:-.085em}.experience>span{font-size:65px;vertical-align:top;position:relative;top:13px}.intro-story>div:first-child>p:last-child{font-size:13px;line-height:1.5}.intro-story h2{margin-bottom:25px}.intro-story>div:last-child>p{max-width:585px;font-size:16px}.intro-story .text-link{margin-top:26px}.section-heading{margin-bottom:40px}.section-heading>.eyebrow{margin-bottom:22px}.section-heading.split{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.section-heading.split>h2{width:64%}.section-heading.split>div>.eyebrow{margin-bottom:23px}.services{border-top:1px solid var(--line);padding-top:55px;padding-bottom:110px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.service-card{display:block}.service-photo,.plan-art{height:360px;position:relative;overflow:hidden}.service-photo>img{height:100%;width:100%;object-fit:cover;transition:transform .65s}.service-card:hover .service-photo>img{transform:scale(1.025)}.photo-index{position:absolute;left:24px;bottom:22px;font-size:10px;letter-spacing:.15em;color:#fff;z-index:1}.service-photo:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0007)}.plan-art{background:#e4e7de;display:grid;place-items:center}.plan-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#6b7a6510 1px,transparent 1px),linear-gradient(90deg,#6b7a6510 1px,transparent 1px);background-size:28px 28px}.plan-art .photo-index{color:var(--ink)}.plot-outline{width:49%;height:65%;border:3px double #7f8c79;transform:rotate(-14deg);position:relative;display:grid;grid-template-columns:3fr 2fr;grid-template-rows:1fr 1fr 1fr;gap:7px;padding:8px}.plan-room{border:1px solid #87947f;position:relative}.plan-room:after{content:'';position:absolute;width:23px;height:23px;border-left:1px solid #87947f;border-bottom:1px solid #87947f;border-radius:0 0 0 100%;bottom:-1px;right:5px;background:#e4e7de}.r1{grid-row:1/3}.r5{background:repeating-linear-gradient(0deg,transparent,transparent 6px,#87947f 7px,transparent 8px)}.plan-label{font-size:8px;letter-spacing:.16em;position:absolute;right:22px;top:25px;color:#56634e;writing-mode:vertical-rl}.card-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px}.card-title h3{font-size:35px}.card-title>span{font-size:34px;align-self:flex-start;font-weight:300}.service-card>p{max-width:390px;font-size:14px;margin-top:18px}.underlined{display:inline-block;border-bottom:1px solid var(--line);margin-top:25px;font-size:12px;padding-bottom:4px}.project-preview{background:var(--wash);padding:85px 0}.project-lines{border-top:1px solid #c5cabc}.project-lines>a{display:grid;grid-template-columns:1fr 1.75fr 1.35fr 24px;gap:25px;align-items:center;border-bottom:1px solid #c5cabc;padding:35px 0}.project-lines>a>span:first-child{font-size:9px;letter-spacing:.08em}.project-lines>a>span:nth-last-child(2){font-size:11px;color:var(--muted)}.project-lines h3{font-size:24px}.project-lines>a>span:last-child{font-size:24px}.project-lines>a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}.process{padding-top:105px;padding-bottom:105px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}.steps article,.scope-grid article{border-top:1px solid var(--line);padding-top:18px}.number{font-size:10px;letter-spacing:.1em;color:var(--accent);display:block;margin-bottom:45px}.steps h3{font-size:24px;margin-bottom:17px}.steps p,.scope-grid p{font-size:14px}.material-story{display:grid;grid-template-columns:1.25fr 1fr;gap:9%;align-items:center;padding-bottom:110px}.material-story img{width:100%;height:520px;object-fit:cover;object-position:30% 50%}.material-story h2{margin-top:25px;margin-bottom:25px}.material-story .text-link{margin-top:26px}.material-story p:not(.eyebrow){font-size:15px;max-width:380px}.cta{border-top:1px solid var(--line);padding-top:55px;padding-bottom:70px}.cta>div{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-top:30px}.cta h2{font-size:clamp(40px,5.4vw,80px)}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:18px 24px;font-size:13px;line-height:1.5;transition:background .2s}.button>span{font-size:21px}.button:hover{background:#485045}.site-footer{background:#e8eae2;border-top:1px solid #d1d5c9;padding-top:60px}.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:50px;padding-bottom:55px}.footer-brand{font-size:32px;letter-spacing:-.04em;line-height:1;display:inline-block}.footer-brand>span{display:block;font-size:9px;letter-spacing:.07em;margin-top:7px}.footer-main>div>p{font-size:13px;margin-top:24px}.footer-main h2{font-family:var(--sans);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px}.footer-link{display:block;font-size:12px;margin-top:9px}.footer-link span{display:none}.footer-link:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #cfd4c5;padding-block:20px;font-size:9px;color:var(--muted);gap:20px}.page-intro{padding-top:65px;padding-bottom:60px}.page-intro h1{font-size:clamp(48px,5.8vw,88px)}.page-intro .intro-grid{grid-template-columns:1.6fr 1fr;gap:6%}.page-intro .lede{max-width:390px;margin-left:auto;padding-bottom:5px}.wide-photo img{width:100%;height:500px;object-fit:cover;object-position:50% 55%}.editorial{padding-top:100px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1fr;gap:9%}.editorial h2{margin-top:24px}.editorial p+p{margin-top:22px}.editorial .large-copy{font-size:24px;line-height:1.45;letter-spacing:-.03em;color:var(--ink)}.editorial p{font-size:15px}.scope{padding-bottom:15px}.scope>.eyebrow{margin-bottom:30px}.scope-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.scope-grid.three{grid-template-columns:repeat(3,1fr)}.scope-grid h3{margin-bottom:18px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:9%;padding-top:35px;padding-bottom:105px}.faq h2{margin-top:24px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:30px;cursor:pointer;font-size:16px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:20px}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{margin-top:18px;font-size:14px;max-width:620px}.collab-feature{display:grid;grid-template-columns:.75fr 1.25fr;background:var(--wash)}.collab-statement{padding:55px}.collab-statement h2{margin-top:35px;font-size:clamp(45px,5vw,73px)}.collab-feature img{width:100%;height:560px;object-fit:cover;object-position:58% 50%}.collab-feature+.editorial+.scope{padding-bottom:70px}.values{padding-bottom:95px}.values>.eyebrow{margin-bottom:30px}.archive{padding-bottom:95px}.filters{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:25px}.filters button{background:transparent;border:1px solid var(--line);padding:9px 16px;font-size:12px}.filters button[aria-pressed=true]{color:var(--paper);background:var(--ink);border-color:var(--ink)}.results-count{font-size:11px;margin-block:24px}.project-row{display:grid;grid-template-columns:50px 1.8fr 1fr;gap:30px;border-top:1px solid var(--line);padding:32px 0}.project-row[hidden]{display:none}.project-number{font-size:11px;color:var(--accent);padding-top:4px}.project-row h2{font-size:29px;margin-top:10px;line-height:1.15}.project-row>div>p:last-child{font-size:13px;margin-top:12px}.project-row dl{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.project-row dt{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.project-row dd{font-size:12px}.archive-note{font-size:11px;max-width:720px;padding-top:30px;border-top:1px solid var(--line)}.contact-layout,.calculator-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:25px;padding-bottom:110px}.contact-info{border-top:1px solid var(--line);padding-top:30px}.contact-phone{display:block;font-size:32px;letter-spacing:-.04em;margin-top:25px;margin-bottom:27px}.contact-info>p{font-size:15px}.contact-region{margin-top:60px}.contact-region p{margin-top:15px;font-size:14px}.contact-info>.small-note{font-size:12px;margin-top:60px}.enquiry-form{background:var(--wash);padding:35px}.enquiry-form h2,.calculator h2{font-size:30px}.enquiry-form>p{font-size:13px;margin-top:16px;margin-bottom:28px}label{display:block;font-size:11px;margin-top:22px;letter-spacing:.015em}input,select,textarea{display:block;border:0;border-bottom:1px solid #afb6a8;border-radius:0;width:100%;padding:12px 0;background:transparent;color:var(--ink);font-size:15px;line-height:1.4}textarea{resize:vertical}select{padding-right:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.enquiry-form .button{width:100%;margin-top:30px}.enquiry-form .form-note,.form-note{font-size:11px;margin-top:12px;line-height:1.65}.form-note a{text-decoration:underline}.calculator-layout{background:var(--wash);padding:50px;gap:12%;margin-bottom:100px}.calculator .button{margin-top:30px;width:100%}.calculator-result{padding-top:6px}.calculator-result output{display:block;font-size:80px;letter-spacing:-.06em;line-height:1.2;margin-top:30px;overflow-wrap:anywhere}.calculator-result output small{font-size:30px;letter-spacing:0}.calculator-result>p{font-size:14px;margin-top:18px}.calculator-result hr{border:0;border-top:1px solid #c4cbbc;margin:35px 0}.calculator-result h3{font-size:25px}.calculator-result>.small-note{font-size:12px}.calculator-result .text-link{margin-top:28px}.legacy-content{padding-block:60px}.legacy-content h1{margin-bottom:30px}.legacy-content p{margin-bottom:20px}.legacy-content img{height:auto}
@media(min-width:1600px){.hero-aside{margin-right:40px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}#primary-nav{gap:20px;font-size:11px}.brand img{width:130px;height:65px}.intro-grid{grid-template-columns:1.6fr 1fr;gap:5%}.hero-aside p,.lede{font-size:14px}.service-photo,.plan-art{height:300px}.project-lines>a{grid-template-columns:1fr 1.6fr 1.2fr 20px;gap:20px}.project-lines h3{font-size:22px}.steps,.scope-grid{gap:22px}.project-row{grid-template-columns:28px 1.6fr 1fr;gap:20px}.project-row dl{grid-template-columns:1fr;gap:12px}.contact-layout{gap:6%}.contact-phone{font-size:28px}.enquiry-form{padding:28px}}
@media(max-width:850px){html{scroll-padding-top:85px}.header-inner{height:75px}.brand img{width:133px;height:66px}.menu-toggle{display:flex;align-items:center;gap:15px;background:none;padding:12px 0 12px 15px;font-size:12px}.menu-toggle i{width:23px;height:10px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:block}.menu-toggle[aria-expanded=true] i{height:0;border-bottom:0;transform:rotate(45deg)}#primary-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:24px 32px 34px;max-height:calc(100dvh - 110px);overflow:auto;flex-direction:column;align-items:stretch;gap:0}#primary-nav.is-open{display:flex}.nav-link{font-size:24px;border-bottom:1px solid var(--line);padding:16px 0}.nav-link span{display:block;font-size:20px}.nav-link{display:flex;justify-content:space-between}.nav-contact{margin-top:24px;justify-content:space-between;font-size:14px}.intro-story{gap:7%;grid-template-columns:1fr 2fr}.intro-story h2{font-size:36px}.section-heading.split>h2{width:60%}.project-lines>a{grid-template-columns:1fr 2fr 24px}.project-lines>a>span:nth-last-child(2){display:none}.steps,.scope-grid{grid-template-columns:1fr 1fr;row-gap:40px}.number{margin-bottom:28px}.material-story{gap:6%}.material-story img{height:430px}.page-intro .intro-grid{grid-template-columns:1fr;gap:25px}.page-intro .lede{margin-left:0;max-width:510px}.wide-photo img{height:420px}.collab-statement{padding:30px}.collab-feature img{height:480px}.editorial{gap:7%}.faq{grid-template-columns:1fr 1.5fr;gap:6%}.scope-grid.three{gap:22px}.contact-layout,.calculator-layout{grid-template-columns:1fr;gap:50px}.contact-info{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.contact-info>.eyebrow,.contact-phone{grid-column:1/-1}.contact-region{margin-top:0}.contact-info>.small-note{margin-top:25px}.enquiry-form{padding:38px}.calculator-layout{padding:40px}.calculator-result{border-top:1px solid var(--line);padding-top:30px}.calculator-result output{font-size:75px}.footer-main{gap:30px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.header-inner{height:72px}.brand img{width:124px;height:62px}.admin-bar .site-header{top:0}.home-intro{padding-top:32px;padding-bottom:30px}.home-intro h1{font-size:55px;letter-spacing:-.055em}.intro-grid{grid-template-columns:1fr;margin-top:20px;gap:24px}.hero-aside{margin:0;max-width:100%;padding:0;display:grid;grid-template-columns:1fr;gap:0}.hero-aside p{font-size:13px;line-height:1.65;max-width:300px}.hero-aside .text-link{margin-top:17px;justify-self:start;font-size:12px;gap:32px;padding-bottom:4px}.hero-image>img{height:340px;object-position:56% 50%}.hero-image figcaption{font-size:7px;letter-spacing:.08em;padding:11px 0}.intro-story{grid-template-columns:1fr;padding-top:65px;padding-bottom:65px;gap:35px}.intro-story>div:first-child{display:grid;grid-template-columns:1fr 1fr;align-items:center}.intro-story>div:first-child>.eyebrow{grid-column:1/-1;margin-bottom:16px}.experience{font-size:76px;line-height:1}.experience>span{font-size:43px;top:6px}.intro-story>div:first-child>p:last-child{font-size:11px}.intro-story h2{font-size:33px;line-height:1.15;margin-bottom:22px}.intro-story>div:last-child>p{font-size:14px}.services{padding-top:32px;padding-bottom:65px}.section-heading.split{display:block}.section-heading.split>h2{width:auto;margin-top:22px}.section-heading{margin-bottom:28px}.section-heading.split .text-link{margin-top:25px}.service-grid{grid-template-columns:1fr;gap:42px}.service-photo,.plan-art{height:290px}.card-title{margin-top:20px}.card-title h3{font-size:32px}.service-card>p{font-size:13px;margin-top:14px}.underlined{margin-top:18px}.project-preview{padding:55px 0}.project-lines>a{grid-template-columns:1fr 24px;padding:25px 0;row-gap:13px}.project-lines>a>span:first-child{grid-column:1/-1;font-size:8px}.project-lines h3{font-size:24px}.project-lines>a>span:last-child{grid-column:2;grid-row:2}.process{padding-top:65px;padding-bottom:65px}.process h2{font-size:33px}.steps{grid-template-columns:1fr 1fr;gap:32px 20px;margin-top:30px}.steps h3{font-size:23px;line-height:1.15;min-height:53px;letter-spacing:-.035em}.steps p{font-size:12px;line-height:1.65}.number{margin-bottom:23px}.material-story{grid-template-columns:1fr;gap:30px;padding-bottom:65px}.material-story img{height:340px}.material-story h2{font-size:38px}.material-story p:not(.eyebrow){font-size:14px}.cta{padding-top:32px;padding-bottom:45px}.cta>div{align-items:flex-start;flex-direction:column;gap:28px;margin-top:20px}.cta h2{font-size:43px}.button{padding:16px 20px;font-size:12px}.site-footer{padding-top:38px}.footer-main{grid-template-columns:1fr 1fr;gap:35px 25px;padding-bottom:35px}.footer-main>div:first-child{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{font-size:28px}.footer-brand>span{font-size:8px}.footer-main>div:first-child>p{margin:0;font-size:11px}.footer-main h2{font-size:9px;margin-bottom:18px}.footer-link{font-size:11px}.footer-main>div>p{font-size:11px}.footer-bottom{flex-direction:column;gap:8px;font-size:8px;padding:18px 0}.page-intro{padding-top:38px;padding-bottom:34px}.page-intro h1{font-size:46px;line-height:1.09}.page-intro .intro-grid{gap:24px}.page-intro .lede{font-size:14px}.wide-photo img{height:330px;object-position:57% 50%}.editorial{grid-template-columns:1fr;gap:30px;padding-top:55px;padding-bottom:55px}.editorial h2{font-size:34px;margin-top:20px}.editorial .large-copy{font-size:22px}.editorial p{font-size:14px}.scope-grid{gap:30px 22px}.scope-grid h3{font-size:23px}.scope-grid p{font-size:12px}.faq{grid-template-columns:1fr;gap:30px;padding-top:15px;padding-bottom:60px}.faq summary{font-size:15px}.faq details p{font-size:13px}.collab-feature{grid-template-columns:1fr}.collab-statement{padding:30px}.collab-statement h2{font-size:46px;margin-top:22px;line-height:1.05}.collab-feature img{height:330px}.scope-grid.three{grid-template-columns:1fr;gap:28px}.scope-grid.three article{display:grid;grid-template-columns:30px 1fr;gap:12px 15px}.scope-grid.three article>.number{grid-row:1/3;margin:0}.scope-grid.three article>h3{margin:0}.scope-grid.three article>p{grid-column:2}.values{padding-bottom:55px}.project-row{grid-template-columns:24px 1fr;gap:17px;padding:26px 0}.project-row h2{font-size:25px;line-height:1.2}.project-row dl{grid-column:2;grid-template-columns:1fr 1fr;gap:18px}.project-row dd{font-size:11px}.project-row dt{font-size:8px}.project-row .eyebrow{font-size:8px}.project-row>div>p:last-child{font-size:12px}.filters{gap:7px;padding-bottom:20px}.filters button{font-size:10px;padding:8px 11px}.archive{padding-bottom:55px}.archive-note{font-size:10px}.contact-layout{padding-top:0;padding-bottom:60px;gap:35px}.contact-info{grid-template-columns:1fr;gap:0}.contact-phone{font-size:29px}.contact-info>p{font-size:14px}.contact-region{margin-top:30px}.contact-info>.small-note{margin-top:30px}.enquiry-form{padding:26px 22px}.enquiry-form h2{font-size:27px}.enquiry-form>p{font-size:12px}.form-grid{grid-template-columns:1fr;gap:0}.calculator-layout{padding:27px 23px;margin-bottom:55px;gap:35px}.calculator-result output{font-size:67px}.calculator-result>p{font-size:13px}.legacy-content h1{font-size:42px}}
/* Visual edition: quiet cinematic motion, native controls, and image-led pages. */
.home-intro{padding-top:34px;padding-bottom:30px}.home-intro h1{font-size:clamp(52px,5.8vw,88px)}.home-intro .intro-grid{margin-top:17px}.intro-story{padding-top:70px;padding-bottom:70px}.services{padding-bottom:75px}.editorial{padding-top:65px;padding-bottom:65px}.page-intro{padding-top:42px;padding-bottom:38px}.page-intro h1{font-size:clamp(46px,5.1vw,76px)}.visual-carousel{margin-bottom:30px}.visual-stage{position:relative;overflow:hidden;height:clamp(390px,46vw,660px);touch-action:pan-y;background:#d8dbd1}.visual-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s;isolation:isolate}.visual-slide.is-active{opacity:1;visibility:visible;z-index:1}.visual-slide>img{width:100%;height:100%;object-fit:cover;object-position:center 55%;transform:scale(1.015);transition:transform 8s linear}.visual-slide.is-active>img{transform:scale(1.055)}.visual-slide:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(17,27,20,.72));pointer-events:none}.visual-slide figcaption{position:absolute;left:35px;bottom:35px;z-index:2;color:#fff;padding-right:220px}.slide-kicker{font-size:9px;letter-spacing:.17em;display:block;margin-bottom:13px;opacity:.85}.visual-slide h2{font-size:clamp(34px,3.8vw,56px);line-height:1.1;letter-spacing:-.04em}.visual-slide p{color:#ffffffe0;margin-top:13px;font-size:13px}.concept-tag{position:absolute;left:25px;top:24px;z-index:3;color:#fff;background:#25332880;backdrop-filter:blur(10px);border:1px solid #ffffff40;font-size:9px;letter-spacing:.06em;padding:6px 10px}.carousel-controls{position:absolute;right:28px;bottom:35px;z-index:4;display:flex;gap:8px}.carousel-controls button{width:43px;height:43px;border:1px solid #ffffff90;color:white;background:#ffffff0d;backdrop-filter:blur(8px);font-size:20px;display:grid;place-items:center;transition:background .25s}.carousel-controls button:hover{background:#ffffff36}.carousel-controls button:focus-visible{outline-color:white}.carousel-pause{font-size:16px!important;margin-right:10px}.carousel-bottom{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;gap:20px;font-size:9px;letter-spacing:.12em;color:var(--muted)}.carousel-count{min-width:60px;font-variant-numeric:tabular-nums}.slide-dots{display:flex;gap:4px;align-items:center}.slide-dot{position:relative;width:42px;height:28px;padding:0;background:none}.slide-dot:after{content:'';height:2px;background:#bfc6b7;position:absolute;inset:13px 3px auto;transition:background .3s}.slide-dot.is-active:after{background:var(--ink)}.inspiration{padding-block:75px}.gallery-note{font-size:12px;max-width:290px}.inspiration-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.inspiration-card{display:block;overflow:hidden}.inspiration-card>img{height:340px;width:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.inspiration-card:hover>img{transform:scale(1.025)}.inspiration-card>div{padding:18px 0 10px}.inspiration-card>div>span{font-size:8px;letter-spacing:.12em;color:var(--accent)}.inspiration-card h3{font-size:25px;margin-top:11px;display:flex;align-items:center;justify-content:space-between;gap:16px;line-height:1.15}.inspiration-card b{font-size:25px;font-weight:400}.visual-band{position:relative;margin-top:35px;margin-bottom:45px;overflow:hidden}.visual-band>img{height:470px;width:100%;object-fit:cover;object-position:center 60%}.visual-band:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#14241baa);pointer-events:none}.visual-band figcaption{position:absolute;left:32px;right:32px;bottom:28px;color:#fff;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.visual-band figcaption>span{font-size:clamp(26px,3vw,44px);line-height:1.15;letter-spacing:-.035em;max-width:560px}.visual-band figcaption>small{font-size:9px;white-space:nowrap}.visual-carousel+.archive{padding-top:35px}.project-details summary{font-size:12px;display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;border-bottom:1px solid var(--line);padding-bottom:12px}.project-details summary::-webkit-details-marker{display:none}.project-details[open] summary>span{transform:rotate(45deg)}.project-details>dl{margin-top:20px}.project-row{padding-block:25px}.project-row h2{font-size:26px}.contact-visual{margin-bottom:30px;grid-column:1/-1;position:relative}.contact-visual>img{width:100%;height:300px;object-fit:cover}.contact-visual figcaption{font-size:9px;padding-top:7px}.contact-info{padding-top:0;border-top:0}.contact-region{margin-top:35px}.footer-brand img{width:180px;height:90px;object-fit:contain;margin-left:-15px;mix-blend-mode:multiply}.will-reveal{opacity:.2;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.will-reveal.has-entered{opacity:1;transform:translateY(0)}.inspiration-card:nth-child(2){transition-delay:.08s}.inspiration-card:nth-child(3){transition-delay:.16s}
@media(max-width:850px){.visual-stage{height:470px}.visual-slide figcaption{left:25px;bottom:30px;padding-right:165px}.visual-slide p{font-size:12px}.carousel-controls{right:22px;bottom:30px;gap:6px}.carousel-controls button{width:36px;height:40px}.carousel-pause{margin-right:3px}.inspiration-grid{gap:16px}.inspiration-card>img{height:250px}.inspiration-card h3{font-size:22px}.visual-band>img{height:400px}.contact-visual>img{height:380px}}
@media(max-width:600px){.home-intro{padding-top:25px;padding-bottom:24px}.home-intro h1{font-size:46px}.hero-aside p{font-size:12px}.home-intro .intro-grid{gap:18px}.hero-aside .text-link{margin-top:12px}.visual-stage{height:430px}.visual-slide>img{object-position:54% 50%}.visual-slide figcaption{left:20px;right:20px;bottom:85px;padding:0}.visual-slide h2{font-size:34px}.visual-slide p{font-size:11px;line-height:1.5;max-width:250px;margin-top:10px}.slide-kicker{font-size:8px;margin-bottom:10px}.concept-tag{left:15px;top:15px;font-size:8px;padding:5px 8px}.carousel-controls{left:20px;right:auto;bottom:22px}.carousel-controls button{width:42px;height:40px}.carousel-pause{margin-right:12px}.carousel-bottom{gap:10px;font-size:8px;padding:5px 0}.carousel-bottom>span:last-child{max-width:105px;font-size:7px;text-align:right;line-height:1.5}.slide-dot{width:30px}.visual-carousel{margin-bottom:15px}.intro-story{padding-top:45px;padding-bottom:45px}.services{padding-bottom:50px}.inspiration{padding-block:48px}.gallery-note{margin-top:20px;font-size:11px}.inspiration-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:14px;scrollbar-width:thin;scrollbar-color:#adb7a3 transparent}.inspiration-card{flex:0 0 85%;scroll-snap-align:start}.inspiration-card>img{height:320px}.inspiration-card h3{font-size:26px}.inspiration-card>div>span{font-size:8px}.visual-band{margin-top:25px;margin-bottom:30px}.visual-band>img{height:360px}.visual-band figcaption{left:20px;right:20px;bottom:20px;display:block}.visual-band figcaption>span{display:block;font-size:30px}.visual-band figcaption>small{display:block;font-size:8px;margin-top:13px}.editorial{padding-top:45px;padding-bottom:45px}.page-intro{padding-top:30px;padding-bottom:28px}.page-intro h1{font-size:43px}.project-details{grid-column:2}.contact-visual>img{height:290px}.footer-brand img{width:150px;height:75px;margin-left:-12px}.contact-phone{font-size:27px}.visual-carousel+.archive{padding-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.visual-slide>img,.visual-slide.is-active>img{transform:none}.will-reveal{opacity:1;transform:none}}