@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600&family=Playfair+Display:wght@400;500;600&display=swap');
:root{--paper:#f2eee7;--cream:#e8e1d6;--ink:#272722;--muted:#686761;--line:#cfc9be;--olive:#6b715b;--white:#fbf9f5;--sans:'DM Sans',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}::selection{background:var(--olive);color:white}.site-header{position:sticky;z-index:99;top:0;display:flex;align-items:center;justify-content:space-between;padding:21px 5.5%;border-bottom:1px solid rgba(39,39,34,.17);background:rgba(242,238,231,.94);backdrop-filter:blur(15px)}.brand{font-family:var(--serif);font-size:27px;letter-spacing:-1.4px;line-height:1}.brand small{font-family:var(--sans);font-size:9px;display:block;letter-spacing:3px;text-transform:uppercase;margin-top:7px}.nav{display:flex;align-items:center;gap:31px;font-size:12px;text-transform:uppercase;letter-spacing:1.3px}.nav a:not(.nav-cta):hover,.nav a.active{color:var(--olive)}.nav-cta,.button-dark{background:var(--ink);color:var(--white);padding:16px 22px;border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:24px;text-transform:uppercase;font-size:11px;letter-spacing:1.3px;transition:.25s}.nav-cta:hover,.button-dark:hover{background:var(--olive);border-color:var(--olive)}.menu-toggle{display:none;border:0;background:none;font-size:24px}.hero{min-height:740px;padding:92px 5.5% 52px;display:flex;flex-direction:column;justify-content:space-between}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2.5px;color:var(--olive);font-weight:700}.hero-main{display:grid;grid-template-columns:1.1fr .55fr;align-items:end;gap:8%;margin:35px 0 55px}.hero h1,.page-title{font-family:var(--serif);font-size:clamp(65px,8.7vw,157px);font-weight:400;line-height:.99;letter-spacing:-.07em;margin:0}.hero h1 em,.page-title em{font-weight:400}.hero-intro{max-width:370px;padding-bottom:10px}.hero-intro p,.lead{font-size:17px;line-height:1.8;color:#565650;margin:0 0 29px}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid;padding-bottom:9px}.hero-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:1.8px}.marquee{background:var(--ink);color:var(--paper);overflow:hidden;white-space:nowrap;padding:17px 0;font-size:11px;letter-spacing:3px;text-transform:uppercase}.marquee span{margin-right:60px}.section{padding:115px 5.5%}.section-top{display:flex;align-items:start;justify-content:space-between;gap:40px;margin-bottom:50px}.section h2,.heading{font-family:var(--serif);font-size:clamp(48px,6vw,100px);line-height:1.07;font-weight:400;letter-spacing:-.055em;margin:15px 0}.section-summary{max-width:365px;color:var(--muted);font-size:15px;line-height:1.9;margin-top:28px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 27px}.work-card{min-width:0}.work-card figure{margin:0;aspect-ratio:1.28;background:#dedbd5;overflow:hidden;position:relative}.work-card figure .mock{transition:transform .6s}.work-card:hover .mock{transform:scale(1.035)}.work-caption{padding:19px 0 10px;display:flex;justify-content:space-between;gap:15px;align-items:baseline}.work-caption h3{font-family:var(--serif);font-weight:400;font-size:30px;margin:0}.work-caption small{color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:1.3px;text-align:right}.mock{height:100%;width:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:6%;font-family:Georgia,serif}.mock-label{font-family:Arial,sans-serif;font-size:9px;letter-spacing:2px;text-transform:uppercase}.mock h3{font-size:clamp(38px,5vw,82px);line-height:1.04;font-weight:400;letter-spacing:-.065em;margin:0}.mock p{font:12px/1.5 Arial,sans-serif;max-width:240px}.mock:after{content:'';position:absolute;pointer-events:none}.mock-architecture{background:linear-gradient(150deg,#d1c6b8 0%,#ebe4d8 44%,#948b7b 44.2%,#777468 67%,#aaa392 67.3%);color:#302e29}.mock-architecture:after{width:44%;height:75%;right:9%;bottom:0;background:linear-gradient(100deg,#393a33 9%,#a5a195 10%,#77776e 13%,#5c5d57 40%,#2d302e 42%,#a4a195 45%,#282e2b 48%,#c0b9aa 50%,#a6a092 80%);clip-path:polygon(0 21%,90% 0,100% 100%,0 100%);opacity:.65}.mock-hotel{background:#373e38;color:#f2ede3}.mock-hotel:after{right:-10%;bottom:-25%;width:82%;height:110%;border-radius:48% 48% 0 0;background:radial-gradient(circle at 50% 40%,#b6a790 0 18%,#826f59 19% 24%,#5f655b 25% 32%,transparent 33%),linear-gradient(120deg,#7b806f,#c1b198);opacity:.5}.mock-consult{background:#d0c6b7;color:#302e2b}.mock-consult:after{right:13%;top:22%;height:56%;width:30%;border:24px solid rgba(70,72,62,.5);border-radius:50%;transform:rotate(-25deg)}.mock-property{background:#c4b9a9;color:#2f302a}.mock-property:after{right:7%;bottom:-10%;height:95%;width:55%;background:linear-gradient(100deg,#454944 0 2%,#dfd6c8 2% 12%,#a4a194 12% 14%,#e9e1d5 14% 65%,#4c544d 65% 67%,#c9c1b4 67%);transform:skewY(-8deg);opacity:.8}.mock > *{z-index:1}.mock h3{max-width:80%}.mock-hotel h3{position:relative;z-index:2}.strip{background:var(--cream);padding:85px 5.5%;display:grid;grid-template-columns:1fr 1fr;gap:80px}.strip h2{font:400 clamp(40px,5vw,78px)/1.1 var(--serif);letter-spacing:-.05em;margin:0}.strip p{line-height:1.85;color:var(--muted);max-width:440px}.services-list{border-top:1px solid var(--line)}.service{border-bottom:1px solid var(--line);padding:32px 0;display:grid;grid-template-columns:80px 1fr 1fr;gap:20px;align-items:center}.service .num{color:var(--olive);font-size:11px}.service h3{font:400 37px var(--serif);letter-spacing:-.04em;margin:0}.service p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.statement{background:var(--ink);color:var(--paper);padding:110px 5.5%;display:flex;justify-content:space-between;gap:50px;align-items:end}.statement h2{font:400 clamp(50px,7vw,110px)/1.07 var(--serif);letter-spacing:-.06em;max-width:900px;margin:18px 0 0}.statement .text-link{white-space:nowrap}.footer{padding:46px 5.5% 24px;background:var(--ink);color:var(--paper);border-top:1px solid #595950}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:start;padding-bottom:80px}.footer .brand{font-size:37px}.footer p{color:#bcbab3;line-height:1.7;max-width:270px}.footer-links{display:flex;gap:55px;font-size:12px;text-transform:uppercase;letter-spacing:1.4px}.footer-links a{display:block;margin-bottom:17px}.foot-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #595950;padding-top:20px;font-size:10px;color:#bcbab3;letter-spacing:1px}.inner-hero{padding:95px 5.5% 90px}.inner-hero .page-title{font-size:clamp(65px,8vw,140px);max-width:1100px;margin:25px 0 35px}.inner-hero .lead{max-width:670px}.content-cols{display:grid;grid-template-columns:1fr 1fr;gap:70px}.content-cols p{line-height:1.9;color:var(--muted)}.info-block{padding:45px 0;border-top:1px solid var(--line)}.info-block h3{font:400 38px var(--serif);margin:0 0 14px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.process article{border-top:1px solid var(--ink);padding:22px 0}.process article strong{display:block;font:400 30px var(--serif);margin:20px 0}.process article p{color:var(--muted);line-height:1.8;font-size:14px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:0 5.5% 120px}.contact-info h2{font:400 55px var(--serif);letter-spacing:-.04em;margin:0 0 20px}.contact-info p{line-height:1.8;color:var(--muted);max-width:420px}.form{display:grid;gap:23px}.field label{display:block;text-transform:uppercase;font-size:10px;letter-spacing:1.5px;margin-bottom:11px}.field input,.field textarea,.field select{border:0;border-bottom:1px solid #a7a296;background:transparent;border-radius:0;width:100%;padding:11px 0 14px;outline:none;color:var(--ink);font-size:15px}.field :focus{border-bottom-color:var(--ink)}.field textarea{height:105px;resize:vertical}.field select{cursor:pointer}.notice{background:#e6dfd2;border-left:2px solid var(--olive);padding:14px 18px;font-size:12px;line-height:1.7;color:#4d4a43}.micro{font-size:12px;color:var(--muted);line-height:1.7}.backtop{position:fixed;bottom:25px;right:25px;border:1px solid #c5bdaf;background:var(--paper);width:42px;height:42px;z-index:10;display:none}.backtop.show{display:block}.big-number{font:400 100px var(--serif);letter-spacing:-.05em}.project-page{padding:35px 5.5% 110px}.project-page .mock{height:500px;margin-bottom:45px}.project-page .lead{max-width:700px}.tag{font-size:10px;letter-spacing:1px;text-transform:uppercase;border:1px solid var(--line);padding:7px 10px}.project-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 35px}.project-cta{margin-top:25px}.skip{position:absolute;left:-999px;top:0;background:white;color:black;padding:12px;z-index:999}.skip:focus{left:10px}.subtle{color:var(--muted)}@media(max-width:900px){.nav{gap:15px}.hero-main{grid-template-columns:1fr;gap:30px}.hero{min-height:650px}.hero h1{font-size:clamp(65px,12vw,120px)}.hero-intro{max-width:500px}.strip{gap:30px}.service{grid-template-columns:35px 1fr}.service p{grid-column:2}.statement{display:block}.statement .text-link{margin-top:35px}.contact-layout{gap:5%}}@media(max-width:700px){.site-header{padding:19px 5%}.brand{font-size:24px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--paper);padding:25px 5% 30px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);gap:25px}.nav.open{display:flex}.hero{min-height:600px;padding:75px 5% 30px}.hero h1{font-size:clamp(64px,15vw,95px)}.hero-intro p{font-size:15px}.hero-bottom{font-size:9px}.section{padding:75px 5%}.section-top{display:block;margin-bottom:30px}.section-summary{margin:20px 0 0}.work-grid{grid-template-columns:1fr;gap:24px}.work-card figure{aspect-ratio:1.15}.mock h3{font-size:54px}.strip{grid-template-columns:1fr;padding:65px 5%}.service h3{font-size:30px}.statement{padding:75px 5%}.footer{padding:40px 5% 24px}.footer-top{display:block;padding-bottom:40px}.footer-links{margin-top:40px;gap:35px}.foot-bottom{display:block;line-height:2}.inner-hero{padding:70px 5%}.inner-hero .page-title{font-size:clamp(55px,12vw,90px)}.content-cols,.contact-layout,.process{grid-template-columns:1fr}.contact-layout{padding:0 5% 85px;gap:35px}.project-page{padding:20px 5% 80px}.project-page .mock{height:350px}.section h2{font-size:56px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Auvrel refinement */
:root{--paper:#f1ede6;--cream:#e3d9cc;--ink:#24231f;--olive:#717160}body{overflow-x:hidden}.site-header{box-shadow:0 1px 18px rgba(38,32,26,.035)}.brand{letter-spacing:-1.2px}.hero{position:relative;min-height:min(850px,95vh)}.hero:before{content:"";position:absolute;right:-14vw;top:14%;width:48vw;height:48vw;border:1px solid rgba(40,39,34,.09);border-radius:50%;pointer-events:none}.hero-main,.hero-bottom,.hero>.eyebrow{position:relative;z-index:1}.hero h1{letter-spacing:-.075em}.hero h1 em,.section h2 em,.statement h2 em,.spotlight-copy h2 em{font-family:var(--serif);font-weight:400}.work-card figure{border-radius:2px}.elore-visual{position:relative;height:100%;overflow:hidden;background:#d9cabc}.elore-visual img{height:100%;width:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.work-card:hover .elore-visual img{transform:scale(1.045)}.visual-chip{position:absolute;left:18px;bottom:18px;background:rgba(245,240,231,.94);color:var(--ink);padding:10px 14px;letter-spacing:1.5px;font-size:9px;font-weight:700}.portfolio-spotlight{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:#dcd0c2}.spotlight-image{position:relative;min-height:520px;overflow:hidden}.spotlight-image img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.spotlight-mark{position:absolute;bottom:26px;left:26px;background:var(--paper);color:var(--ink);font-size:10px;letter-spacing:1.8px;padding:12px}.spotlight-copy{padding:clamp(35px,6vw,100px);display:flex;flex-direction:column;align-items:start;justify-content:center}.spotlight-copy h2{font:400 clamp(46px,5vw,86px)/1.06 var(--serif);letter-spacing:-.055em;margin:20px 0}.spotlight-copy p{max-width:460px;line-height:1.85;color:#58564e;font-size:15px}.spotlight-actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin:25px 0}.spotlight-copy .micro{font-size:11px}.process-section{background:#f7f3ed}.filter-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:-5px 0 37px}.filter-btn{border:1px solid #c8c1b6;background:transparent;padding:12px 20px;border-radius:0;text-transform:uppercase;letter-spacing:1.1px;font-size:10px;color:var(--ink);transition:background .2s,color .2s}.filter-btn:is(:hover,.is-active){background:var(--ink);color:var(--paper)}.work-card[hidden]{display:none!important}.case-hero .page-title{font-size:clamp(92px,13vw,190px);letter-spacing:-.08em}.case-cover{width:100%;height:min(68vw,750px);min-height:360px;background:#ddd0c2;overflow:hidden}.case-cover img{width:100%;height:100%;object-fit:cover}.case-story{padding-top:100px;padding-bottom:100px}.preview-section{padding:80px 5.5% 120px;background:#e6ded3}.preview-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.preview-head h2{font:400 clamp(43px,5vw,75px)/1.1 var(--serif);letter-spacing:-.05em;margin:15px 0 0}.browser{background:#fff;border:1px solid #bab4a9;box-shadow:0 20px 50px rgba(39,35,30,.1)}.browser-bar{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#f6f5f3;border-bottom:1px solid #e4e0db;font-size:10px;letter-spacing:1px;color:#777}.browser-bar a{color:var(--ink)}.browser-dots{display:flex;gap:6px}.browser-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#bfb7ad}.browser iframe{height:630px;width:100%;display:block;border:0;background:#eee}.preview-section .micro{margin-top:18px}a:focus-visible,button:focus-visible{outline:2px solid #77735b;outline-offset:4px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.in-view{opacity:1;transform:none}@media(max-width:900px){.portfolio-spotlight{grid-template-columns:1fr}.spotlight-image{min-height:420px}.spotlight-copy{padding:65px 6%}.hero{min-height:710px}}@media(max-width:700px){.portfolio-spotlight .spotlight-image{min-height:300px}.spotlight-copy{padding:58px 5%}.preview-section{padding:65px 5%}.preview-head{display:block}.preview-head .text-link{margin-top:20px}.browser iframe{height:440px}.case-cover{min-height:250px}.hero{min-height:620px}.hero:before{width:80vw;height:80vw;right:-38vw}.filter-btn{padding:11px 13px}.visual-chip{font-size:8px}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}

/* Auvrel v3: responsive polish, portfolio and touch UX */
html,body{max-width:100%;overflow-x:clip}img,video,iframe{max-width:100%}img{display:block}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}.site-header{isolation:isolate}.menu-toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center;position:relative;z-index:102;border:1px solid transparent;border-radius:4px}.menu-icon{width:24px;height:18px;display:flex;flex-direction:column;justify-content:space-around}.menu-icon i{display:block;height:1.5px;background:var(--ink);width:24px;transition:transform .25s,opacity .25s}.menu-toggle[aria-expanded="true"] .menu-icon i:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] .menu-icon i:last-child{transform:translateY(-4.5px) rotate(-45deg)}.work-card:focus-visible,.architecture-spotlight-image:focus-visible{outline:3px solid var(--olive);outline-offset:5px}.atelier-visual{width:100%;height:100%;position:relative;overflow:hidden;background:#c3b8a5}.atelier-visual img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.15,1)}.work-card:hover .atelier-visual img{transform:scale(1.055)}.atelier-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,27,24,.35),rgba(27,27,24,.05) 80%)}.atelier-overlay{position:absolute;z-index:2;top:50%;left:8%;transform:translateY(-50%);font:400 clamp(36px,4vw,68px)/.97 var(--serif);letter-spacing:-.05em;color:#f8f5ee}.atelier-overlay i{font-weight:400}.atelier-overlay small{display:block;margin-top:22px;font:500 10px var(--sans);letter-spacing:2px}.atelier-visual .visual-chip{z-index:3}.architecture-spotlight{display:grid;grid-template-columns:1fr 1fr;background:#e5dfd4;min-height:590px}.architecture-spotlight-copy{padding:clamp(55px,7vw,110px) 9%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.architecture-spotlight-copy h2{font:400 clamp(46px,5.1vw,90px)/1.04 var(--serif);letter-spacing:-.055em;margin:22px 0}.architecture-spotlight-copy p{font:400 16px/1.9 var(--sans);color:#55534e;max-width:440px;margin:0 0 30px}.architecture-spotlight-copy .micro{margin-top:26px}.architecture-spotlight-image{position:relative;min-height:550px;overflow:hidden}.architecture-spotlight-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.architecture-spotlight-image:hover img{transform:scale(1.035)}.architecture-spotlight-image>span{position:absolute;bottom:25px;left:26px;color:#fff;font-size:10px;letter-spacing:2px}.portfolio-outro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:45px}.architecture-cover img{object-position:center 48%}.browser-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 12px}.footer a:hover{text-decoration:underline;text-underline-offset:4px}form input,form select,form textarea{max-width:100%}
@media(max-width:1000px){.hero-main{gap:4%}.hero h1{font-size:clamp(62px,9vw,120px)}.architecture-spotlight-copy{padding:60px 7%}.architecture-spotlight-image{min-height:460px}.footer-top{gap:25px}}
@media(max-width:700px){.site-header{padding:13px 5%;min-height:72px}.brand{font-size:25px}.brand small{font-size:8px;letter-spacing:2px}.menu-toggle{display:flex}.nav{display:none;top:100%;padding:25px 5% 28px;gap:0;box-shadow:0 16px 20px rgba(0,0,0,.06);max-height:calc(100dvh - 72px);overflow-y:auto}.nav.open{display:flex}.nav>a{padding:16px 0;border-bottom:1px solid var(--line);font-size:13px;min-height:48px;display:flex;align-items:center}.nav>.nav-cta{margin-top:16px;padding:17px 18px;justify-content:space-between;border:0}.hero{min-height:auto;padding:82px 5% 32px}.hero-main{display:flex;flex-direction:column;align-items:flex-start;gap:32px;margin:32px 0 70px;width:100%}.hero h1{font-size:clamp(61px,13.8vw,95px);line-height:1.04;overflow-wrap:normal;letter-spacing:-.075em}.hero-intro{width:100%;max-width:500px}.hero-intro p{font-size:16px;line-height:1.7}.hero-bottom{display:flex;gap:16px;flex-wrap:wrap;font-size:9px}.marquee{overflow:hidden}.section{padding:72px 5%}.section h2,.strip h2,.statement h2{font-size:clamp(42px,11vw,66px);overflow-wrap:break-word}.section-top .section-summary{font-size:15px}.work-grid{grid-template-columns:minmax(0,1fr);gap:32px}.work-card figure{aspect-ratio:1.13}.work-caption{gap:12px}.work-caption h3{font-size:27px}.work-caption small{font-size:11px}.atelier-overlay{font-size:clamp(39px,11vw,63px)}.architecture-spotlight{grid-template-columns:1fr}.architecture-spotlight-copy{padding:72px 6%}.architecture-spotlight-copy h2{font-size:clamp(48px,12vw,70px)}.architecture-spotlight-image{height:420px;min-height:0}.portfolio-outro{align-items:flex-start;flex-direction:column;gap:12px}.portfolio-spotlight{grid-template-columns:1fr}.spotlight-image{min-height:360px}.spotlight-copy{padding:70px 6%}.spotlight-copy h2{font-size:clamp(46px,11vw,65px)}.spotlight-actions{flex-wrap:wrap;gap:18px}.inner-hero{padding:75px 5% 55px}.inner-hero .page-title,.case-hero .page-title{font-size:clamp(55px,12vw,94px);overflow-wrap:anywhere;line-height:1.06}.inner-hero .lead{max-width:100%;font-size:16px}.project-tags{gap:8px;flex-wrap:wrap}.tag{font-size:9px}.content-cols{display:grid;grid-template-columns:1fr;gap:25px}.content-cols .heading{font-size:clamp(42px,10vw,65px)!important}.case-story{padding-top:70px;padding-bottom:70px}.preview-section{padding:65px 5% 80px}.preview-head{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.preview-head h2{font-size:clamp(42px,10vw,65px)}.browser iframe{height:480px}.browser-bar{padding:0 10px}.browser-label{font-size:8px}.footer-top{display:block}.footer-links{display:flex;gap:40px;flex-wrap:wrap}.foot-bottom{font-size:11px}.strip{padding:70px 5%;gap:30px}.service{display:grid;grid-template-columns:35px 1fr;gap:10px}.service p{grid-column:2}.process{grid-template-columns:1fr}.statement{padding:75px 5%}.statement h2{margin-bottom:25px}.contact-layout{grid-template-columns:1fr;padding:0 5% 85px}.contact-layout input,.contact-layout textarea,.contact-layout select{font-size:16px}.backtop{bottom:20px;right:20px}}
@media(max-width:390px){.hero h1{font-size:clamp(54px,13.4vw,64px)}.brand{font-size:22px}.brand small{letter-spacing:1.5px}.hero{padding-top:65px}.work-card figure{aspect-ratio:1.02}.spotlight-copy,.architecture-spotlight-copy{padding-left:5%;padding-right:5%}.browser iframe{height:390px}.preview-head h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}


/* Auvrel v5: logo integration, Fieldwork card and SEO-ready polish */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.brand-logo{display:flex;align-items:center}.brand-logo img{width:176px;height:auto;display:block}.footer-brand{display:inline-block}.studio-logo-section{background:#f7f3ed}.logo-showcase{display:flex;justify-content:center;align-items:center;padding:30px 0 10px}.logo-showcase img{width:min(420px,80vw);height:auto}.contact-logo{margin-top:28px}.contact-logo img{width:min(220px,60vw);height:auto}.fieldwork-visual{width:100%;height:100%;position:relative;overflow:hidden;background:#20303a}.fieldwork-visual img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.15,1)}.work-card:hover .fieldwork-visual img{transform:scale(1.055)}.fieldwork-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,21,28,.62),rgba(11,21,28,.16) 78%)}.fieldwork-overlay{position:absolute;z-index:2;left:8%;bottom:9%;font:400 clamp(34px,4vw,64px)/.95 var(--serif);letter-spacing:-.05em;color:#f8f5ee}.fieldwork-overlay i{font-style:italic;font-weight:400}.fieldwork-overlay small{display:block;margin-top:16px;font:600 10px var(--sans);letter-spacing:2px;color:#d9b58a}.fieldwork-visual .visual-chip{z-index:3;background:#1f3340;color:#f8f5ee}.fieldwork-spotlight{display:grid;grid-template-columns:1fr 1fr;background:#d6d0c4;min-height:590px}.fieldwork-spotlight-copy{padding:clamp(55px,7vw,110px) 9%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.fieldwork-spotlight-copy h2{font:400 clamp(46px,5.1vw,90px)/1.04 var(--serif);letter-spacing:-.055em;margin:22px 0}.fieldwork-spotlight-copy p{font:400 16px/1.9 var(--sans);color:#55534e;max-width:440px;margin:0 0 30px}.fieldwork-spotlight-copy .micro{margin-top:26px}.fieldwork-spotlight-image{position:relative;min-height:550px;overflow:hidden}.fieldwork-spotlight-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.fieldwork-spotlight-image:hover img{transform:scale(1.035)}.fieldwork-spotlight-image>span{position:absolute;bottom:25px;left:26px;color:#fff;font-size:10px;letter-spacing:2px}.fieldwork-cover img{object-position:center 45%}@media(max-width:700px){.brand-logo img{width:132px}.fieldwork-spotlight{grid-template-columns:1fr}.fieldwork-spotlight-copy{padding:72px 6%}.fieldwork-spotlight-copy h2{font-size:clamp(48px,12vw,70px)}.fieldwork-spotlight-image{height:420px;min-height:0}.logo-showcase img{width:min(290px,88vw)}.contact-logo img{width:min(160px,54vw)}}
/* V6 agency identity: transparent logo assets and compact navigation */
.site-header{min-height:82px}
.brand-wordmark{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;flex:0 0 auto;line-height:1}
.brand-wordmark img{display:block;width:150px;height:auto;max-height:49px;object-fit:contain;object-position:left center}
.brand-wordmark .brand-subtitle{display:block;font-family:var(--sans);font-size:8px;font-weight:600;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;padding-left:2px;margin-top:0}
.footer-seal{display:block;width:178px;max-width:100%}.footer-seal img{display:block;width:100%;height:auto;object-fit:contain}.footer-top>div:first-child>p{margin-top:18px}
.logo-showcase img,.contact-logo img{object-fit:contain}
@media(max-width:700px){.site-header{min-height:71px}.brand-wordmark img{width:120px;max-height:38px}.brand-wordmark .brand-subtitle{font-size:6.6px;letter-spacing:1.45px}.footer-seal{width:150px}}
@media(min-width:701px) and (max-width:900px){.brand-wordmark img{width:124px}.brand-wordmark .brand-subtitle{font-size:7px;letter-spacing:1.5px}}


/* V7 / Premium commercial clarity, long-form case studies and service definition */
.hero-value{font-size:clamp(17px,1.5vw,21px)!important;line-height:1.65!important;color:#454640!important}.hero-actions,.service-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.hero-actions .text-link{white-space:nowrap}.hero-proof{font-size:10px!important;letter-spacing:1px;text-transform:uppercase;color:#77756b!important;margin-top:28px!important;line-height:1.8!important}.client-journey{background:#eae3d9}.journey-grid,.values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.journey-grid article,.values-grid article{border-top:1px solid #a9a092;padding:24px 4px 20px}.journey-grid span,.values-grid span{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#6b715b}.journey-grid h3,.values-grid h3{font:400 clamp(26px,2.5vw,37px)/1.18 var(--serif);letter-spacing:-.04em;margin:22px 0 13px}.journey-grid p,.values-grid p{font-size:14px;line-height:1.85;color:var(--muted)}
.service-hero-actions{margin-top:36px}.service-offers{padding-top:80px}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.offer{border:1px solid #c9c2b6;padding:32px clamp(18px,2.4vw,38px) 27px;display:flex;flex-direction:column;min-height:610px;background:#f6f2eb}.feature-offer{background:#e5ddd0;border-color:#afa497}.offer-number{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:#696b61}.offer h3{font:400 clamp(31px,3vw,46px)/1.1 var(--serif);letter-spacing:-.05em;margin:26px 0 15px}.offer p{line-height:1.8;font-size:14px;color:#625f57}.offer ul{padding-left:18px;margin:22px 0 30px}.offer li{padding:7px 0;font-size:13px;line-height:1.6}.offer-foot{border-top:1px solid #bdb4a7;margin-top:auto;padding-top:18px;color:#6c6c62;font-size:11px;line-height:1.8}.offer-foot strong{display:block;color:var(--ink);font-size:12px}.service-clarity{background:#ddd6cb}.process-last{margin-top:20px;grid-template-columns:1fr 1fr 1fr}.faq-list{border-top:1px solid var(--line);max-width:1000px}.faq-list details{border-bottom:1px solid var(--line);padding:26px 0}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:30px;font:400 clamp(22px,2.5vw,34px)/1.3 var(--serif)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font:400 25px var(--sans);color:#7a786e}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:14px;line-height:1.9;color:var(--muted);max-width:760px}
.founder-section{display:grid;grid-template-columns:45% 55%;background:#e4ddd2}.founder-visual{background:#d2c8b9;min-height:630px;padding:54px clamp(30px,5vw,80px);display:flex;flex-direction:column;justify-content:space-between}.founder-monogram{font:400 clamp(180px,23vw,370px)/.9 var(--serif);letter-spacing:-.1em;text-align:center;color:#34352f}.founder-monogram span{color:#868273}.founder-caption{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#67685e}.founder-copy{padding:clamp(55px,7vw,110px) clamp(35px,7vw,110px)}.founder-copy h2{font:400 clamp(43px,5vw,76px)/1.08 var(--serif);letter-spacing:-.05em;margin:20px 0 30px}.founder-copy p{line-height:1.85;color:#5c5c56;font-size:15px;max-width:580px}.founder-signoff{font-family:var(--serif);font-size:26px!important;color:#252622!important;margin:30px 0!important}.founder-signoff span{font:500 10px var(--sans);letter-spacing:2px;text-transform:uppercase;color:#77756a}.values-grid{margin-top:15px}
.case-context{padding-top:55px;padding-bottom:60px;background:#e9e3d9}.case-context-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.case-disclaimer{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#666761}.case-context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.case-context-grid>div{border-top:1px solid #bcb5ab;padding-top:22px}.context-label{display:block;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#666761;margin-bottom:12px}.case-context-grid strong,.case-context-grid a{font:400 clamp(20px,2vw,30px)/1.2 var(--serif);letter-spacing:-.035em}.case-context-grid a{text-decoration:underline;text-underline-offset:5px}.case-narrative{background:#f6f2ed}.case-narrative-grid,.case-feature-grid,.case-decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.case-narrative-grid article,.case-feature-grid article,.case-decision-grid article{padding:26px 0 15px;border-top:1px solid var(--line)}.case-narrative-grid h3,.case-feature-grid h3,.case-decision-grid h3{font:400 clamp(27px,2.5vw,40px)/1.2 var(--serif);letter-spacing:-.04em;margin:22px 0 16px}.case-narrative-grid p,.case-feature-grid p,.case-decision-grid p{font-size:14px;line-height:1.85;color:#686761}.case-features{background:#ece6de}.feature-index{font-size:11px;color:var(--olive);letter-spacing:1px}.case-showcase{background:#ddd5ca;padding:105px 5.5% 115px}.case-showcase-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:44px}.case-showcase-head h2{font:400 clamp(46px,6vw,90px)/1.05 var(--serif);letter-spacing:-.055em;margin:15px 0}.case-showcase-head p{max-width:330px;color:#585952;font-size:14px;line-height:1.8}.device-gallery{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:35px;align-items:start;margin-bottom:35px}.desktop-device{border:1px solid #a79f93;background:#f5f2ee;box-shadow:0 18px 42px rgba(42,38,33,.08);min-width:0}.device-chrome{height:45px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #d9d5ce;padding:0 16px;color:#666;font-size:10px;letter-spacing:.5px}.device-chrome>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-chrome a{white-space:nowrap;color:#252722}.desktop-device iframe{display:block;width:100%;height:600px;border:0;background:#f6f2ed}.mobile-device-wrap{display:flex;flex-direction:column;align-items:center;gap:20px}.mobile-device{width:270px;height:560px;border:9px solid #292b2a;border-radius:36px;overflow:hidden;position:relative;background:#fff;box-shadow:0 18px 42px rgba(42,38,33,.16)}.mobile-device iframe{width:390px;height:815px;border:0;transform:scale(.64);transform-origin:top left;position:absolute;top:19px;left:0}.mobile-sensor{position:absolute;top:0;left:35%;width:30%;height:14px;border-radius:0 0 12px 12px;background:#292b2a;z-index:5}.mobile-device-caption{max-width:280px;font-size:12px;line-height:1.7;color:#6b6861;text-align:center}.case-decisions{background:#f6f2eb}.case-decisions .micro{margin-top:35px}
@media(max-width:1050px){.offer-grid{grid-template-columns:1fr 1fr}.offer:last-child{grid-column:1/-1;min-height:0}.device-gallery{grid-template-columns:1fr 260px;gap:20px}.mobile-device{transform:scale(.9);transform-origin:top center}.founder-copy{padding:65px 45px}}@media(max-width:700px){.hero-actions,.service-hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-actions .button-dark{width:100%;justify-content:space-between}.hero-proof{font-size:9px!important}.journey-grid,.values-grid,.case-narrative-grid,.case-feature-grid,.case-decision-grid,.case-context-grid,.offer-grid{grid-template-columns:1fr}.offer:last-child{grid-column:auto}.offer{min-height:0}.client-journey .section-top{margin-bottom:25px}.service-offers{padding-top:65px}.founder-section{grid-template-columns:1fr}.founder-visual{min-height:340px;padding:30px 6%}.founder-monogram{font-size:210px}.founder-copy{padding:65px 6%}.case-context-top{align-items:flex-start;flex-direction:column}.case-context-grid{gap:9px}.case-showcase{padding:72px 5%}.case-showcase-head{display:block}.device-gallery{display:block}.desktop-device iframe{height:460px}.mobile-device-wrap{margin-top:35px}.mobile-device{transform:none}.case-showcase>.button-dark{width:100%}.case-showcase-head p{max-width:100%}.process-last{grid-template-columns:1fr}.faq-list summary{font-size:25px}}
@media(prefers-reduced-motion:reduce){.mobile-device iframe{scroll-behavior:auto}}

/* V8 — responsive, correctly filled portfolio phone previews */
.device-gallery{grid-template-columns:minmax(0,1fr) 320px;gap:clamp(24px,3vw,48px);align-items:start}
.mobile-device-wrap{width:100%;max-width:320px;justify-self:center}
.mobile-device{width:100%;max-width:320px;height:650px;transform:none!important;transform-origin:center;border:9px solid #292b2a;border-radius:42px;overflow:hidden;background:#f6f3ed;isolation:isolate}
.mobile-device iframe{display:block;position:absolute;inset:0!important;top:0!important;left:0!important;width:100%!important;height:100%!important;max-width:none;border:0;transform:none!important;transform-origin:initial!important;background:#fff}
.mobile-sensor{pointer-events:none;left:calc(50% - 49px);width:98px;height:16px;z-index:5}
.mobile-device-caption{max-width:310px;margin:0;text-align:center;font-size:12px;line-height:1.7}
.phone-preview-note{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}
.phone-open-link{font-size:10px;letter-spacing:1.15px;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px;line-height:1.6;text-align:center}
.case-showcase-head p{max-width:400px}
.case-project-nav{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d6d0c7;border-top:1px solid #d6d0c7;border-bottom:1px solid #d6d0c7}
.case-project-nav a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:165px;padding:30px 10%;background:var(--paper);transition:background .2s}
.case-project-nav a:hover{background:#eae3d8}
.case-project-nav a:last-child{align-items:flex-end;text-align:right}
.case-project-nav span{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--olive)}
.case-project-nav strong{font:400 clamp(27px,3.1vw,47px)/1.2 var(--serif);letter-spacing:-.045em;margin-top:12px}
.case-project-nav a:focus-visible,.phone-open-link:focus-visible{outline:2px solid var(--olive);outline-offset:-4px}
@media(max-width:1050px){.device-gallery{grid-template-columns:minmax(0,1fr) 290px;gap:22px}.mobile-device-wrap{max-width:290px}.mobile-device{max-width:290px;height:610px}}
@media(max-width:760px){.device-gallery{display:flex;flex-direction:column;gap:36px}.desktop-device{width:100%}.mobile-device-wrap{max-width:320px;align-self:center}.mobile-device{max-width:320px;height:650px}.case-project-nav a{min-height:135px;padding:24px 7%}.case-project-nav strong{font-size:clamp(23px,5vw,34px)}}
@media(max-width:380px){.mobile-device-wrap{max-width:calc(100vw - 48px)}.mobile-device{height:590px}.case-project-nav{grid-template-columns:1fr}.case-project-nav a:last-child{align-items:flex-start;text-align:left}}