:root{--green:#6b7b60;--forest:#424d3c;--deep:#222c23;--ink:#2a3028;--paper:#f5f5ef;--mist:#e5e8df;--line:#ccd1c5;--muted:#626b5d;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.7}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08}h2{font-size:clamp(38px,4.4vw,68px);letter-spacing:-1.8px}h3{font-size:28px}em{font-weight:400}p+p{margin-top:20px}:focus-visible{outline:3px solid #a3b591;outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.section{padding:100px max(6vw,24px)}.eyebrow{font-size:12px;letter-spacing:2.3px;font-weight:600;line-height:1.6;margin-bottom:24px}.section-head{max-width:720px;margin-bottom:48px}.section-head>p:last-child{margin-top:24px;color:var(--muted);max-width:510px}.section-head.split{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:40px}.split>p,.split>div+div{max-width:360px}.split>p{margin-bottom:5px}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 25px;border:1px solid transparent;font-size:14px;line-height:1.4;min-height:52px;transition:background .3s,transform .3s,box-shadow .3s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0002}.light{background:var(--paper);color:var(--forest)}.light:hover{background:var(--mist)}.dark{background:var(--forest);color:white}.dark:hover{background:var(--deep)}.underlink{display:inline-block;border-bottom:1px solid var(--green);padding-bottom:4px;font-size:14px;margin-top:22px}.underlink:hover{color:var(--green)}header{position:fixed;z-index:30;top:0;width:100%;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;color:white;transition:background .35s,height .35s,box-shadow .35s}header.scrolled{height:80px;background:rgba(245,245,239,.96);color:var(--ink);box-shadow:0 2px 20px #0001;backdrop-filter:blur(15px)}.brand{background:var(--paper);padding:7px 13px;align-self:stretch;display:flex;align-items:center}.brand img{width:83px;height:68px;object-fit:contain}nav{display:flex;gap:27px;align-items:center}nav a{font-size:13px;position:relative}nav a:after{content:'';position:absolute;left:0;bottom:-7px;width:0;height:1px;background:currentColor;transition:width .3s}nav a:hover:after{width:100%}nav .nav-cta{padding:12px 17px;border:1px solid #ffffff70}header.scrolled .nav-cta{border-color:var(--line)}.menu-toggle{display:none}.hero{height:100svh;min-height:720px;max-height:1200px;position:relative;background:var(--forest);overflow:hidden;color:white}.hero-image{height:100%;object-position:center 56%;animation:hero-settle 1.8s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#172017bd 0%,#1e281e7a 45%,#171e170d 80%),linear-gradient(0deg,#172017ad,transparent 30%,transparent 75%,#17201766)}.hero-content{position:absolute;left:8%;right:5%;top:50%;transform:translateY(-42%);max-width:800px;animation:appear 1.2s ease both}.hero h1{font-size:clamp(58px,6.5vw,105px);letter-spacing:-3.2px;line-height:1.05}.hero h1 em{color:#e4e9dd}.hero-tag{font-family:var(--serif);font-size:25px;margin-top:25px}.hero-intro{max-width:390px;font-size:15px;color:#eee;line-height:1.8;margin-top:14px}.actions{display:flex;align-items:center;gap:30px;margin-top:34px}.text-link{font-size:14px;border-bottom:1px solid #fff8;padding:10px 0}.hero-foot{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.8px;align-items:center}.hero-foot a{display:flex;align-items:center;gap:15px}.scroll-line{height:34px;width:1px;background:#fff8;display:inline-block;animation:pulse 2s infinite}.hero-index{position:absolute;right:5%;bottom:135px;font-family:var(--serif);font-size:30px}.hero-index span{font:10px var(--sans);letter-spacing:2px;margin-left:10px}.ribbon{padding:25px 4%;background:var(--forest);color:#edf0e9;display:flex;gap:30px;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px}.ribbon i{font-style:normal;color:#a5b698;font-size:20px}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-top:125px;padding-bottom:125px}.about-pictures{position:relative;padding-right:55px;padding-bottom:60px}.about-pictures>img{height:580px}.inset-image{position:absolute;right:0;bottom:0;width:43%;border:8px solid var(--paper);box-shadow:0 15px 30px #0001}.inset-image img{height:240px}.since{position:absolute;bottom:30px;left:-20px;background:var(--forest);color:white;width:160px;height:165px;display:flex;align-items:center;justify-content:center;flex-direction:column}.since strong{font:48px var(--serif)}.since span{font-size:10px;letter-spacing:2px}.about-copy>p{color:var(--muted)}.about-copy .eyebrow{color:var(--forest)}.about-copy h2{margin-bottom:25px}.lead{font-size:19px;line-height:1.65}.goal{border-left:2px solid var(--green);padding-left:22px;margin-top:28px}.goal span{font-size:11px;letter-spacing:2px}.goal p{font-family:var(--serif);font-size:21px;line-height:1.5;margin-top:7px}.philosophy{background:var(--mist)}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.principles article{border-top:1px solid #99a38f;padding-top:20px;transition:transform .3s}.principles article:hover{transform:translateY(-7px)}.principles article>span{font:italic 25px var(--serif);color:var(--green)}.principles h3{font-size:26px;margin:20px 0 14px}.principles p{font-size:14px;color:#596251}.service-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.service-image{position:sticky;top:110px}.service-image img{height:590px;transition:opacity .25s}.service-image>span{position:absolute;bottom:24px;left:24px;right:24px;background:#f5f5efe8;backdrop-filter:blur(10px);padding:18px;font-size:11px;letter-spacing:1px}.service-item{border-top:1px solid var(--line)}.service-item:last-child{border-bottom:1px solid var(--line)}.service-item summary{display:flex;gap:22px;align-items:center;padding:23px 0;cursor:pointer;list-style:none}.service-item summary::-webkit-details-marker{display:none}.service-item summary span{font-size:12px;color:var(--green)}.service-item summary h3{font-size:25px;flex:1}.service-item summary:after{content:'+';font-size:24px;font-weight:300}.service-item[open] summary:after{content:'−'}.service-body{padding:0 25px 25px 37px;color:var(--muted);font-size:15px;animation:appear .35s ease}.service-body .underlink{margin-top:15px;color:var(--forest)}.spaces{background:#ecefe6}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px}.filters button{background:transparent;border:1px solid #aeb7a5;padding:10px 21px;border-radius:30px;color:var(--forest);font-size:14px;transition:background .25s,color .25s}.filters button.active,.filters button:hover{background:var(--forest);color:white;border-color:var(--forest)}.portfolio{display:grid;grid-template-columns:1.3fr 1fr;gap:40px 32px}.project{border:0;background:transparent;text-align:left;color:var(--ink);padding:0;display:block;animation:appear .45s ease;min-width:0}.project[hidden]{display:none}.project:nth-child(even){padding-top:65px}.project-image{height:460px;overflow:hidden;position:relative}.project:nth-child(even) .project-image{height:360px}.project img{height:100%;transition:transform .7s}.project:hover img{transform:scale(1.035)}.project .view{position:absolute;right:18px;bottom:18px;padding:9px 15px;background:#f5f5efed;font-size:12px;backdrop-filter:blur(10px)}.project-info{display:flex;align-items:center;justify-content:space-between;padding-top:18px;gap:15px}.project-info h3{font-size:28px}.project-info p{font-size:11px;letter-spacing:1px;text-transform:uppercase}.gallery-note{font-size:12px;color:var(--muted);margin-top:30px}.design-banner{height:540px;position:relative;color:white;overflow:hidden}.design-banner>img{height:100%;object-position:center 45%}.design-banner:after{content:'';position:absolute;inset:0;background:#15201475}.banner-copy{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.banner-copy h2{font-size:clamp(43px,5vw,78px);margin-bottom:35px}.collection-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:36px;overflow-x:auto}.collection-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:18px 20px;white-space:nowrap;font-size:14px}.collection-tabs button:first-child{padding-left:0}.collection-tabs button[aria-selected=true]{border-color:var(--forest);color:var(--forest)}.collection-content{display:grid;grid-template-columns:1.15fr 1fr;background:var(--mist);animation:appear .4s}.collection-content img{height:540px}.collection-copy{padding:45px 55px;display:flex;flex-direction:column;justify-content:center}.collection-copy h3{font-size:48px;margin-bottom:20px}.collection-copy>p{color:var(--muted);font-size:15px}.collection-copy ul{list-style:none;padding:0;margin:22px 0 28px}.collection-copy li{padding:10px 0;border-bottom:1px solid #bec6b4;font-size:14px}.collection-copy .button{align-self:start}.process{background:var(--forest);color:var(--paper)}.process .section-head>p:last-child{color:#d3dbc9}.process-track{display:grid;grid-template-columns:repeat(7,1fr);gap:20px;margin-top:55px}.step{border-top:1px solid #ffffff50;padding-top:20px;position:relative}.step:before{content:'';width:7px;height:7px;background:#a7ba97;position:absolute;left:0;top:-4px;border-radius:50%}.step>span{font:italic 30px var(--serif);color:#bdcbb0}.step h3{font-size:21px;margin:20px 0 13px}.step p{font-size:13px;line-height:1.7;color:#dce2d6}.why{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:center}.why-image img{height:620px}.why h2{font-size:clamp(38px,3.7vw,58px)}.why-list article{border-bottom:1px solid var(--line);padding:24px 0}.why-list article:first-child{margin-top:20px}.why-list h3{font-size:24px;margin-bottom:10px}.why-list p{font-size:15px;color:var(--muted)}.commitments{text-align:center;background:var(--mist)}blockquote{font:clamp(29px,3.4vw,50px)/1.35 var(--serif);max-width:900px;margin:25px auto 30px;min-height:145px}.quote-credit{font-size:11px;letter-spacing:2px}.quote-controls{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:25px}.quote-controls button{width:46px;height:46px;border:1px solid #a9b39e;border-radius:50%;background:none;font-size:28px;color:var(--forest)}.quote-controls span{font-size:12px;letter-spacing:2px}.masonry{columns:4;column-gap:20px}.inspiration-card{display:block;width:100%;margin:0 0 20px;border:none;padding:0;background:transparent;position:relative;overflow:hidden;break-inside:avoid;text-align:left;color:white}.inspiration-card img{height:auto;transition:transform .7s}.inspiration-card:hover img{transform:scale(1.04)}.inspiration-card span{position:absolute;left:0;bottom:0;right:0;padding:40px 18px 16px;background:linear-gradient(transparent,#152014b8);font:20px var(--serif)}.contact{background:var(--deep);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:60px 8%}.contact h2{font-size:clamp(40px,4.6vw,68px)}.contact-copy>p:not(.eyebrow){color:#c6cebf;margin-top:25px;max-width:450px}.contact-details{display:grid;gap:30px;margin-top:35px}.contact-details span{font-size:11px;letter-spacing:2px;color:#c2ceb7}.contact-details p{margin-top:10px}.contact-details a:not(.underlink){display:block;font-size:18px;line-height:1.9}.contact-details a.email{font-size:15px;margin-top:10px;overflow-wrap:anywhere}.contact-details .underlink{margin-top:10px}.inquiry{padding:36px;background:#f5f5ef;color:var(--ink)}.inquiry h3{font-size:30px;margin-bottom:28px}.inquiry .eyebrow{font-size:10px;margin-bottom:15px}.inquiry label{display:block;font-size:12px;margin-bottom:21px}.inquiry input,.inquiry textarea,.inquiry select{display:block;width:100%;border:0;border-bottom:1px solid #b5bfac;border-radius:0;background:transparent;padding:12px 0;color:var(--ink);font-size:16px;min-height:46px}.inquiry textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.form-note{font-size:12px;color:var(--muted);margin:0 0 20px}.inquiry .button{width:100%}#form-status{font-size:13px;margin-top:10px}.map-wrap{grid-column:1/-1;position:relative;height:280px}.map-wrap iframe{width:100%;height:100%;border:0;filter:grayscale(.7)}.map-wrap>span{position:absolute;bottom:15px;left:15px;background:var(--paper);color:var(--forest);padding:10px 18px;font-size:11px;letter-spacing:1px;max-width:calc(100% - 30px)}footer{padding:60px 6% 25px;background:#ecefe6}.footer-top{display:grid;grid-template-columns:1.4fr .8fr .8fr 1.2fr;gap:35px;padding-bottom:50px}.footer-brand img{width:100px;height:90px;object-fit:contain}.footer-brand p{font:19px var(--serif);margin-top:20px}.footer-brand>span{font-size:10px;letter-spacing:1px}.footer-top>div>p:not(.footer-brand p){font-size:10px;letter-spacing:1.5px;margin-bottom:23px}.footer-top>div>a{display:block;font-size:14px;padding:5px 0}.footer-top .footer-invite>a{font:34px/1.2 var(--serif)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #cbd1c3;padding-top:25px;font-size:11px;color:var(--muted)}.footer-bottom>span:last-child{letter-spacing:1px;font-size:9px}.whatsapp{position:fixed;z-index:20;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;border:1px solid #ffffff50;border-radius:40px;padding:13px 20px;background:var(--forest);color:white;box-shadow:0 4px 25px #0003;font-size:13px;transition:transform .3s}.whatsapp:hover{transform:translateY(-4px)}.whatsapp svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5}.to-top{position:fixed;right:25px;bottom:90px;z-index:20;width:42px;height:42px;background:var(--paper);color:var(--forest);border:1px solid var(--line);border-radius:50%;font-size:20px;opacity:0;pointer-events:none;transition:opacity .3s}.to-top.visible{opacity:1;pointer-events:auto}dialog{max-width:1100px;width:90vw;max-height:92svh;padding:24px;border:none;background:var(--deep);color:white}dialog::backdrop{background:#0b110be8;backdrop-filter:blur(8px)}.close-dialog{position:absolute;right:12px;top:8px;z-index:2;border:0;background:var(--deep);color:white;font-size:32px;width:45px;height:45px}.lightbox-stage{display:flex;align-items:center;gap:14px;padding-top:15px}.lightbox-stage>img{width:calc(100% - 110px);height:65svh;object-fit:contain}.lightbox-stage button{width:42px;flex-shrink:0;height:48px;background:none;border:1px solid #fff5;color:white;font-size:30px}.lightbox-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 55px 0}.lightbox-caption p{font-size:10px;text-transform:uppercase;letter-spacing:1px}.lightbox-caption h3{font-size:26px;margin-top:7px}.reveal{opacity:1}.js-reveal .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.js-reveal .reveal.shown{opacity:1;transform:none}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-settle{from{transform:scale(1.035)}to{transform:scale(1)}}@keyframes pulse{50%{opacity:.3}}
@media(min-width:1600px){.section{padding-left:max(6vw,calc((100vw - 1500px)/2));padding-right:max(6vw,calc((100vw - 1500px)/2))}}
@media(max-width:1100px){nav{gap:17px}nav a{font-size:12px}.nav-cta{display:none}.about{gap:6%}.about-pictures>img{height:500px}.principles{gap:23px}.process-track{grid-template-columns:repeat(4,1fr);row-gap:35px}.collection-copy{padding:35px}.project-image{height:390px}.project:nth-child(even) .project-image{height:320px}.section{padding-top:80px;padding-bottom:80px}.why{gap:6%}.footer-top{grid-template-columns:1.2fr .8fr .8fr}.footer-invite{display:none}}
@media(max-width:760px){html{scroll-padding-top:78px}header,header.scrolled{height:78px;padding:0 20px}.brand{padding:5px 10px}.brand img{width:69px;height:59px}.menu-toggle{display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;background:none;color:inherit;border:1px solid #ffffff60;width:46px;height:44px;z-index:32}.menu-toggle span{display:block;width:21px;height:1px;background:currentColor;transition:transform .3s}header.scrolled .menu-toggle{border-color:var(--line)}.menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}header.menu-open{background:var(--paper);color:var(--forest)}nav{position:fixed;top:78px;left:0;right:0;height:calc(100dvh - 78px);background:var(--paper);color:var(--forest);padding:40px 30px;display:none;flex-direction:column;align-items:start;gap:22px;overflow-y:auto}.menu-open nav{display:flex;animation:appear .3s}nav a{font:30px var(--serif)}nav .nav-cta{display:block;font:14px var(--sans);background:var(--forest);color:white;margin-top:20px;padding:18px 25px}.hero{min-height:740px;max-height:1000px}.hero-image{object-position:58% center}.hero-shade{background:linear-gradient(90deg,#172017b0,#17201730),linear-gradient(0deg,#172017ad,transparent 70%,#17201760)}.hero-content{left:7%;right:7%;top:47%;transform:translateY(-35%);animation:none}.hero h1{font-size:clamp(50px,10.4vw,76px);letter-spacing:-2px}.hero .eyebrow{font-size:10px;letter-spacing:2px}.hero-tag{font-size:23px;margin-top:23px}.hero-intro{font-size:14px;max-width:300px}.actions{gap:18px;flex-wrap:wrap;margin-top:27px}.actions .button{font-size:13px;padding:15px 20px}.text-link{font-size:12px}.hero-foot{bottom:25px;left:7%;right:7%;font-size:8px;letter-spacing:1px}.hero-foot>span:last-child{display:none}.hero-index{display:none}.ribbon{justify-content:center;flex-wrap:wrap;gap:9px 20px;padding:20px;font-size:10px}.ribbon span:nth-of-type(n+3),.ribbon i:nth-of-type(n+2){display:none}.section{padding:65px 24px}.about{display:flex;flex-direction:column;gap:45px}.about-pictures{width:100%;max-width:520px;padding-right:40px;padding-bottom:35px}.about-pictures>img{height:440px}.inset-image img{height:190px}.since{left:-8px;bottom:20px;width:132px;height:135px}.since strong{font-size:39px}.since span{font-size:8px}.about-copy h2{font-size:43px}.about-copy p{font-size:15px}.about-copy .lead{font-size:18px}.about-copy .goal p{font-size:20px}.section-head.split{display:block}.section-head.split>p,.section-head.split>div+div{margin-top:22px;max-width:100%}.section-head{margin-bottom:35px}.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:19px}h2{font-size:43px;letter-spacing:-1.3px}.principles{grid-template-columns:1fr 1fr;gap:30px 22px}.principles h3{font-size:24px}.principles p{font-size:13px}.service-layout{display:flex;flex-direction:column;gap:25px}.service-image{position:relative;top:auto;width:100%}.service-image img{height:340px}.service-image>span{font-size:9px;left:16px;right:16px;bottom:16px;padding:14px}.service-list{width:100%}.service-item summary h3{font-size:24px}.service-item summary{gap:15px;padding:21px 0}.service-body{padding-left:30px}.filters{gap:8px}.filters button{font-size:12px;padding:9px 15px;min-height:44px}.portfolio{gap:30px;grid-template-columns:1fr}.project:nth-child(even){padding-top:0}.project-image,.project:nth-child(even) .project-image{height:390px}.project-info h3{font-size:25px}.project-info p{font-size:9px;max-width:100px;text-align:right}.design-banner{height:420px}.banner-copy h2{font-size:45px}.collection-tabs{margin-right:-24px}.collection-tabs button{padding:14px 18px;font-size:13px}.collection-content{display:block}.collection-content img{height:340px}.collection-copy{padding:32px 26px}.collection-copy h3{font-size:39px}.process-track{grid-template-columns:1fr 1fr;gap:35px 25px}.step h3{font-size:24px}.step p{font-size:13px}.why{display:flex;flex-direction:column;gap:40px}.why-image{width:100%}.why-image img{height:400px;object-position:center 60%}.why h2{font-size:42px}.why-list p{font-size:14px}blockquote{min-height:185px;font-size:31px}.masonry{columns:2;column-gap:12px}.inspiration-card{margin-bottom:12px}.inspiration-card span{font-size:16px;padding:35px 12px 12px}.contact{display:flex;flex-direction:column;gap:40px}.contact h2{font-size:44px}.inquiry{padding:28px 22px}.form-row{gap:16px}.inquiry h3{font-size:28px}.inquiry label{font-size:12px}.map-wrap{height:230px;width:100%}.map-wrap>span{font-size:9px;padding:9px}.contact-details p{font-size:15px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-brand{grid-column:1/-1}.footer-brand img{width:90px;height:75px}.footer-bottom{display:block;padding-bottom:45px}.footer-bottom>span{display:block}.footer-bottom>span:last-child{margin-top:15px}.whatsapp{right:16px;bottom:16px;padding:13px;border-radius:50%}.whatsapp span{display:none}.to-top{right:21px;bottom:81px}dialog{padding:18px 12px;width:96vw}.lightbox-stage{gap:5px}.lightbox-stage>img{width:calc(100% - 80px);height:53svh}.lightbox-stage button{width:35px}.lightbox-caption{padding:20px 5px 5px;align-items:start;flex-direction:column}.lightbox-caption h3{font-size:26px}.lightbox-caption .button{padding:12px 20px}.close-dialog{top:0;right:0}.js-reveal .reveal{transform:translateY(15px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-reveal .reveal{opacity:1;transform:none}}

.hero-content{animation:hero-copy-in 1.2s ease both}@keyframes hero-copy-in{from{opacity:0}to{opacity:1}}

/* Visual-first editorial refinement */
.hero-content{max-width:780px}.hero h1{font-size:clamp(66px,7.8vw,118px)}.hero-tag{margin-top:28px}.hero .actions{margin-top:36px}.hero-shade{background:linear-gradient(90deg,#172017a8 0%,#1e281e42 46%,transparent 85%),linear-gradient(0deg,#17201780,transparent 30%,transparent 75%,#17201755)}
.about-copy .button{margin-top:30px}.about-copy .underlink{margin-left:25px}.about{padding-top:85px;padding-bottom:85px}.about-copy .lead{max-width:420px}.about-pictures>img{height:500px}
.service-layout{display:block}.service-image{display:none}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px}.service-card-photo{height:340px;overflow:hidden;position:relative}.service-card-photo img{height:100%;transition:transform .7s}.service-card:hover img{transform:scale(1.045)}.service-card-photo>span{position:absolute;top:18px;left:18px;background:#f5f5efec;padding:6px 12px;font-size:11px;letter-spacing:1px}.service-card-copy{padding:20px 0}.service-card-copy h3{font-size:27px;line-height:1.18}.service-card-copy p{font-size:14px;color:var(--muted);margin-top:10px}.service-cta{font-size:12px;display:inline-block;border-bottom:1px solid var(--green);padding-bottom:3px;margin-top:15px}.section-head.split>.button{flex-shrink:0}.portfolio{grid-template-columns:1fr 1fr;gap:35px}.project-image{height:560px}.project:nth-child(even) .project-image{height:450px}.project:nth-child(even){padding-top:80px}.gallery-note{font-size:11px}.collection-content img{height:580px}.collection-copy>p:not(.eyebrow){font-size:18px;font-family:var(--serif)}
.material-edit{display:grid;grid-template-columns:.85fr 1fr 1fr;background:var(--forest);color:var(--paper);gap:12px;padding:60px 4%}.material-title{padding:40px 25px;align-self:center}.material-title h2{font-size:clamp(42px,4.4vw,72px);margin-bottom:35px}.material-title .eyebrow{font-size:10px}.material-photo{position:relative;padding:0;border:0;overflow:hidden;text-align:left;background:var(--forest);color:white}.material-photo img{height:620px;transition:transform .7s}.material-photo:hover img{transform:scale(1.035)}.material-photo>span{position:absolute;bottom:0;left:0;right:0;padding:50px 25px 25px;background:linear-gradient(transparent,#152014b0);font:28px var(--serif)}.process{padding-top:55px;padding-bottom:55px;background:var(--mist);color:var(--forest)}.process .section-head{margin-bottom:30px;max-width:none}.process h2{font-size:42px}.process-track{margin-top:30px}.step{border-color:#adb8a3}.step>span{color:var(--green);font-size:24px}.step h3{font-size:19px;margin:15px 0 0}.process .underlink{margin-top:30px}.masonry{columns:4}.inspiration{padding-top:75px;padding-bottom:75px}.contact .eyebrow{letter-spacing:1.6px}
@media(max-width:1100px){.service-card-photo{height:280px}.service-card-copy h3{font-size:23px}.material-title{padding:20px 10px}.material-photo img{height:500px}.project-image{height:450px}}
@media(max-width:760px){.hero h1{font-size:clamp(58px,12.5vw,85px)}.hero-content{top:50%;transform:translateY(-35%)}.hero-image{object-position:62% center}.hero-tag{font-size:21px}.about{padding-top:55px;padding-bottom:55px;gap:32px}.about-pictures>img{height:400px}.about-copy .underlink{margin-left:18px}.service-list{grid-template-columns:1fr 1fr;gap:23px 13px}.service-card-photo{height:250px}.service-card-copy{padding:14px 0}.service-card-copy h3{font-size:22px}.service-card-copy p{font-size:12px;line-height:1.6}.service-cta{font-size:11px;margin-top:12px}.portfolio{grid-template-columns:1fr;gap:28px}.project-image,.project:nth-child(even) .project-image{height:440px}.project:nth-child(even){padding-top:0}.section-head.split>.button{margin-top:22px}.collection-content img{height:420px}.material-edit{grid-template-columns:1fr 1fr;padding:40px 14px 14px;gap:12px}.material-title{grid-column:1/-1;padding:0 10px 25px}.material-title h2{font-size:47px;line-height:1.15}.material-title h2 br{display:none}.material-title h2 br:after{content:' '}.material-title h2 em{display:block}.material-photo img{height:360px}.material-photo>span{padding:40px 12px 18px;font-size:20px}.process h2{font-size:36px}.process-track{grid-template-columns:1fr 1fr;gap:25px}.step h3{font-size:20px}.step:last-child{grid-column:1/-1}.masonry{columns:2}.inspiration{padding:55px 20px}.contact h2{font-size:43px}}
@media(max-width:380px){.service-card-photo{height:210px}.service-card-copy h3{font-size:20px}.about-copy .underlink{margin-left:0;display:block;width:max-content}.hero .actions{gap:14px}}

/* Photography supplied by Odyssey, October 2026 */
.odyssey-wordmark{display:block;font:22px/1.2 Georgia,serif;letter-spacing:3px;color:var(--forest);white-space:nowrap}.odyssey-wordmark small{display:block;font:8px/1.6 Arial,sans-serif;letter-spacing:1.4px;margin-top:7px}.brand{align-self:center;padding:15px 17px}.footer-brand .odyssey-wordmark{font-size:30px}.footer-brand .odyssey-wordmark small{font-size:9px}.hero-image{object-position:center 54%}.project-image,.project:nth-child(even) .project-image{height:auto;aspect-ratio:4/5}.project:nth-child(even){padding-top:65px}.project img{height:100%;object-position:center}.service-card-photo{height:auto;aspect-ratio:4/5}.design-banner>img{object-position:center 53%}.inspiration-card img{aspect-ratio:3/4;object-fit:cover}.material-photo img{object-position:center}.collection-content img{object-position:center}.hero-shade{background:linear-gradient(90deg,#172017bf 0%,#17201778 45%,#17201718 85%),linear-gradient(0deg,#17201799,transparent 35%,transparent 75%,#17201766)}
@media(max-width:760px){.brand{padding:12px}.odyssey-wordmark{font-size:18px;letter-spacing:2px}.odyssey-wordmark small{font-size:7px}.hero-image{object-position:58% center}.project:nth-child(even){padding-top:0}.project-image,.project:nth-child(even) .project-image{height:auto;aspect-ratio:3/4}.service-card-photo{height:auto;aspect-ratio:3/4}.collection-content img{height:auto;aspect-ratio:4/5}.material-photo img{height:350px}.about-pictures>img{object-position:center}.inset-image img{object-position:center}}

/* Official branding and WhatsApp shop */
.brand .official-logo{width:87px;height:69px;object-fit:contain}.brand{padding:5px 12px}.footer-brand .official-logo{width:111px;height:88px;object-fit:contain}.nav-shop{background:var(--forest);color:white!important;border-color:var(--forest)!important}header nav{gap:19px}header nav a{font-size:12px}.shop-hero{background:var(--forest);color:white;border:1px solid #d0d9c3}.consult-shop{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:30px}.about-copy .consult-shop .button{margin-top:0}.shop-outline{border:1px solid var(--forest);background:transparent;color:var(--forest)}.shop{background:#e5e8df}.shop-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.shop-filters button{padding:10px 19px;min-height:44px;border:1px solid #a9b49d;border-radius:24px;background:transparent;color:var(--forest);font-size:13px}.shop-filters button[aria-pressed=true]{background:var(--forest);color:white}.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}.shop-product{background:var(--paper);min-width:0}.shop-product[hidden]{display:none}.product-photo{aspect-ratio:3/4;position:relative;overflow:hidden}.product-photo img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.shop-product:hover .product-photo img{transform:scale(1.035)}.product-photo>span{position:absolute;bottom:12px;left:12px;background:#f5f5efee;color:var(--forest);padding:5px 10px;font-size:10px;letter-spacing:1px}.product-content{padding:20px 17px}.product-content h3{font-size:24px;min-height:54px}.product-price{font-size:16px;font-weight:600;margin-top:10px;color:var(--forest)}.product-order{display:flex;gap:10px;align-items:end;margin-top:19px}.product-order label{font-size:10px;display:block}.product-order input{display:block;width:58px;min-height:42px;border:1px solid #bdc7b3;background:white;padding:8px;color:var(--ink);font-size:15px}.product-order button{flex:1;min-height:42px;background:var(--forest);color:white;border:1px solid var(--forest);font-size:12px;padding:8px}.product-buy{display:block;text-align:center;margin-top:12px;border:1px solid #bbc5b0;padding:11px 6px;min-height:44px;font-size:12px}.product-buy:hover{background:var(--mist)}.shop-note{font-size:12px;color:var(--muted);margin-top:23px;line-height:1.6}#shop-status{font-size:13px;min-height:25px;margin-top:10px}#shopping-bag{max-width:640px;background:var(--paper);color:var(--ink);padding:30px;max-height:90svh;overflow:auto}#shopping-bag h2{font-size:36px;margin:15px 0 25px}.bag-heading{display:flex;justify-content:space-between;align-items:center}.bag-heading img{width:70px;height:55px;object-fit:contain}.bag-heading button{border:0;background:transparent;font-size:32px;width:45px;height:45px;color:var(--forest)}.bag-row{display:flex;gap:15px;padding:18px 0;border-bottom:1px solid var(--line);align-items:start}.bag-row>img{width:70px;height:85px;object-fit:cover}.bag-row>div{flex:1}.bag-row h3{font-size:21px}.bag-row p{font-size:12px;margin-top:7px}.bag-row label{font-size:11px}.bag-row input{width:50px;padding:5px;border:1px solid #aeb9a3;min-height:36px;margin:8px 8px 0}.bag-row button{border:0;border-bottom:1px solid #839275;background:transparent;font-size:11px;color:var(--forest)}.bag-row>strong{font-size:12px}.bag-summary>p:first-child{display:flex;justify-content:space-between;margin:25px 0;font-size:19px}.bag-summary .button{width:100%}.bag-summary .button[hidden]{display:none}#continue-shopping{display:block;padding:12px;background:transparent;border:0;text-decoration:underline;color:var(--forest);margin:10px auto}.empty-bag{padding:30px 0;color:var(--muted)}
@media(max-width:1100px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}header nav{gap:15px}.nav-shop{display:block!important}.product-content h3{min-height:auto}}
@media(max-width:760px){.brand .official-logo{width:69px;height:59px}.brand{padding:4px 9px}header nav a{font-size:29px}header nav .nav-cta{font-size:14px;margin-top:0}.hero .actions{gap:10px}.hero .actions .button{padding:14px 17px;font-size:12px}.hero .actions .text-link{flex-basis:100%;width:max-content;max-width:max-content}.shop-grid{gap:20px 12px}.product-content{padding:15px 11px}.product-content h3{font-size:22px;min-height:52px}.product-price{font-size:14px}.product-order{gap:6px}.product-order input{width:46px}.product-order button{font-size:11px}.product-buy{font-size:11px}.shop .section-head.split>#open-bag{margin-top:25px}.consult-shop .button{font-size:12px;padding:14px 16px}.shop-filters{gap:7px}.shop-filters button{padding:9px 12px;font-size:12px}#shopping-bag{padding:23px 16px}.bag-row{gap:10px}.bag-row>img{width:52px;height:70px}.bag-row h3{font-size:18px}.bag-row>strong{font-size:10px;max-width:80px}.bag-row input{margin-right:4px}}


/* Uniform picture frames within each section. Full previews retain the entire image. */
.portfolio{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.project:nth-child(even){padding-top:0}
.project-image,.project:nth-child(even) .project-image{height:auto;aspect-ratio:4/5}
.service-list{align-items:start}.service-card{min-width:0}
.service-card-photo{height:auto;aspect-ratio:4/5}
.masonry{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;columns:auto}
.inspiration-card{margin:0;aspect-ratio:3/4}.inspiration-card img{height:100%;width:100%;object-fit:cover}
.material-photo{aspect-ratio:4/5}.material-photo img{height:100%;width:100%}
.product-photo{aspect-ratio:4/5}.shop-product{display:flex;flex-direction:column}.shop-product .product-content{display:flex;flex-direction:column;flex:1}.product-content h3{min-height:2.2em}.product-order{margin-top:auto;padding-top:19px}
#navigation .nav-shop{padding:10px 14px}#navigation .nav-cta{display:block}
@media(min-width:761px) and (max-width:1200px){#navigation{gap:12px}#navigation a{font-size:11px}#header{padding-left:3%;padding-right:3%}}
@media(max-width:760px){.portfolio{grid-template-columns:1fr}.masonry{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.material-photo{aspect-ratio:3/4}.material-photo img{height:100%}.project:nth-child(even){padding-top:0}.product-content h3{font-size:20px}.product-order{flex-wrap:wrap}.product-order button{min-width:72px}}
@media(max-width:360px){.shop-grid{grid-template-columns:1fr}.product-content h3{min-height:0}}
