@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Syne:wght@500;600;700;800&display=swap');

:root{
  --black:#101010;
  --black-2:#1a1a1a;
  --paper:#f2f0ea;
  --white:#ffffff;
  --concrete:#d1cec5;
  --orange:#e85c2f;
  --orange-dark:#bd3e18;
  --grey:#747474;
  --line:#c8c4ba;
  --shadow:0 26px 70px rgba(0,0,0,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--black);font-family:"Inter",sans-serif}
h1,h2,h3,h4,h5,h6{font-family:"Syne",sans-serif;letter-spacing:-.055em}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
.skip-link{position:fixed;top:-5rem;left:1rem;z-index:3000;background:#fff;color:#111;padding:.8rem 1rem}.skip-link:focus{top:1rem}

.site-header{position:sticky;top:0;z-index:1100;background:var(--black);border-bottom:1px solid #303030}
.navbar{min-height:82px}
.navbar-brand{display:flex;align-items:center;gap:.8rem;color:#fff}
.brand-block{width:48px;height:48px;display:grid;place-items:center;background:var(--orange);font-family:"Syne";font-weight:800}
.brand-text{display:flex;flex-direction:column}.brand-text strong{font-size:.86rem;letter-spacing:.12em}.brand-text small{font-size:.65rem;color:#9b9b9b}
.nav-link{display:flex;align-items:center;gap:.35rem;color:#d8d8d8;font-size:.73rem;font-weight:600;padding:.8rem .72rem!important}.nav-link span{font-size:.55rem;color:#747474}.nav-link:hover,.nav-link.active{color:var(--orange)}
.nav-actions{display:flex;gap:.55rem}.navbar-toggler{font-size:1.8rem;color:#fff}.offcanvas{z-index:1200!important;background:var(--black);color:#fff}.offcanvas-backdrop{z-index:1150!important}.offcanvas-title{font-family:"Syne";font-weight:700}

.btn{border-radius:0;padding:.85rem 1.15rem;font-weight:700;transition:.22s ease}
.btn-orange{background:var(--orange);border:1px solid var(--orange);color:#fff}.btn-orange:hover{background:var(--orange-dark);border-color:var(--orange-dark);color:#fff;transform:translateY(-2px)}
.btn-outline-lightbox{background:transparent;border:1px solid #707070;color:#fff}.btn-outline-lightbox:hover{background:#fff;color:#111}
.btn-black-square{background:#111;border:1px solid #111;color:#fff}.btn-black-square:hover{background:#2d2d2d;color:#fff;transform:translateY(-2px)}
.btn-white-square{background:#fff;border:1px solid #fff;color:#111}.btn-white-square:hover{background:var(--orange);border-color:var(--orange);color:#fff}

.section-space{padding:7rem 0}.eyebrow{display:inline-block;font-size:.64rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--orange);margin-bottom:1rem}.eyebrow.light{color:#ff9878}
.section-heading{display:flex;justify-content:space-between;gap:3rem;align-items:end}.section-heading h2{font-size:clamp(3.2rem,5.8vw,6rem);line-height:.92;max-width:950px}.section-heading>p{max-width:500px;color:var(--grey);line-height:1.7}.arrow-link{font-weight:700;border-bottom:1px solid #111;padding-bottom:.25rem}

.hero{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;min-height:calc(100vh - 82px);overflow:hidden}
.hero-grid-overlay{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(0,0,0,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.055) 1px,transparent 1px);background-size:80px 80px;z-index:2}
.hero-copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:6vw;background:var(--paper)}
.hero-index{position:absolute;left:1.5rem;top:1.5rem;font-size:.65rem;letter-spacing:.12em}
.hero-copy h1{font-size:clamp(4.8rem,8vw,8.5rem);line-height:.82;text-transform:uppercase}.hero-copy h1 em{font-style:normal;color:var(--orange)}
.hero-copy>p{max-width:650px;color:var(--grey);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}
.hero-image{position:relative;overflow:hidden;background:#222}.hero-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.08)}.image-coordinates{position:absolute;left:1rem;top:1rem;background:#111;color:#fff;padding:.5rem;font-size:.62rem;letter-spacing:.1em}.image-label{position:absolute;right:1rem;bottom:1rem;background:var(--orange);color:#fff;padding:.7rem;font-size:.62rem;letter-spacing:.1em}

.manifesto{display:grid;grid-template-columns:100px 1.2fr .8fr;gap:3rem;padding:6rem 4vw;background:var(--black);color:#fff}.manifesto-number{font-family:"Syne";font-size:4rem;color:#4b4b4b}.manifesto-copy h2{font-size:clamp(3.5rem,6vw,6.5rem);line-height:.92}.manifesto-note{align-self:end}.manifesto-note p{color:#a3a3a3;line-height:1.7}.manifesto-note a{color:var(--orange);font-weight:700}

.project-showcase{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:370px;gap:1rem}.project-tile{position:relative;overflow:hidden;background:#222}.project-tall{grid-row:span 2}.project-wide{grid-column:span 2}.project-tile a{display:block;width:100%;height:100%}.project-tile img{width:100%;height:100%;object-fit:cover;filter:saturate(.7);transition:.45s}.project-tile:hover img{transform:scale(1.04);filter:saturate(1)}.project-tile::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82));pointer-events:none}.project-info{position:absolute;z-index:2;left:1.2rem;right:1.2rem;bottom:1.2rem;color:#fff}.project-info span{font-size:.62rem;letter-spacing:.12em;color:#ff9a78}.project-info h3{font-size:2.1rem;margin:.3rem 0}.project-info p{margin:0;color:#cfcfcf;font-size:.78rem}

.metrics-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--orange);color:#fff}.metrics-strip>div{padding:2rem;border-right:1px solid rgba(255,255,255,.28)}.metrics-strip strong,.metrics-strip span{display:block}.metrics-strip strong{font-family:"Syne";font-size:3rem}.metrics-strip span{font-size:.75rem}

.expertise-home{display:grid;grid-template-columns:.8fr 1.2fr;background:var(--black);color:#fff}.expertise-intro{padding:6vw}.expertise-intro h2{font-size:clamp(3.5rem,6vw,6rem)}.expertise-intro p{color:#9b9b9b}.expertise-list{border-top:1px solid #333}.expertise-list a{display:grid;grid-template-columns:70px 1fr 50px;align-items:center;padding:1.5rem;border-bottom:1px solid #333;transition:.22s}.expertise-list a:hover{background:var(--orange);padding-left:2rem}.expertise-list span{color:#777}.expertise-list h3{font-size:1.9rem;margin:0}

.material-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.material-preview{position:relative;min-height:600px;overflow:hidden;border:1px solid var(--line)}.material-surface{position:absolute;inset:0;opacity:0;transition:.35s ease}.material-surface.active{opacity:1}.surface-concrete{background:linear-gradient(135deg,#c7c5c0,#e1dfd8 48%,#a8a6a0)}.surface-wood{background:repeating-linear-gradient(90deg,#9a673e 0 30px,#a87348 30px 60px,#7c4e2e 60px 90px)}.surface-metal{background:linear-gradient(120deg,#111,#4b4b4b 45%,#161616)}.surface-stone{background:radial-gradient(circle at 30% 20%,#f0eee7,transparent 18%),linear-gradient(135deg,#d9d4c9,#b7b0a3)}.material-preview>span{position:absolute;left:1.3rem;bottom:1.3rem;background:#111;color:#fff;padding:.8rem 1rem;font-family:"Syne";font-size:1.4rem}
.material-selector{display:grid}.material-selector button{display:grid;grid-template-columns:70px 1fr;gap:.25rem 1rem;align-items:center;border:1px solid var(--line);border-bottom:0;background:transparent;padding:1.2rem;text-align:left}.material-selector button:last-child{border-bottom:1px solid var(--line)}.material-selector button.active{background:#111;color:#fff}.material-selector .swatch{grid-row:span 2;width:58px;height:58px}.swatch-concrete{background:#bbb9b2}.swatch-wood{background:#9b633b}.swatch-metal{background:#1b1b1b}.swatch-stone{background:#ded9cf}.material-selector small{color:var(--grey)}

.process-teaser{display:grid;grid-template-columns:1fr 1fr;background:var(--orange);color:#fff}.process-image img{width:100%;height:100%;min-height:720px;object-fit:cover;filter:grayscale(100%)}.process-copy{padding:6vw}.process-copy h2{font-size:clamp(3.8rem,6vw,6rem)}.process-mini-list{margin:2rem 0;border-top:1px solid rgba(255,255,255,.3)}.process-mini-list>div{display:grid;grid-template-columns:55px 1fr;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.3)}.process-mini-list p{margin:0}

.testimonial{background:var(--concrete)}.quote-index{font-size:.65rem;letter-spacing:.12em}.testimonial blockquote{font-family:"Syne";font-size:clamp(2.8rem,5vw,5.4rem);line-height:1.04;margin:3rem 0}.testimonial footer{color:var(--grey)}

.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.journal-grid article{border-top:1px solid #111;padding-top:1rem}.journal-grid img{width:100%;height:330px;object-fit:cover;filter:grayscale(100%);transition:.35s}.journal-grid article:hover img{filter:grayscale(0)}.journal-grid span{display:block;margin-top:1rem;font-size:.62rem;color:var(--orange);letter-spacing:.1em}.journal-grid h3{font-size:1.8rem}.journal-grid a{font-weight:700}

.final-cta{display:flex;justify-content:space-between;align-items:end;gap:3rem;padding:6rem 4vw;background:var(--black);color:#fff}.final-cta h2{font-size:clamp(3.5rem,6vw,6.5rem);max-width:950px}.final-cta p{color:#999;max-width:650px}

.page-hero{display:grid;grid-template-columns:130px 1.2fr .8fr;gap:3rem;align-items:end;padding:6rem 4vw;background:var(--concrete)}.page-number{font-family:"Syne";font-size:5rem;color:#a2a099}.page-hero h1{font-size:clamp(4rem,7vw,7rem);line-height:.92}.page-hero>p{color:var(--grey);line-height:1.7}.dark-page-hero{background:var(--black);color:#fff}.dark-page-hero>p{color:#999}

.project-toolbar{display:flex;justify-content:space-between;gap:2rem;align-items:center}.project-filters{display:flex;flex-wrap:wrap}.project-filters button{border:1px solid #111;background:transparent;padding:.75rem 1rem}.project-filters button.active{background:#111;color:#fff}.project-toolbar>span{color:var(--grey)}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:400px;gap:1rem}.portfolio-card{overflow:hidden}.portfolio-tall{grid-row:span 2}.portfolio-wide{grid-column:span 2}.portfolio-card>button{position:relative;width:100%;height:100%;padding:0;border:0;background:#222;text-align:left}.portfolio-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:.4s}.portfolio-card:hover img{transform:scale(1.04);filter:saturate(1)}.portfolio-card button::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.86))}.portfolio-card button>div{position:absolute;z-index:2;left:1rem;right:1rem;bottom:1rem;color:#fff}.portfolio-card span{font-size:.6rem;color:#ff9b78}.portfolio-card h2{font-size:2rem;margin:.3rem 0}.portfolio-card p{font-size:.75rem;color:#ccc}
.empty-projects{text-align:center;padding:5rem}

.project-detail-head{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:5rem 4vw 3rem}.project-detail-title h1{font-size:clamp(4.5rem,8vw,8rem)}.project-detail-meta{display:grid;grid-template-columns:1fr 1fr;align-self:end}.project-detail-meta>div{padding:1rem;border-top:1px solid var(--line)}.project-detail-meta span,.project-detail-meta strong{display:block}.project-detail-meta span{font-size:.62rem;color:var(--grey);text-transform:uppercase}.project-cover{position:relative;height:78vh}.project-cover img{width:100%;height:100%;object-fit:cover}.project-cover-label{position:absolute;left:1rem;bottom:1rem;background:#111;color:#fff;padding:.7rem;font-size:.62rem}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem}.story-grid h2{font-size:clamp(3.5rem,6vw,6rem)}.story-grid p{color:var(--grey);font-size:1.08rem;line-height:1.8}
.project-gallery-detail{display:grid;grid-template-columns:1.2fr .8fr .8fr;height:650px}.project-gallery-detail img{width:100%;height:100%;object-fit:cover}
.challenge-section{padding:6rem 4vw;background:var(--black);color:#fff}.challenge-index{color:#777;font-size:.65rem;letter-spacing:.1em}.challenge-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:3rem;border-left:1px solid #333;border-top:1px solid #333}.challenge-grid article{padding:1.5rem;border-right:1px solid #333;border-bottom:1px solid #333}.challenge-grid span{color:var(--orange)}.challenge-grid p{color:#999}
.plan-tabs{display:flex}.plan-tabs button{border:1px solid #111;background:transparent;padding:.75rem 1rem}.plan-tabs button.active{background:#111;color:#fff}.plan-panel{position:relative;display:none;height:600px;margin-top:1rem;border:2px solid #111;background:#fff}.plan-panel.active{display:block}.plan{position:absolute;display:grid;place-items:center;border:1px solid #111;background:#e6e3dc}.room-a{left:3%;top:5%;width:42%;height:45%}.room-b{left:47%;top:5%;width:23%;height:45%}.room-c{left:72%;top:5%;width:25%;height:25%}.room-d{left:3%;top:52%;width:35%;height:43%}.plan-circulation{position:absolute;left:40%;top:52%;width:57%;height:43%;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#eee 0 10px,#ddd 10px 20px)}.room-large{left:3%;top:5%;width:60%;height:55%}.room-kitchen{left:65%;top:5%;width:32%;height:35%}.room-suite{left:65%;top:42%;width:32%;height:53%}.room-extension{left:3%;top:62%;width:60%;height:33%;background:#ffd3c4}.section-panel{background:linear-gradient(#d9e3e8 0 55%,#c7b89f 55%)}.ground-line{position:absolute;left:0;right:0;bottom:35%;height:3px;background:#111}.roof-line{position:absolute;left:10%;right:10%;top:20%;height:5px;background:#111;transform:skewY(-4deg)}.section-volume{position:absolute;bottom:35%;display:grid;place-items:center;border:2px solid #111}.volume-old{left:12%;width:42%;height:38%;background:#ddd}.volume-new{left:54%;width:34%;height:25%;background:#ffb9a2}
.materials-project{display:grid;grid-template-columns:1.3fr repeat(3,.45fr);min-height:520px}.materials-project-copy{padding:5vw;background:var(--orange);color:#fff}.materials-project-copy h2{font-size:4.8rem}.materials-project-copy p{max-width:600px}.material-block{display:flex;align-items:end;padding:1rem}.material-block span{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:700}.concrete-block{background:#c6c4bd}.wood-block{background:#99633e;color:#fff}.steel-block{background:#111;color:#fff}
.project-numbers .container-fluid{display:grid;grid-template-columns:repeat(4,1fr)}.project-numbers .container-fluid>div{padding:2rem;border-top:1px solid #111;border-right:1px solid #111}.project-numbers strong,.project-numbers span{display:block}.project-numbers strong{font-family:"Syne";font-size:2.5rem}.project-numbers span{color:var(--grey)}
.next-project{display:grid;grid-template-columns:200px 1fr 100px;align-items:center;padding:4rem;background:var(--orange);color:#fff}.next-project h2{font-size:4rem}.next-project a{font-size:3rem;text-align:right}

.expertise-page{background:var(--paper)}.expertise-block{display:grid;grid-template-columns:130px 1.2fr .8fr;gap:3rem;padding:5rem 4vw;border-bottom:1px solid var(--line)}.expertise-block.inverse{background:var(--black);color:#fff}.expertise-index{font-family:"Syne";font-size:4rem;color:#aaa}.expertise-block h2{font-size:clamp(3rem,5vw,5.5rem)}.expertise-block p,.expertise-block li{color:var(--grey);line-height:1.7}.inverse p,.inverse li{color:#999}
.matrix{border-top:1px solid #111;border-left:1px solid #111}.matrix>div{display:grid;grid-template-columns:1.4fr repeat(3,1fr)}.matrix>div>*{padding:1rem;border-right:1px solid #111;border-bottom:1px solid #111;text-align:center}.matrix>div>*:first-child{text-align:left}.matrix-head{background:#111;color:#fff}

.process-nav{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #111;border-left:1px solid #111}.process-nav button{display:grid;gap:.5rem;border:0;border-right:1px solid #111;border-bottom:1px solid #111;background:transparent;padding:1rem;text-align:left}.process-nav button.active{background:var(--orange);color:#fff}.process-nav span{font-size:.65rem}
.process-panel{display:none;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;margin-top:4rem}.process-panel.active{display:grid}.process-panel h2{font-size:clamp(3.5rem,6vw,6rem)}.process-panel p,.process-panel li{color:var(--grey);line-height:1.7}.process-panel img{width:100%;height:650px;object-fit:cover;filter:grayscale(100%)}
.budget-estimator{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem;padding:6rem 4vw;background:var(--black);color:#fff}.estimator-intro h2{font-size:5rem}.estimator-intro p{color:#999}.estimator-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.estimator-form label{font-size:.72rem;font-weight:700}.estimator-form select,.estimator-form input{display:block;width:100%;min-height:52px;margin-top:.5rem;border:1px solid #444;background:#1d1d1d;color:#fff;padding:.7rem}.estimator-form label>span{display:block;margin-top:.5rem}.budget-result{grid-column:span 2;padding:2rem;background:var(--orange)}.budget-result span,.budget-result strong,.budget-result small{display:block}.budget-result strong{font-family:"Syne";font-size:3rem}

.studio-hero{display:grid;grid-template-columns:1fr 1fr;min-height:80vh;background:var(--black);color:#fff}.studio-hero>div{display:flex;flex-direction:column;justify-content:center;padding:6vw}.studio-hero h1{font-size:clamp(4rem,7vw,7rem);line-height:.9}.studio-hero p{color:#999}.studio-hero img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.team-grid article{border-top:1px solid #111;padding-top:1rem}.team-shape{height:300px;display:grid;place-items:center;font-family:"Syne";font-size:3rem}.shape-one{background:#e85c2f;color:#fff}.shape-two{background:#1b1b1b;color:#fff}.shape-three{background:#c9c5bb}.shape-four{background:#8a633f;color:#fff}.team-grid span{display:block;margin-top:1rem;font-size:.62rem;color:var(--orange)}.team-grid p{color:var(--grey)}
.studio-values{display:grid;grid-template-columns:repeat(4,1fr);background:var(--orange);color:#fff}.studio-values>div{padding:2rem;border-right:1px solid rgba(255,255,255,.3)}.studio-values span{font-size:.65rem}.studio-values p{color:#ffd5c8}
.data-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #111;border-left:1px solid #111}.data-grid>div{padding:2rem;border-right:1px solid #111;border-bottom:1px solid #111}.data-grid strong,.data-grid span{display:block}.data-grid strong{font-family:"Syne";font-size:3rem}.data-grid span{color:var(--grey)}

.featured-journal{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center}.featured-journal img{width:100%;height:650px;object-fit:cover;filter:grayscale(100%)}.featured-journal h2{font-size:clamp(3.5rem,6vw,6rem)}.featured-journal p{color:var(--grey)}
.journal-page .journal-grid{grid-template-columns:repeat(3,1fr)}

.contact-page{display:grid;grid-template-columns:.9fr 1.1fr;min-height:calc(100vh - 82px)}.contact-intro{position:relative;padding:6vw;background:var(--black);color:#fff}.contact-coordinate{position:absolute;right:1.5rem;top:1.5rem;font-size:.62rem;color:#777}.contact-intro h1{font-size:clamp(4rem,7vw,7rem);line-height:.9}.contact-intro>p{color:#999;line-height:1.7}.contact-details{margin-top:3rem;border-top:1px solid #333}.contact-details>div{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid #333}.contact-details span{color:#777}.contact-form-wrap{padding:5vw;background:#fff}.contact-form-wrap h2{font-size:3.5rem}
.form-label{font-size:.7rem;font-weight:700}.form-control,.form-select{border-radius:0;border:1px solid var(--line);min-height:52px;box-shadow:none!important}.form-control:focus,.form-select:focus{border-color:var(--orange)}

.request-page{display:grid;grid-template-columns:.9fr 1.1fr}.request-visual{position:relative;min-height:100vh}.request-visual img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}.request-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.85))}.request-visual>div{position:absolute;z-index:2;left:4vw;right:4vw;bottom:4rem;color:#fff}.request-visual h1{font-size:5.5rem}.request-form-wrap{padding:5vw;background:#fff}.request-form-wrap h2{font-size:3.5rem;margin-bottom:2rem}

.footer{padding:6rem 0 1.5rem;background:var(--black);color:#aaa}.footer-head{display:flex;justify-content:space-between;gap:3rem;align-items:end;padding-bottom:4rem;border-bottom:1px solid #333}.footer-head h2{font-size:clamp(3.5rem,6vw,6rem);color:#fff;max-width:900px}.footer-actions{display:flex;gap:.6rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:3rem;padding:3rem 0}.footer-logo{font-family:"Syne";font-size:1.7rem;color:#fff;font-weight:700}.footer-grid p{color:#777;max-width:360px}.footer h3{font-family:"Inter";font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}.footer li{margin:.55rem 0}.footer a{color:#aaa}.footer a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:2rem;padding-top:1.5rem;border-top:1px solid #333;font-size:.76rem;color:#5f5f5f}

.project-modal{position:fixed;inset:0;z-index:2000;display:none;grid-template-columns:1.2fr .8fr;background:rgba(0,0,0,.94);color:#fff}.project-modal.active{display:grid}.project-modal>img{width:100%;height:100vh;object-fit:cover}.project-modal-copy{display:flex;flex-direction:column;justify-content:center;padding:5vw}.project-modal-copy>span{font-size:.65rem;color:var(--orange);letter-spacing:.12em}.project-modal-copy h2{font-size:4.8rem}.project-modal-copy p{color:#999}.project-modal-close{position:absolute;right:1.5rem;top:1.5rem;width:48px;height:48px;border:1px solid #fff;background:transparent;color:#fff}
.toast-demo{position:fixed;right:1rem;bottom:1rem;z-index:2100;display:none;max-width:390px;padding:1rem 1.2rem;background:var(--orange);color:#fff;box-shadow:var(--shadow)}.toast-demo.active{display:block}

@media(max-width:1199.98px){
  .project-showcase{grid-template-columns:1fr 1fr}.project-tall{grid-row:span 1}.project-wide{grid-column:span 2}
  .portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-wide{grid-column:span 2}
  .team-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:991.98px){
  .site-header{position:sticky}.offcanvas{position:fixed!important;inset:0 0 0 auto;height:100dvh}.offcanvas-body{display:flex;flex-direction:column}.nav-actions{flex-direction:column;margin-top:1.5rem}.nav-actions .btn{width:100%}
  .hero,.expertise-home,.process-teaser,.studio-hero,.contact-page,.request-page{grid-template-columns:1fr}.hero-image{min-height:720px}
  .manifesto{grid-template-columns:80px 1fr}.manifesto-note{grid-column:2}
  .metrics-strip,.challenge-grid,.studio-values{grid-template-columns:1fr 1fr}
  .material-layout,.project-detail-head,.story-grid,.process-panel,.budget-estimator,.featured-journal{grid-template-columns:1fr}
  .project-gallery-detail{grid-template-columns:1fr;height:auto}.project-gallery-detail img{height:500px}
  .materials-project{grid-template-columns:1fr repeat(3,1fr)}.materials-project-copy{grid-column:1/5}
  .expertise-block{grid-template-columns:90px 1fr}.expertise-block ul{grid-column:2}
  .process-nav{grid-template-columns:1fr 1fr 1fr}.process-panel img{height:520px}
  .team-grid{grid-template-columns:1fr 1fr}.footer-head{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}
  .project-modal{grid-template-columns:1fr}.project-modal>img{height:55vh}.project-modal-copy{height:45vh}
}
@media(max-width:767.98px){
  .section-space{padding:5rem 0}.hero-copy h1{font-size:4.2rem}.hero-image{min-height:580px}
  .manifesto{grid-template-columns:1fr}.manifesto-note{grid-column:auto}.manifesto-number{font-size:3rem}
  .project-showcase,.portfolio-grid{grid-template-columns:1fr;grid-auto-rows:420px}.project-wide{grid-column:auto}
  .metrics-strip,.challenge-grid,.studio-values,.project-numbers .container-fluid,.team-grid,.data-grid{grid-template-columns:1fr}
  .expertise-list h3{font-size:1.45rem}
  .material-preview{min-height:450px}
  .journal-grid,.journal-page .journal-grid{grid-template-columns:1fr}
  .page-hero{grid-template-columns:1fr}.page-number{font-size:3rem}
  .project-toolbar{align-items:flex-start;flex-direction:column}
  .project-detail-meta{grid-template-columns:1fr}.project-cover{height:60vh}
  .plan-panel{height:450px}.materials-project{grid-template-columns:1fr}.materials-project-copy{grid-column:auto}.material-block{min-height:180px}
  .next-project{grid-template-columns:1fr}.next-project a{text-align:left}
  .expertise-block{grid-template-columns:1fr}.expertise-block ul{grid-column:auto}
  .matrix{overflow-x:auto}.matrix>div{min-width:720px}
  .process-nav{grid-template-columns:1fr 1fr}.estimator-form{grid-template-columns:1fr}.budget-result{grid-column:auto}
  .footer-actions{flex-direction:column;width:100%}.footer-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}
  .project-modal-copy h2{font-size:3rem}
}
@media(max-width:520px){
  .brand-text small{display:none}.hero-copy{padding:4rem 1.2rem}.hero-copy h1{font-size:3.6rem}
  .project-showcase,.portfolio-grid{grid-auto-rows:360px}
  .manifesto-copy h2,.section-heading h2{font-size:3.2rem}
  .process-nav{grid-template-columns:1fr}
  .request-visual h1{font-size:3.8rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}