:root{--paper:#f7f6f2;--ink:#252b26;--muted:#68705f;--line:#ddded5;--accent:#8c7758;--serif:'Manrope',Arial,sans-serif;--sans:'DM Sans',Arial,sans-serif}
body{font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--ink);background:var(--paper)}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.035em}button,a,input,select,textarea{transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#8c7758;outline-offset:6px}
body>header{height:96px;padding:0 6%;border-bottom:1px solid var(--line);background:#f7f6f2f5;position:relative;z-index:5;gap:30px}
.brand{font-family:var(--serif);font-size:31px;font-weight:600;letter-spacing:-.045em;line-height:1.05}header>.brand:after{content:'INTERIOR ARCHITECTURE';display:block;font:8px/1.5 var(--sans);letter-spacing:.25em;color:#68705f;margin-top:7px}header nav{gap:32px}header nav a{font-size:11px;letter-spacing:.03em;color:#656c62;position:relative;border:0;padding:8px 0}header nav a:after{content:'';position:absolute;bottom:1px;height:1px;background:var(--ink);left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .25s}header nav a:hover,header nav a.active{color:var(--ink)}header nav a:hover:after,header nav a.active:after{transform:scaleX(1)}.nav-actions{gap:22px}#language{font-family:var(--sans);font-size:10px;letter-spacing:.08em;padding:7px 5px;color:#646b61}.black{background:#2e382e;border-color:#2e382e;padding:12px 24px;font-family:var(--sans);font-size:10px;letter-spacing:.07em}.black:hover{background:#485341;border-color:#485341}
body>main{max-width:1360px;padding:0 6%}.hero{grid-template-columns:44% 50%;align-items:center;padding-top:60px;margin-bottom:115px;gap:6%}.hero-copy{max-width:465px;padding:0}.hero .eyebrow{border:0;padding:0;margin:0 0 24px;font:9px/1.6 var(--sans);letter-spacing:.21em;color:#68705f;display:flex;align-items:center;gap:13px}.hero .eyebrow:before{content:'';width:24px;height:1px;background:#9b8969}.hero h1{font-size:clamp(64px,7vw,100px);font-weight:500;line-height:1.05;letter-spacing:-.055em}.hero h2,.about-layout h2{font-family:var(--sans);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:#68705f;margin:19px 0 0;line-height:1.7}.hero .intro{font-family:var(--sans);font-size:13px;line-height:1.95;color:#68705f;max-width:345px;margin:29px 0 33px}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.hero .outline{background:#2e382e;color:#fff;border:1px solid #2e382e;padding:15px 22px;font-size:10px;letter-spacing:.045em}.hero .outline:hover{background:#4a5543;border-color:#4a5543}.hero-explore{font-size:10px;letter-spacing:.035em;color:#68705f;border-bottom:1px solid #c8cebe;padding:8px 0}.hero-explore:hover{color:#262e25;border-color:#606f56}.hero>.portrait{width:100%;max-width:560px;justify-self:end;box-shadow:0 30px 60px -45px #26302166}.hero>.portrait:after{content:'';position:absolute;inset:13px;border:1px solid #ffffff55;pointer-events:none}.hero-copy{animation:arrive .7s ease both}.hero>.portrait{animation:arrive .85s .08s ease both}
.section-heading{align-items:baseline;padding-bottom:20px;margin-bottom:28px;border-color:var(--line)}.section-heading h2{font-size:39px;font-weight:500;letter-spacing:-.035em}.section-heading>a{font:10px var(--sans);color:#68705f;display:flex;gap:10px;align-items:center;padding-bottom:3px}.section-heading>a:hover{color:#252d23}.featured-grid{gap:26px 29px;grid-template-columns:2.06fr 1fr}.project :is(button,a){cursor:pointer}.project .photo{background:#e6e6dd;isolation:isolate}.project .photo:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #252b2608;transition:background .35s}.project .photo:not(.reference-crop){position:relative}.project :is(button,a):hover .photo:after{background:#f5f1e614}.project-info{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:17px}.project h3{margin:0;font-size:29px;line-height:1.13;letter-spacing:-.025em}.project p{font-family:var(--sans);font-size:9px;color:#68705f;letter-spacing:.045em;margin:9px 0 0;line-height:1.7}.featured-grid>.project:not(:first-child) h3{font-size:24px}.featured-grid>.project:not(:first-child) .project-info{padding-top:14px}.project-open{font:17px var(--sans);color:#8a9581;flex-shrink:0;transition:transform .25s,color .25s}.project :is(button,a):hover .project-open{transform:translate(3px,-3px);color:#35432e}.featured>.quiet-note{font-family:var(--sans);font-size:8px;color:#68705f;margin-top:20px;letter-spacing:.035em}.featured{margin-bottom:115px}
.journal-preview{padding:0 0 7px;grid-template-columns:28% 1fr;gap:7%;margin-bottom:120px}.journal-preview>div:first-child{padding-top:11px}.journal-preview h2{font-size:38px;font-weight:500;line-height:1.15}.journal-preview>div>p{font-size:11px;line-height:1.95;color:#68705f;max-width:240px;margin:22px 0 20px}.small-link{font-size:10px;letter-spacing:.035em;border-bottom:1px solid #bac3ae;padding-bottom:6px;margin-top:5px;color:#5e6b53}.article-list{counter-reset:story}.article-row{border-color:var(--line);counter-increment:story}.article-row :is(button,a){position:relative;padding:28px 0 28px 42px;gap:9px 20px}.article-row :is(button,a):before{content:counter(story,decimal-leading-zero);position:absolute;left:0;top:31px;font:9px var(--sans);color:#68705f}.article-row small{font:8px/1.5 var(--sans);letter-spacing:.09em;color:#68705f}.article-row h3{font-size:28px;line-height:1.18;letter-spacing:-.025em;transition:color .2s}.article-row .arrow{width:32px;height:32px;border:1px solid transparent;display:grid;place-items:center;border-radius:50%;color:#68705f;font-size:19px;transition:transform .25s,border-color .25s}.article-row :is(button,a):hover h3{color:#6b775c}.article-row :is(button,a):hover .arrow{transform:translateX(3px);border-color:#cbd1c0}.article-row:last-child{border-color:var(--line)}
.inner{padding:75px 0 110px}.page-title{margin-bottom:55px}.page-title h1,.about-layout h1{font-size:70px;line-height:1.06;font-weight:500}.page-title>p{font-size:12px;line-height:1.9;color:#68705f;margin-top:24px;max-width:440px}.filters{gap:24px;margin-bottom:32px}.filters button{font:10px/1.8 var(--sans);padding-bottom:7px;letter-spacing:.03em}.filters button.active{border-color:#7b8c69;color:#35432b}.project-grid{gap:45px 32px}.project-grid .project-info h3{font-size:30px}.journal-tools>input{font-family:var(--sans);font-size:11px;color:#626d59}.full-list .article-row :is(button,a){padding:31px 0 31px 42px}.full-list .article-row h3{font-size:32px}.full-list .article-row :is(button,a):before{top:34px}.service{padding:32px 0;border-color:var(--line)}.service h3{font-size:31px}.service p{font:12px/1.9 var(--sans);color:#68705f}.service .number{font:10px/1.9 var(--sans);color:#68705f}.process h2,.faq h2{font-size:37px}.process h3{font-size:29px}#steps p{font:11px/1.9 var(--sans);color:#68705f}#steps span{color:#68705f;font-size:9px}details{border-color:var(--line);padding:21px 0}summary{font-size:12px}details p{font-size:12px;line-height:1.9;color:#68705f}.about-layout{gap:10%}.about-layout>.portrait{box-shadow:0 25px 55px -40px #26302144}.about-layout p:not(.eyebrow){font-size:13px;line-height:1.95;color:#68705f}.about-layout .eyebrow,.contact-layout .eyebrow{font:9px var(--sans);color:#68705f;border:0;letter-spacing:.16em}.outline{font-family:var(--sans);font-size:10px;border-color:#b8c1ab;padding:13px 20px}.outline:hover{border-color:#5e7150;background:#eef0e7}.contact-layout h1{font-size:62px;font-weight:500;line-height:1.05;max-width:400px}.contact-layout>div>p{font-size:12px;line-height:1.9;color:#68705f}.contact-layout .quiet-note{font-size:10px;color:#68705f}.contact-layout form{padding-top:12px}form label{margin-bottom:28px}form span{font-size:10px;letter-spacing:.04em;color:#68705f}form input,form select,form textarea{font-family:var(--sans);font-size:12px;border-color:#c9d0be;padding:11px 0}form input:focus,form select:focus,form textarea:focus{outline:none;border-color:#758666;box-shadow:0 1px 0 #758666}.submit{padding:17px 22px}.form-row{gap:28px}
body>footer{background:#2b332b;color:#ecede5;padding:60px max(6%,calc((100vw - 1197px)/2)) 45px;gap:35px 50px;border:0;grid-template-columns:2fr 1fr 1fr}footer>div.footer-invitation{order:-1;grid-column:1/-1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 0 52px;margin-bottom:7px;border-bottom:1px solid #ffffff1f;gap:30px}.footer-eyebrow{font:8px var(--sans);letter-spacing:.19em;color:#b2bda5;margin:0 0 22px}.footer-invitation h2{font-size:48px;line-height:1.07;letter-spacing:-.02em;color:#e9ecdf}.footer-invitation .footer-contact{display:inline-flex;align-items:center;justify-content:center;color:#e9eddf;font:10px var(--sans);letter-spacing:.04em;border:1px solid #c5d0b74d;padding:16px 24px;white-space:nowrap}.footer-invitation .footer-contact:hover{background:#e3e9d5;color:#273021;border-color:#e3e9d5}footer .brand{font-family:var(--serif);font-size:28px;font-weight:500;color:#e1e5d5}footer p{font:9px/1.8 var(--sans);letter-spacing:.02em;color:#a3ae97;margin-top:17px}footer a:not(.brand),footer button{font:10px var(--sans);color:#c0cab3}footer a:not(.brand):hover,footer button:hover{color:white}footer>div:not(:first-child):not(.footer-invitation){padding-top:6px;gap:17px}
dialog{background:var(--paper);box-shadow:0 30px 90px #0003}dialog::backdrop{background:#252f25cc;backdrop-filter:blur(8px)}.reading{padding:50px 60px 60px}.reading h1{font-size:49px;line-height:1.06}.reading h2{font-size:34px;line-height:1.15;margin-top:34px}.reading p{font:13px/1.95 var(--sans);color:#68705f}.reading .eyebrow{font:9px var(--sans);border:0;color:#68705f;letter-spacing:.15em;margin-bottom:23px}.reading .concept-note{font-size:10px;line-height:1.8;border-color:#bec9b0;color:#68705f}.reading .solid{background:#35442e;font:11px var(--sans);padding:17px}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){body>header{padding-left:max(6%,calc((100vw - 1197px)/2));padding-right:max(6%,calc((100vw - 1197px)/2))}}
@media(max-width:1000px){body>header{gap:20px}.brand{font-size:27px}header nav{gap:21px}.nav-actions{gap:16px}.hero{padding-top:46px;gap:5%;grid-template-columns:44% 51%;margin-bottom:90px}.hero h1{font-size:72px}.hero .intro{font-size:12px;max-width:310px}.hero-actions{gap:20px}.hero .outline{padding:13px 17px;font-size:9px}.hero-explore{font-size:9px}.section-heading h2{font-size:35px}.featured-grid>.project:not(:first-child) h3{font-size:22px}.project h3{font-size:27px}.journal-preview h2{font-size:34px}.article-row h3{font-size:26px}.journal-preview{gap:6%;grid-template-columns:29% 1fr}.contact-layout h1{font-size:51px}.about-layout h1{font-size:59px}}
@media(max-width:760px) and (min-width:651px){header nav{gap:15px}.brand{font-size:25px}header nav a{font-size:10px}.black{padding:11px 17px}.nav-actions{gap:12px}.hero h1{font-size:61px}.hero-actions{gap:14px}.hero .intro{font-size:11px;line-height:1.9}.hero h2{font-size:9px;letter-spacing:.11em}}
@media(max-width:650px){body>header{height:84px;padding:0 6%;gap:15px}.brand{font-size:28px}header>.brand:after{font-size:7px;letter-spacing:.2em;margin-top:5px}header nav{top:84px;background:var(--paper);padding:24px 6%;gap:25px;border-bottom:1px solid var(--line)}header nav a{font-size:12px}header .nav-actions{gap:18px}#language{font-size:10px}#menu{font-size:20px;color:#57664a}body>main{padding:0 6%}.hero{grid-template-columns:1fr;gap:37px;padding-top:45px;margin-bottom:77px}.hero-copy{max-width:100%;padding:0}.hero .eyebrow{font-size:8px;letter-spacing:.19em;margin-bottom:20px}.hero h1{font-size:clamp(66px,16vw,85px);line-height:.98;letter-spacing:-.055em}.hero h2{font-size:9px;letter-spacing:.14em;margin-top:19px}.hero .intro{font-size:12px;line-height:1.9;max-width:355px;margin:23px 0 26px}.hero-actions{gap:25px}.hero .outline{font-size:9px;padding:14px 18px}.hero-explore{font-size:9px}.hero>.portrait{justify-self:stretch;max-width:none;box-shadow:0 25px 45px -35px #26302144}.hero>.portrait:after{inset:10px}.section-heading{padding-bottom:15px;margin-bottom:22px;gap:18px}.section-heading h2{font-size:32px;max-width:220px;line-height:1.08}.section-heading>a{font-size:8px;white-space:nowrap}.featured-grid{gap:25px 18px;grid-template-columns:1fr 1fr}.project-info{padding-top:14px;gap:9px}.project h3{font-size:29px}.project p{font-size:8px;letter-spacing:.01em;margin-top:7px}.featured-grid>.project:not(:first-child) h3{font-size:23px;line-height:1.05}.featured-grid>.project:not(:first-child) .project-info{align-items:flex-start;padding-top:13px}.featured-grid>.project:not(:first-child) .project-open{font-size:13px;margin-top:2px}.featured>.quiet-note{font-size:7px;margin-top:20px}.featured{margin-bottom:75px}.journal-preview{grid-template-columns:1fr;gap:26px;margin-bottom:75px}.journal-preview>div:first-child{padding-top:0}.journal-preview h2{font-size:36px}.journal-preview>div>p{font-size:11px;line-height:1.9;max-width:310px;margin:16px 0 14px}.small-link{font-size:9px}.article-row :is(button,a){padding:24px 0 24px 29px;grid-template-columns:1fr 24px;gap:8px 14px}.article-row :is(button,a):before{font-size:8px;top:27px}.article-row h3{font-size:27px;line-height:1.1}.article-row small{font-size:7px;letter-spacing:.08em}.article-row .arrow{width:25px;height:25px;font-size:17px}.inner{padding:46px 0 75px}.page-title{margin-bottom:35px}.page-title h1,.about-layout h1{font-size:61px}.page-title>p{font-size:11px;line-height:1.9;margin-top:21px}.project-grid{gap:35px}.project-grid .project-info h3{font-size:30px}.filters{gap:22px;margin-bottom:27px}.filters button{font-size:9px}.full-list .article-row :is(button,a){padding:25px 0 25px 29px}.full-list .article-row :is(button,a):before{top:28px}.full-list .article-row h3{font-size:28px}.about-layout{gap:35px}.about-layout h2{margin-top:17px}.about-layout p:not(.eyebrow){font-size:12px}.contact-layout{gap:30px}.contact-layout h1{font-size:56px;max-width:330px}.contact-layout>div>p{font-size:12px}.contact-layout form{padding-top:0}.service{padding:25px 0}.service h3{font-size:29px}.service p{font-size:11px}.process h2,.faq h2{font-size:33px}#steps h3{font-size:27px}#steps p{font-size:11px}.reading{padding:32px 25px 38px}.reading h1{font-size:39px}.reading h2{font-size:30px}.reading p{font-size:12px;line-height:1.95}.reading .eyebrow{font-size:8px}.reading .concept-note{font-size:9px}body>footer{padding:37px 6% 30px;gap:29px 25px;grid-template-columns:1fr 1fr}footer>div.footer-invitation{display:flex;flex-direction:column;align-items:flex-start;gap:26px;padding-bottom:34px;margin-bottom:0;grid-column:1/-1}.footer-eyebrow{font-size:7px;margin:0 0 17px}.footer-invitation h2{font-size:39px;line-height:1.05}.footer-invitation .footer-contact{font-size:9px;padding:14px 20px}footer .brand{font-size:29px}footer p{font-size:8px}footer a:not(.brand),footer button{font-size:10px}footer>div:not(:first-child):not(.footer-invitation){gap:17px}footer>div:first-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* About the studio and quiet social navigation. */
.about-title{margin-bottom:50px}.about-title h1{font-size:54px;line-height:1.1}.about-layout h2.profile-name{font-family:var(--serif);font-size:66px;line-height:1.08;font-weight:500;text-transform:none;letter-spacing:-.045em;color:var(--ink);margin:0}.about-layout p.profile-role{font:10px/1.7 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:#68705f;margin:19px 0 28px}.social-links{display:flex;align-items:center;gap:12px;margin-top:22px}.profile-socials{margin-top:28px}.social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #b9c2b0;border-radius:50%;color:#617253;transition:color .2s,border-color .2s,background-color .2s,transform .2s}.social-link svg{flex-shrink:0}.social-link:hover,.social-link:focus-visible{color:#2e3c25;border-color:#667d55;background:#ebeee5;transform:translateY(-2px)}.social-link.is-unavailable{cursor:default;opacity:.7}footer .social-link{border-color:#b9c8a84d;color:#d6dfc9}footer .social-link:hover,footer .social-link:focus-visible{color:#fff;border-color:#d2dfc2;background:#3d4b34}footer .social-links{gap:11px;margin-top:24px}
@media(max-width:650px){.about-title{margin-bottom:32px}.about-title h1{font-size:47px}.about-layout h2.profile-name{font-size:56px}.about-layout p.profile-role{font-size:9px;margin:17px 0 23px}.profile-socials{margin-top:25px}.social-link{width:42px;height:42px}footer .social-links{margin-top:22px}}
/* Supplied logo, displayed from the original artwork without redrawing. */
.brand.brand-logo{display:inline-flex;align-items:center;line-height:0;flex-shrink:0}.brand.brand-logo:after{content:none}.brand-logo .brand-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.logo-crop{display:block;position:relative;overflow:hidden;width:110px;aspect-ratio:710/630;flex-shrink:0}.logo-crop img{display:block;position:absolute;max-width:none;width:140.8451%;height:auto;left:-21.1268%;top:-23.0159%;filter:grayscale(1) brightness(14) contrast(1.15) invert(1);mix-blend-mode:multiply}body>header{height:120px}footer .brand-logo .logo-crop{width:154px}footer .logo-crop img{filter:grayscale(1) brightness(14) contrast(1.15);mix-blend-mode:screen}footer>div:first-child>p{margin-top:24px}
@media(max-width:650px){body>header{height:106px}header nav{top:106px}.brand-logo .logo-crop{width:94px}footer .brand-logo .logo-crop{width:140px}}
/* A complete service catalogue with a restrained, expandable layout. */
#services-page>.page-title{max-width:760px}#services-page>.page-title>p{max-width:610px}.service-context{padding:0 0 25px;border-bottom:1px solid var(--line);margin:0 0 42px}.service-context>span{font:9px/1.9 var(--sans);letter-spacing:.12em;color:#68705f}.service-context>p{font:11px/1.9 var(--sans);color:#68705f;max-width:680px;margin:15px 0 0}.service-category{font-family:var(--sans);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#68705f;margin:50px 0 20px;line-height:1.7}.service-category:first-child{margin-top:0}details.service-detail{padding:0;border-color:var(--line)}.service-detail:last-child{border-bottom:1px solid var(--line)}.service-detail>summary{list-style:none;display:grid;grid-template-columns:36px 1fr 28px;gap:22px;align-items:start;padding:26px 0;cursor:pointer}.service-detail>summary::-webkit-details-marker{display:none}.service-detail>summary:after{content:none}.service-number{font:9px/1.9 var(--sans);color:#68705f;padding-top:4px}.service-heading{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.service-heading h3{font:500 28px/1.13 var(--serif);letter-spacing:-.025em;max-width:410px}.service-heading p{font:11px/1.9 var(--sans);color:#68705f;margin:0;max-width:390px}.service-toggle{width:26px;height:26px;position:relative;border:1px solid #c4cdb7;border-radius:50%;margin-top:2px;flex-shrink:0}.service-toggle:before,.service-toggle:after{content:'';position:absolute;left:8px;right:8px;top:11px;height:1px;background:#687b58}.service-toggle:after{transform:rotate(90deg);transition:transform .2s}.service-detail[open] .service-toggle:after{transform:rotate(0)}.service-detail>summary:hover h3{color:#687b58}.service-detail[open]>.service-body{padding:1px 50px 35px 58px}.service-overview{font:12px/1.95 var(--sans);color:#59654f;max-width:850px;margin:0 0 28px;white-space:pre-line}.service-scope-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:45px}.service-scope-grid h4{font:10px/1.7 var(--sans);font-weight:500;letter-spacing:.06em;margin:0 0 15px;color:#45533a}.service-scope-grid ul{list-style:none;padding:0;margin:0}.service-scope-grid li{position:relative;font:11px/1.85 var(--sans);color:#68705f;padding-left:16px;margin:0 0 10px}.service-scope-grid li:before{content:'';position:absolute;left:0;top:9px;width:4px;height:4px;border:1px solid #99aa85;border-radius:50%}.service-body>.service-scope-note{max-width:850px;font:10px/1.9 var(--sans);color:#68705f;border-left:1px solid #bdc7af;padding-left:17px;margin:23px 0 0;white-space:pre-line}.service-enquiry{display:inline-block;font:10px/1.7 var(--sans);letter-spacing:.025em;color:#536c40;border-bottom:1px solid #aabb97;padding:3px 0;margin-top:24px}.service-scope-banner{margin:65px 0 0;padding:35px;background:#eef0e7;border:1px solid #e0e5d5}.service-scope-banner h2{font:500 35px/1.15 var(--serif);letter-spacing:-.025em}.service-scope-banner p{font:11px/1.95 var(--sans);color:#68705f;max-width:820px;margin:19px 0 24px}.service-scope-banner .outline{font-size:10px}.process #steps{row-gap:30px}.process #steps>div{padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:950px){.service-heading{grid-template-columns:1fr;gap:10px}.service-heading h3{max-width:100%;font-size:28px}.service-heading p{max-width:600px}.service-detail>summary{gap:17px;grid-template-columns:28px 1fr 26px}.service-detail[open]>.service-body{padding-left:45px;padding-right:43px}.service-scope-grid{gap:28px}}
@media(max-width:650px){.service-context{margin-bottom:31px;padding-bottom:24px}.service-context>span{font-size:8px;letter-spacing:.08em;line-height:2}.service-context>p{font-size:10px;line-height:1.9}.service-category{font-size:8px;letter-spacing:.13em;margin:36px 0 16px}.service-detail>summary{padding:23px 0;grid-template-columns:22px 1fr 24px;gap:12px}.service-number{font-size:8px;padding-top:3px}.service-heading{gap:9px}.service-heading h3{font-size:27px;line-height:1.06}.service-heading p{font-size:10px;line-height:1.8}.service-toggle{width:24px;height:24px;margin-top:1px}.service-toggle:before,.service-toggle:after{top:10px;left:7px;right:7px}.service-detail[open]>.service-body{padding:0 0 28px 34px}.service-overview{font-size:11px;line-height:1.9;margin-bottom:23px}.service-scope-grid{grid-template-columns:1fr;gap:20px}.service-scope-grid h4{font-size:10px;margin-bottom:12px}.service-scope-grid li{font-size:10px;line-height:1.9}.service-body>.service-scope-note{font-size:9px;line-height:1.9;padding-left:13px;margin-top:20px}.service-enquiry{font-size:9px;margin-top:21px}.service-scope-banner{margin-top:40px;padding:25px 22px}.service-scope-banner h2{font-size:32px}.service-scope-banner p{font-size:10px;line-height:1.9}.process #steps{row-gap:24px}#services-page .faq{margin-top:45px}}
/* A brief service introduction, between projects and the journal. */
.home-services{margin:0 0 115px}.home-services .section-heading{margin-bottom:21px}.home-services-intro{font:12px/1.9 var(--sans);color:#68705f;max-width:560px;margin:0 0 32px}.home-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.home-service{display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid var(--line);padding:23px 0 0;min-width:0}.home-service-number{font:8px/1.7 var(--sans);letter-spacing:.1em;color:#68705f;margin-bottom:17px}.home-service h3{font:500 28px/1.12 var(--serif);letter-spacing:-.025em;margin:0 0 14px;max-width:300px;transition:color .2s}.home-service>p{font:11px/1.9 var(--sans);color:#68705f;margin:0 0 23px;max-width:340px}.home-service-link{font:9px/1.7 var(--sans);letter-spacing:.035em;color:#536c40;margin-top:auto;display:flex;align-items:center;gap:18px}.home-service-link>span{font-size:16px;transition:transform .2s}.home-service:hover h3{color:#687b58}.home-service:hover .home-service-link>span{transform:translate(2px,-2px)}.service-detail[data-service-index]{scroll-margin-top:28px}
@media(max-width:950px){.home-services{margin-bottom:95px}.home-services-grid{gap:25px}.home-service h3{font-size:26px}.home-service>p{font-size:10px}}
@media(max-width:650px){.home-services{margin-bottom:75px}.home-services .section-heading{margin-bottom:18px}.home-services-intro{font-size:11px;line-height:1.85;margin-bottom:27px;max-width:330px}.home-services-grid{grid-template-columns:1fr;gap:25px}.home-service{position:relative;padding:22px 0 0 32px}.home-service-number{position:absolute;left:0;top:25px;font-size:8px;margin:0}.home-service h3{font-size:28px;max-width:none;margin-bottom:11px}.home-service>p{font-size:10px;line-height:1.9;max-width:340px;margin-bottom:16px}.home-service-link{font-size:9px;gap:16px}}
/* Optional brief inputs stay compact; exported PDFs include the complete detail. */
.brief-options{padding:16px 0;margin:0 0 23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.brief-options>summary{font:10px/1.8 var(--sans);color:#536c40;cursor:pointer}.brief-options[open] .brief-options-body{padding-top:24px}.brief-options .form-row{gap:22px}.brief-options-body>label:last-child{margin-bottom:0}.brief-services{display:grid;grid-template-columns:1fr;gap:13px;padding-top:22px}.brief-services label.brief-service-option{display:flex;align-items:flex-start;gap:10px;margin:0;cursor:pointer}.brief-service-option>input{width:14px;height:14px;flex-shrink:0;accent-color:#536c40;margin:3px 0 0;padding:0}.brief-service-option>span{font:10px/1.8 var(--sans);letter-spacing:0;margin:0;color:#68705f}.contact-layout button.submit:disabled{opacity:.65;cursor:wait}.contact-layout #form-status{font:10px/1.8 var(--sans);color:#536c40;margin-top:17px}
@media(max-width:650px){.brief-options>summary{font-size:10px}.brief-services{gap:15px}.brief-service-option>span{font-size:10px}}
/* A calm, guided project brief. Personal details come after the project choices. */
.contact-layout.brief-layout{grid-template-columns:minmax(220px,.75fr) minmax(0,1.65fr);gap:8%;align-items:start}.brief-introduction{padding-top:6px}.brief-introduction h1{font-size:58px;line-height:1.03;max-width:330px}.contact-layout .brief-introduction>p:not(.eyebrow){font-size:12px;line-height:1.95;color:var(--muted);margin-top:25px}.brief-introduction .eyebrow{font:8px/1.8 var(--sans);letter-spacing:.19em;border:0;padding:0;margin-bottom:23px}.brief-introduction .wizard-navigation{display:flex;flex-direction:column;align-items:stretch;gap:0;position:static;padding:0;margin:32px 0 0;background:none;border:0;z-index:auto}.wizard-navigation>button{display:flex;align-items:center;gap:14px;border:0;background:none;padding:11px 0;text-align:left;color:#7a8073;font:10px/1.6 var(--sans)}.wizard-navigation>button:disabled{opacity:.5;cursor:default}.wizard-navigation>button[aria-current="step"]{color:#34482b}.wizard-step-number{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:1px solid #d2d8c9;border-radius:50%;font:9px var(--sans)}.wizard-navigation [aria-current="step"] .wizard-step-number{background:#34482b;color:#fff;border-color:#34482b}.wizard-navigation .is-complete .wizard-step-number{border-color:#a6b698;color:#526c41}.contact-layout .brief-introduction>.quiet-note{font:9px/1.9 var(--sans);margin-top:29px;max-width:300px}.brief-introduction #direct-contact{margin-top:22px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.brief-introduction #direct-contact .outline{border:0;border-bottom:1px solid var(--line);font-size:9px;padding:0 0 5px;overflow-wrap:anywhere}
.contact-layout form.brief-wizard{min-width:0;padding:32px 36px 25px;border:1px solid #dfe3d8;background:#fafaf6}.wizard-topline{display:flex;justify-content:space-between;gap:20px}.wizard-topline>span{font:9px/1.8 var(--sans);letter-spacing:.07em;margin:0;color:#68705f}.wizard-topline>span:last-child{color:#87907b}.wizard-progress-track{height:2px;background:#e5e9de;margin:13px 0 31px;overflow:hidden}.wizard-progress-track>span{display:block;height:100%;margin:0;background:#71845e;transition:width .25s}.wizard-heading{margin-bottom:29px}.wizard-heading>h2{font:500 37px/1.1 var(--serif);letter-spacing:-.035em;outline:0}.wizard-heading>p{font:11px/1.9 var(--sans);color:#68705f;margin:13px 0 0;max-width:480px}.wizard-step{min-width:0;padding:0;margin:0;border:0}.wizard-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;border:0}.brief-wizard label>span:not(.choice-content){font:10px/1.7 var(--sans);letter-spacing:0;color:#526048;margin-bottom:7px}.brief-wizard input:not([type="radio"]):not([type="checkbox"]),.brief-wizard textarea,.brief-wizard select{font:12px/1.8 var(--sans);padding:9px 0;border-color:#c6cebc}.brief-wizard input::placeholder,.brief-wizard textarea::placeholder{color:#919786;opacity:1}.brief-wizard [aria-invalid="true"]{border-color:#a55d46!important}.brief-wizard .form-row{gap:24px}.brief-wizard fieldset>label:last-child,.brief-wizard fieldset>.form-row:last-child label{margin-bottom:0}.project-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:29px}.brief-wizard label.project-choice{position:relative;display:flex;margin:0;cursor:pointer}.project-choice>input{position:absolute;right:15px;top:16px;left:auto;width:14px;height:14px;margin:0;padding:0;accent-color:#536c40;z-index:1}.project-choice>.choice-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;height:100%;min-height:145px;padding:18px 16px 17px;margin:0;border:1px solid #dce1d3;transition:background .2s,border-color .2s;background:#f7f8f1}.choice-content>svg{width:23px;height:23px;color:#81916e;margin-bottom:17px}.choice-content>strong{font:500 24px/1.08 var(--serif);letter-spacing:-.025em;color:#3d4a34;margin-bottom:8px}.choice-content>small{font:9px/1.7 var(--sans);color:#758068;max-width:190px}.project-choice:hover>.choice-content{border-color:#9aab86}.project-choice>input:checked+.choice-content{background:#eef2e5;border-color:#8c9f77}.project-choice>input:focus-visible+.choice-content{outline:2px solid #8c7758;outline-offset:3px}.project-choice>input[aria-invalid="true"]+.choice-content{border-color:#a55d46}
.wizard-service-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--line)}.wizard-service-toolbar>span{margin:0;font:9px/1.8 var(--sans);color:#68705f}.wizard-service-toolbar>button{padding:0;border:0;border-bottom:1px solid #b8c4aa;background:none;font:9px/1.8 var(--sans);color:#536c40;text-align:right}.brief-services.wizard-services{grid-template-columns:1fr 1fr;gap:13px 20px;padding:21px 0 8px}.wizard-services label.brief-service-option{align-items:flex-start;gap:8px;padding:5px 0}.wizard-services .brief-service-option>input{width:14px;height:14px;margin:2px 0 0}.wizard-services label.brief-service-option>span{font:10px/1.7 var(--sans);color:#5b6751;margin:0}.wizard-field-note,.wizard-privacy-note{font:10px/1.9 var(--sans);color:#7a826f;margin:21px 0 0}.wizard-privacy-note{padding:17px 19px;background:#eff2e8;border-left:2px solid #b8c5a7}.wizard-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:31px;padding-top:23px;border-top:1px solid var(--line)}.wizard-actions>button{font-size:10px;letter-spacing:.025em;min-height:44px}.wizard-actions .wizard-back{border:0;background:none;padding:10px 0;color:#68705f;margin-right:auto}.wizard-actions .wizard-download{width:auto;padding:13px 20px}.contact-layout #form-status:empty{display:none}.wizard-error{font:11px/1.8 var(--sans);color:#8f4936;padding:12px 15px;background:#f5ebe5;border-left:2px solid #b76a50;margin-bottom:23px}.wizard-success{font:11px/1.9 var(--sans);color:#50673f;border-left:2px solid #8da873;background:#eef3e6;padding:16px 18px;margin-top:24px}.review-section{padding:21px 0;border-top:1px solid var(--line)}.review-section:first-child{padding-top:0;border:0}.review-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:15px}.review-section-heading>h3{font:500 25px/1.15 var(--serif);letter-spacing:-.02em}.review-section-heading>button{flex-shrink:0;border:0;border-bottom:1px solid #c2ccba;padding:2px 0;background:none;font:9px/1.7 var(--sans);color:#60774b}.review-section dl{margin:0}.review-row{display:grid;grid-template-columns:135px minmax(0,1fr);gap:16px;margin:10px 0;font:10px/1.9 var(--sans)}.review-row dt{color:#7a826f}.review-row dd{margin:0;color:#4d5a43;white-space:pre-wrap;overflow-wrap:anywhere}.review-services ul{padding:0 0 0 16px;margin:0;font:10px/1.95 var(--sans);color:#4d5a43}.review-services p{font:10px/1.9 var(--sans);color:#68705f;margin:0}.review-services li{padding-left:4px;margin-bottom:3px}
@media(max-width:1000px){.contact-layout.brief-layout{grid-template-columns:minmax(190px,.7fr) minmax(0,1.6fr);gap:5%}.brief-introduction h1{font-size:48px}.contact-layout form.brief-wizard{padding:27px 25px 23px}.brief-services.wizard-services{grid-template-columns:1fr;gap:9px}.wizard-service-toolbar{align-items:flex-start;flex-direction:column;gap:8px}.choice-content>strong{font-size:23px}.review-row{grid-template-columns:110px minmax(0,1fr);gap:12px}}
@media(max-width:700px){.contact-layout.brief-layout{grid-template-columns:1fr;gap:26px}.brief-introduction{padding:0}.brief-introduction h1{font-size:49px;max-width:310px}.contact-layout .brief-introduction>p:not(.eyebrow){font-size:11px;max-width:440px;margin-top:18px}.brief-introduction .eyebrow{margin-bottom:17px}.brief-introduction .wizard-navigation{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:24px}.wizard-navigation>button{justify-content:center;padding:0}.wizard-navigation .wizard-step-title{position:absolute;overflow:hidden;width:1px;height:1px;clip-path:inset(50%);white-space:nowrap}.wizard-step-number{width:30px;height:30px;font-size:9px}.contact-layout .brief-introduction>.quiet-note{display:none}.brief-introduction #direct-contact{display:none}.contact-layout form.brief-wizard{padding:25px 22px 21px}.wizard-heading>h2{font-size:34px}.wizard-heading>p{font-size:10px;line-height:1.9}.wizard-progress-track{margin-bottom:26px}.wizard-heading{margin-bottom:25px}.project-choice-grid{gap:10px;margin-bottom:25px}.project-choice>.choice-content{min-height:152px;padding:17px 13px}.project-choice>input{top:15px;right:12px}.choice-content>strong{font-size:24px}.choice-content>small{font-size:9px}.brief-wizard .form-row{grid-template-columns:1fr;gap:0}.brief-wizard fieldset>.form-row:last-child label:not(:last-child){margin-bottom:22px}.brief-services.wizard-services{gap:11px}.wizard-service-toolbar{flex-direction:row;align-items:center;gap:16px}.wizard-service-toolbar>span{max-width:40%}.wizard-service-toolbar>button{max-width:55%;font-size:9px}.wizard-field-note,.wizard-privacy-note{font-size:9px;line-height:1.95}.wizard-actions{margin-top:27px;gap:12px}.wizard-actions>button{font-size:9px}.wizard-actions .wizard-download{padding:12px 14px;max-width:80%}.review-section-heading>h3{font-size:25px}.review-row{grid-template-columns:95px minmax(0,1fr);gap:12px;font-size:10px}.review-services ul,.review-services p{font-size:10px}.wizard-success{font-size:10px}}
@media(max-width:360px){.contact-layout form.brief-wizard{padding:22px 17px}.choice-content>strong{font-size:22px}.project-choice>.choice-content{padding:16px 11px}.review-row{grid-template-columns:1fr;gap:2px;margin:13px 0}}
.wizard-receipt-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:20px}.wizard-receipt-actions>button{font:9px/1.8 var(--sans);letter-spacing:.01em}.wizard-receipt-actions>#brief-new-request{border:0;border-bottom:1px solid #c2ccba;padding:4px 0;background:none;color:#62794c}.brief-wizard.is-submitted .wizard-download:disabled{cursor:default;opacity:.75}.brief-wizard.is-submitted .review-section-heading>button:disabled{cursor:default;opacity:.35}.brief-wizard.is-submitted .wizard-navigation>button:disabled{cursor:default}.brief-wizard.is-submitted #wizard-success{margin-top:12px}
@media(max-width:700px){.wizard-actions .wizard-download{max-width:82%;font-size:9px}.wizard-receipt-actions{gap:14px}.wizard-receipt-actions>.outline{padding:11px 13px}}
.detail-back{display:inline-block;font:10px/1.9 var(--sans);color:#68705f;margin-bottom:28px;border-bottom:1px solid #cbd3c0;padding-bottom:4px}.detail-content{max-width:1000px;margin:auto}.detail-cover{display:block;width:100%;max-height:580px;object-fit:cover}.detail-content .reading{max-width:860px;margin:auto;padding:48px 35px}.detail-content .reading h1{font-size:52px}.reading a.solid{display:block;text-align:center;margin-top:30px;background:#2e382e;color:#fff;padding:16px 22px;font:11px var(--sans)}
@media(max-width:650px){.detail-content .reading{padding:30px 0}.detail-content .reading h1{font-size:38px}.detail-back{font-size:9px;margin-bottom:23px}.detail-cover{max-height:340px}}
.filters a{font:10px/1.8 var(--sans);padding-bottom:7px;border-bottom:1px solid transparent;color:#68705f}.filters a.active{border-color:#7b8c69;color:#35432b}.article-breadcrumbs{display:flex;position:static;flex-wrap:wrap;gap:7px;align-items:baseline;font:9px/1.8 var(--sans);padding:0;background:none;border:0;color:#8c9582;margin-bottom:25px}.article-breadcrumbs a{font:9px/1.8 var(--sans);padding:0}.reading p.article-meta{font:9px/1.8 var(--sans);color:#8b9481;margin:0 0 26px}.article-body img{max-width:100%;height:auto;display:block;margin:25px 0}.article-body a{color:#58783c;text-decoration:underline}.article-body ul,.article-body ol{font:13px/1.9 var(--sans);color:#68705f;padding-left:24px}.article-body li{margin-bottom:10px}.article-body blockquote{margin:25px 0;border-left:2px solid #a8b993;padding-left:24px;color:#687b58}.article-body pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:#eef1e7;font:11px/1.8 monospace}.article-body table{width:100%;border-collapse:collapse;font:11px/1.9 var(--sans);margin:25px 0}.article-body td,.article-body th{border:1px solid #d6ddcd;padding:12px;text-align:left}.reading .article-tags{display:flex;gap:9px;flex-wrap:wrap;margin:32px 0}.article-tags span{font:9px var(--sans);color:#849374;border:1px solid #d7dfcd;padding:7px 10px;border-radius:3px}
@media(max-width:650px){.article-breadcrumbs{display:flex;font-size:8px;margin-bottom:21px}.article-body ul,.article-body ol{font-size:12px}.article-body table{display:block;overflow-x:auto}.article-body td,.article-body th{padding:9px}.filters a{font-size:9px}}
/* A full-viewport architectural presentation. */
body>header{height:104px}
.brand-logo .logo-crop{width:88px}
body[data-page="home"]>header{position:absolute;inset:0 0 auto;width:100%;padding-inline:6%;background:transparent;border-color:#a2775d24;z-index:6}
body[data-page="home"]>main{max-width:none;padding:0}
#home-page>section:not(.atelier-hero){width:88%;max-width:1197px;margin-inline:auto}
.hero.atelier-hero{
 --draft:#a2775d;--clay:#985c46;--stage-center:calc(50% + 25px);
 --media-width:min(36vw,calc((100svh - 230px)*.8));
 position:relative;display:block;width:100%;height:100vh;height:100svh;min-height:0;max-height:none;
 margin:0 0 95px;padding:0;isolation:isolate;overflow:hidden;
}
.atelier-drafting{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:var(--draft);z-index:0}
.draft-axes{stroke:currentColor;stroke-width:.7;stroke-dasharray:6 10;opacity:.42;animation:axis-travel 14s linear infinite}
.draft-rooms{stroke:currentColor;stroke-width:.85;opacity:.42}
.draft-rooms>path[pathLength]{stroke-dasharray:1;animation:draft-cycle 9s ease-in-out infinite}
.draft-rooms>path[pathLength]:nth-child(2){animation-delay:-3s}
.draft-labels{fill:currentColor;font:6px var(--sans);letter-spacing:.15em;opacity:.65}
.atelier-eyebrow{position:absolute;top:136px;left:6%;margin:0;color:#94735c;font:9px/1.8 var(--sans);letter-spacing:.18em;z-index:3}
.atelier-wordmark,.hero .atelier-wordmark{position:absolute;left:0;top:var(--stage-center);transform:translateY(-48%);width:100%;padding:0;text-align:center;color:var(--clay);font:600 24vw/1 var(--sans);letter-spacing:-.075em;z-index:1;white-space:nowrap;margin:0}
.atelier-brand{display:block}
.atelier-descriptor{display:block;position:absolute;right:7%;bottom:-30px;font:400 clamp(14px,1.5vw,30px)/1.1 var(--sans);letter-spacing:.18em;color:#ac8059}
.hero .atelier-outline{color:transparent!important;-webkit-text-stroke:1px #f7f6f2;z-index:3;clip-path:inset(0 calc((100% - var(--media-width))/2));pointer-events:none}
.atelier-media{position:absolute;width:var(--media-width);left:calc((100% - var(--media-width))/2);top:var(--stage-center);transform:translateY(-50%);z-index:2}
.atelier-frame{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:#e8e4da;animation:frame-float 10s ease-in-out infinite}
.atelier-frame:after{content:'';position:absolute;inset:auto 0 0;height:3px;background:#f7f6f2bb;transform:scaleX(0);transform-origin:left;z-index:3;pointer-events:none}
.is-playing .atelier-frame:after{animation:slide-progress 4.4s linear both}
.atelier-slide{display:block;position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.1s ease,visibility 1.1s ease}
.atelier-slide.is-active{opacity:1;visibility:visible}
.atelier-slide>.photo{height:100%;width:100%;aspect-ratio:auto;transform:scale(1.08)}
.atelier-slide.is-active>.photo{animation:project-pan 6s ease-out both}
.atelier-slide>.photo:not(.reference-crop)>img{width:100%;height:100%;object-fit:cover}
.atelier-slide>.reference-crop{position:absolute;top:0;height:auto}
.atelier-slide>.crop-living{width:221.97%;left:-60.99%}
.atelier-slide>.crop-hotel{width:167.65%;left:-33.82%}
.atelier-slide>.crop-suite{width:166.08%;left:-33.04%}
.atelier-figure-caption{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:15px;color:#94755d;font:8px/1.7 var(--sans);letter-spacing:.08em}
#atelier-figure-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;letter-spacing:0}
.atelier-controls{display:flex;align-items:center;gap:5px}
.atelier-controls button{border:0;background:none;padding:4px;color:#a0795b;font:13px/1 var(--sans);min-width:26px;min-height:30px}
.atelier-controls button:disabled{opacity:.35;cursor:default}
.atelier-controls button:hover{color:#784e3a}
.atelier-signature{position:absolute;right:6%;bottom:20%;max-width:190px;margin:0;color:#9b7b61;text-align:right;font:10px/1.9 var(--sans);letter-spacing:.07em;z-index:1}
.atelier-bottom{position:absolute;inset:auto 6% 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#9c826b;font:8px/1.9 var(--sans);letter-spacing:.13em}
.atelier-bottom a{font:8px/1.9 var(--sans);color:#99775a;border-bottom:1px solid #c9b9a7;padding:0 0 5px;display:flex;align-items:center;gap:12px}
.atelier-scroll-mark{display:inline-block;font-size:17px;animation:scroll-nudge 2s ease-in-out infinite}
.atelier-empty{height:100%;display:grid;place-items:center;padding:30px;font:25px/1.4 var(--serif);color:#a28061;text-align:center}
/* Entry and ongoing motion use separate layers so transforms do not compete. */
.is-entering .atelier-brand{animation:wordmark-reveal 1.65s cubic-bezier(.16,1,.3,1) both}
.is-entering .atelier-media{animation:media-reveal 1.8s .15s cubic-bezier(.16,1,.3,1) both}
.is-entering .atelier-eyebrow,.is-entering .atelier-descriptor,.is-entering .atelier-signature,.is-entering .atelier-bottom{animation:label-reveal 1.2s .5s ease both}
.is-paused .draft-axes,.is-paused .draft-rooms>path[pathLength],.is-paused .atelier-frame,.is-paused .atelier-slide>.photo,.is-paused .atelier-scroll-mark{animation-play-state:paused}
@keyframes wordmark-reveal{from{clip-path:inset(100% 0 0);transform:translateY(45px)}to{clip-path:inset(0);transform:translateY(0)}}
@keyframes media-reveal{from{opacity:0;clip-path:inset(10% 10% 10% 10%);transform:translateY(calc(-50% + 40px)) scale(.92)}to{opacity:1;clip-path:inset(-20% -10% -20% -10%);transform:translateY(-50%) scale(1)}}
@keyframes label-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes draft-cycle{0%{stroke-dashoffset:1;opacity:.15}32%,72%{stroke-dashoffset:0;opacity:1}95%,100%{stroke-dashoffset:-1;opacity:.15}}
@keyframes axis-travel{to{stroke-dashoffset:-160}}
@keyframes frame-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes project-pan{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes slide-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes scroll-nudge{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}}
.studio-founder{display:grid;grid-template-columns:1fr .7fr;gap:15%;align-items:center;margin:0 0 115px;padding:35px 7% 0}.studio-founder .hero-copy{max-width:450px;padding:0}.studio-founder .eyebrow{font:8px/1.8 var(--sans);color:#8f826b;letter-spacing:.16em;border:0;padding:0;margin:0 0 22px}.studio-founder-name{font:500 62px/1.05 var(--serif);letter-spacing:-.05em}.studio-founder .studio-founder-role{font:9px/1.8 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:#7e806f;margin:19px 0 0}.studio-founder .intro{font:12px/1.95 var(--sans);color:#68705f;margin:25px 0 30px;max-width:355px}.studio-founder .portrait{width:100%;max-width:350px;box-shadow:0 25px 50px -40px #343c3040}.studio-founder .hero-actions{gap:23px}.studio-founder .outline{font-size:9px}.studio-founder .hero-explore{font-size:9px}

@media(max-width:950px){
 .hero.atelier-hero{margin-bottom:70px;--media-width:min(44vw,calc((100svh - 230px)*.8))}
 .atelier-figure-caption{gap:7px;font-size:7px}.atelier-controls{gap:1px}
 .atelier-signature{font-size:8px;max-width:145px}
 .studio-founder{gap:11%;padding:15px 2% 0;margin-bottom:95px}.studio-founder-name{font-size:56px}
}
@media(max-width:650px){
 body>header{height:92px}header nav{top:92px}.brand-logo .logo-crop{width:78px}
 body[data-page="home"] header nav{background:var(--paper)}
 .hero.atelier-hero{--media-width:min(72vw,calc((100svh - 240px)*.8));--stage-center:54%;margin-bottom:55px}
 .atelier-eyebrow{top:116px;font-size:7px;letter-spacing:.15em}
 .atelier-drafting{opacity:.8}.atelier-descriptor{right:6%;bottom:-25px;font-size:13px}
 .atelier-signature{font-size:8px;bottom:85px;max-width:160px}
 .atelier-bottom{bottom:25px;font-size:6px;gap:15px;letter-spacing:.07em}
 .atelier-bottom a{font-size:6px;letter-spacing:.05em;gap:7px}
 .atelier-figure-caption{font-size:6px;margin-top:12px;gap:8px}
 #atelier-figure-title{font-size:7px}
 .atelier-controls{gap:2px}.atelier-controls button{font-size:12px;min-width:25px;min-height:30px}

 .studio-founder{grid-template-columns:1fr;gap:30px;padding:10px 0 0;margin-bottom:75px}
 .studio-founder .hero-copy{max-width:100%}.studio-founder-name{font-size:57px}
 .studio-founder .studio-founder-role{font-size:8px;margin-top:16px}
 .studio-founder .intro{font-size:11px;max-width:355px;margin:22px 0 25px}
 .studio-founder .portrait{max-width:100%;aspect-ratio:1.1}
 .studio-founder .portrait:not(.original-portrait)>img{width:193.53%;left:-83.73%;top:-25%}
 .studio-founder .hero-actions{gap:22px}.studio-founder .eyebrow{margin-bottom:19px}
 .studio-founder .outline,.studio-founder .hero-explore{font-size:9px}
}
@media(max-height:650px) and (min-width:651px){
 body[data-page="home"]>header{height:72px}.brand-logo .logo-crop{width:66px}
 .hero.atelier-hero{--media-width:min(32vw,calc((100svh - 170px)*.8));--stage-center:calc(50% + 20px)}
 .atelier-eyebrow{top:94px;font-size:7px}.atelier-bottom{bottom:20px}
 .atelier-descriptor{font-size:14px;bottom:-20px}.atelier-figure-caption{margin-top:10px}
}
@media(prefers-reduced-motion:reduce){
 .atelier-hero *, .atelier-hero *:after{animation:none!important;transition:none!important}
 .atelier-slide>.photo{transform:none}.atelier-frame:after{display:none}
}

/* All pages share the browser width, with a small consistent edge margin. */
:root{--site-gutter:clamp(20px,4vw,80px);--header-height:104px}
body>header,body[data-page="home"]>header{width:100%;padding-inline:var(--site-gutter)}
body>main{width:100%;max-width:none;padding-inline:var(--site-gutter)}
body[data-page="home"]>main{padding:0}
#home-page>section:not(.atelier-hero){width:calc(100% - 2 * var(--site-gutter));max-width:none}
.inner{min-height:calc(100svh - var(--header-height))}
.detail-content{width:100%;max-width:none}
.detail-cover{max-height:none;height:70svh;object-fit:cover}
.detail-content .reading{max-width:82ch}
body>footer{width:100%;padding-inline:var(--site-gutter)}
.atelier-eyebrow{left:var(--site-gutter)}
.atelier-signature{right:var(--site-gutter)}
.atelier-bottom{left:var(--site-gutter);right:var(--site-gutter)}
.studio-founder{padding-inline:0;gap:8%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.studio-founder .portrait{max-width:min(100%,calc(72svh * .93));justify-self:end;aspect-ratio:510/548}
.about-layout>.portrait{max-width:min(100%,calc(78svh * .93))}
.project-grid,.featured-grid,.about-layout,.contact-layout,.journal-preview{min-width:0}
.project-grid>*{min-width:0}
@media(max-width:650px){
 :root{--header-height:92px}
 .studio-founder{grid-template-columns:1fr}
 .studio-founder .portrait{max-width:100%;aspect-ratio:1.1}
 .about-layout>.portrait{max-width:100%}
 .detail-cover{height:55svh}
}