@font-face{font-family:Manrope;src:url('./assets/manrope-latin.woff') format('woff');font-style:normal;font-weight:200 800;font-display:swap}
:root{--paper:#f5f1e9;--ink:#2b211b;--muted:#786a5d;--copper:#a5653d;--line:#cfc5b6;--gutter:clamp(1.5rem,6vw,7rem);--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.55 Manrope,Arial,sans-serif}body.menu-open{overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}svg{display:block}h1,h2,h3,p{margin:0}h1,h2{font-weight:400;letter-spacing:-.058em;line-height:1.065}h3{font-weight:500}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--copper);outline-offset:6px}::selection{background:#c19d77;color:#201b17}[hidden]{display:none!important}.definitions{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--paper);z-index:100}.skip-link:focus{top:12px}.eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.22em;line-height:1.7}.muted{color:var(--muted)}.wordmark{display:inline-flex;align-items:center;justify-content:flex-start;flex-shrink:0;min-height:44px;max-width:100%;font-size:2rem;line-height:1}.wordmark-image{display:block;width:auto;height:1.25rem;max-width:none;flex-shrink:0}
.site-header{position:absolute;top:12px;left:0;right:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px var(--gutter);min-height:88px;transition:background .25s,box-shadow .25s}.site-header.is-scrolled{position:fixed;top:0;min-height:72px;padding-top:16px;padding-bottom:16px;background:rgba(245,241,233,.96);box-shadow:0 1px 0 rgba(133,112,90,.12)}.header-category{text-transform:uppercase;font-size:.75rem;letter-spacing:.18em;justify-self:start}.menu-toggle{justify-self:end;display:flex;gap:16px;align-items:center;font-size:.875rem;letter-spacing:.1em;min-height:44px;color:#faf6ec}.menu-toggle span{font-size:1.25rem}.is-scrolled .menu-toggle{color:var(--ink)}
.hero{position:relative;margin:12px 12px 0;overflow:hidden;border-radius:48px 48px 0 0;min-height:660px;height:clamp(660px,90svh,900px);max-height:none;background:#e8dfce}.hero-art{position:absolute;inset:0;background:url('./assets/renewx-wall.webp') center/100% 100% no-repeat}.hero-copy{position:absolute;left:calc(var(--gutter) - 12px);top:20%;width:calc(59.5% - var(--gutter) - 12px);z-index:1}.hero h1{font-size:clamp(3.2rem,min(5.4vw,9svh),5.5rem)}.hero-promise{font-size:clamp(1.4rem,min(2.1vw,3.6svh),2.2rem);color:#945633;letter-spacing:-.035em;margin-top:12px;line-height:1.25}.hero-description{font-size:clamp(1rem,1.1vw,1.25rem);line-height:1.5;margin-top:20px;letter-spacing:-.015em}.hero-sentence{display:inline-block;max-width:100%}.hero-copy-line{display:inline}.hero-foot{position:absolute;left:calc(var(--gutter) - 12px);bottom:10%;z-index:1}.hero-foot .eyebrow{margin-top:24px}.mark-link{display:inline-flex;align-items:center;gap:14px;min-height:48px;line-height:1.4;font-size:1rem;padding:4px 0}.mark-link>svg:first-child{width:30px;height:30px;color:var(--copper);flex-shrink:0;transition:transform .4s var(--ease)}.mark-link:hover>svg:first-child{transform:rotate(90deg)}.mark-link>span:last-child:not(:nth-child(2)){margin-left:12px}.line-arrow{display:inline-block;vertical-align:middle;width:18px;height:18px;flex:0 0 18px;color:var(--copper)}.arrow-down{transform:rotate(135deg)}.arrow-up{transform:rotate(-45deg)}.hero-mobile-wall,.hero-mobile-base{display:none}.stone-bridge{height:110px;position:relative;margin:0 12px;overflow:hidden;background:linear-gradient(#e8e0d5,var(--paper));isolation:isolate}.stone-bridge:before{content:'';position:absolute;inset:0;background:url('./assets/renewx-wall.webp') center bottom/100% auto;opacity:.2;mask-image:linear-gradient(#000,transparent)}.bridge-line{position:absolute;left:calc(var(--gutter) - 12px + 15px);top:0;width:1px;height:100%;background:linear-gradient(var(--copper),var(--line));transform-origin:top;transform:scaleY(var(--bridge,1))}.stone-bridge svg{position:absolute;left:calc(var(--gutter) - 12px + 3px);top:calc(10% + var(--bridge,0) * 50%);width:25px;height:25px;color:var(--copper)}
.section{position:relative;padding:90px var(--gutter);max-width:1800px;margin:auto;scroll-margin-top:0}.section h2{font-size:clamp(3rem,4.65vw,5.3rem)}.section-subtitle{font-size:clamp(1.25rem,2.05vw,2rem);line-height:1.4;letter-spacing:-.035em;margin-top:14px}.chapter-title{display:flex;align-items:center;gap:12px;text-transform:uppercase;font-size:.75rem;letter-spacing:.18em;margin-bottom:28px}.chapter-title svg{height:26px;width:26px;color:var(--copper)}.heading-description{font-size:1.125rem;line-height:1.65;max-width:390px;color:#655749}.section-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding-top:48px;margin-top:52px;border-top:1px solid var(--line);font-size:.875rem;color:#72614f}.section-bottom>span{font-size:.75rem;letter-spacing:.14em}.section-bottom a{display:inline-flex;align-items:center;gap:16px;min-height:44px}.text-link{display:inline-flex;gap:18px;align-items:center;min-height:44px;font-size:.9375rem;border-bottom:1px solid var(--line)}.text-link:hover{border-color:var(--copper)}
.process-section{display:grid;grid-template-columns:40% minmax(0,60%);grid-template-rows:auto 1fr auto;column-gap:0;padding-top:50px;padding-bottom:84px}.process-intro{grid-column:1;grid-row:1;z-index:2}.process-intro>.eyebrow{margin-bottom:24px}.process-navigation{grid-column:1;grid-row:2;margin-top:55px;z-index:2;align-self:start}.process-tabs{display:flex;flex-direction:column;gap:10px}.process-tabs button{display:grid;grid-template-columns:30px 40px auto;align-items:center;justify-content:start;gap:14px;padding:10px 0;text-align:left;font-size:1.65rem;color:#8b7c6d;min-height:52px;transition:color .25s}.process-tabs svg{width:26px;height:26px;color:var(--copper);opacity:0;transform:scale(.75);transition:opacity .25s,transform .25s}.process-tabs .step-number{font-size:1.25rem}.process-tabs [aria-selected=true]{color:var(--ink)}.process-tabs [aria-selected=true] .step-number{color:var(--copper)}.process-tabs [aria-selected=true] svg{opacity:1;transform:none}.process-description{margin:24px 0 22px 44px;max-width:290px;min-height:100px}.process-description p:first-child{font-size:1.125rem;line-height:1.5}.process-description .muted{font-size:.875rem;margin-top:12px}.stage-link{margin-left:44px}.process-visual{grid-column:2;grid-row:1/span 2;min-width:0;align-self:center;transform:translateY(calc((1 - var(--room-entry,1)) * 36px));opacity:calc(.65 + var(--room-entry,1) * .35);transition:opacity .2s;outline-offset:8px}.room-frame{position:relative;aspect-ratio:1/1;width:115%;margin-left:-6%;isolation:isolate}.room-image{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.room-image,.source-image img{clip-path:polygon(55.981% 1.515%,90.909% 28.628%,90.909% 70.893%,48.884% 97.767%,14.593% 70.813%,11.085% 68.102%,11.085% 34.450%,14.354% 36.683%,14.753% 36.124%,14.753% 27.273%)}.room-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}.room-count{color:var(--copper);font-size:.75rem;letter-spacing:.12em;white-space:nowrap}.hotspot{position:absolute;left:var(--hx);top:var(--hy);transform:translate(-50%,-50%);padding:9px;width:46px;height:46px}.hotspot svg{width:28px;height:28px;color:var(--copper);box-shadow:0 0 0 5px rgba(245,241,233,.4);border-radius:50%}.hotspot[aria-pressed=true] svg{outline:1px solid var(--copper);outline-offset:5px}.room-material-note{display:flex;gap:14px;align-items:center;padding:12px 0;min-height:82px}.room-material-note>.texture{width:48px;height:48px;flex-shrink:0}.room-material-note strong{font-weight:500;font-size:.9375rem;display:block}.room-material-note small{display:block;font-size:.75rem;color:var(--muted);margin-top:4px}.room-material-note>a{margin-left:auto;font-size:.8125rem}.room-detail-link{position:absolute;left:3%;top:47%;font-size:.75rem;display:flex;align-items:center;gap:8px;max-width:125px;background:rgba(245,241,233,.92);padding:8px;border:1px solid var(--line)}.room-detail-link svg{color:var(--copper);width:26px;height:26px;flex-shrink:0}.process-section .section-bottom{grid-column:1/-1;grid-row:3}
.journey-rail{position:fixed;z-index:25;right:10px;top:50%;transform:translateY(-50%);width:40px;height:300px;opacity:0;pointer-events:none;transition:opacity .3s}.journey-rail.is-visible{opacity:1;pointer-events:auto}.rail-line{position:absolute;left:19.5px;top:25px;bottom:25px;width:1px;background:#beaf9c}.rail-line span{display:block;height:calc(var(--progress,0) * 100%);background:var(--copper)}.journey-rail>a{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:50px}.rail-dot{width:5px;height:5px;border-radius:50%;background:#a59989}.rail-label{position:absolute;right:42px;padding:4px 10px;background:var(--paper);font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transform:translateX(4px);transition:opacity .2s,transform .2s}.journey-rail a:hover .rail-label,.journey-rail a:focus-visible .rail-label{opacity:1;transform:none}.rail-marker{position:absolute;pointer-events:none;top:calc(var(--active-step,0) * 50px + 13px);left:8px;width:24px;height:24px;color:var(--copper);transition:top .6s var(--ease),transform .6s var(--ease);transform:rotate(calc(var(--active-step,0) * 90deg))}
.design-section{border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:44px}.section-heading .heading-description{padding-bottom:4px}.catalogue-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);margin-top:60px}.material-filters{display:flex;flex-wrap:wrap;gap:8px 24px}.material-filters button{font-size:.875rem;color:var(--muted);min-height:48px;padding:10px 0;border-bottom:1px solid transparent;margin-bottom:-1px}.material-filters button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--copper)}.catalogue-count{font-size:.75rem;color:var(--muted);white-space:nowrap}.catalogue-expand{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-height:52px;padding:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px;font-size:.9375rem}.catalogue-expand[aria-expanded=true] .line-arrow{transform:rotate(-45deg)}.catalogue-instruction{font-size:.875rem;color:var(--muted);padding:20px 0}.material-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px}.material-card{padding:0;text-align:left;min-width:0}.texture{background-image:url('./assets/renewx-materials.webp');background-size:400% 400%;background-position:var(--tx,0%) var(--ty,0%);display:block;background-color:#d1c7b7}.material-card .material-face{position:relative;aspect-ratio:1.23;overflow:hidden;display:block}.material-card .texture{width:100%;height:100%;transition:transform .55s var(--ease)}.material-card:hover .texture{transform:scale(1.035)}.selection-icon{position:absolute;right:12px;bottom:12px;width:28px;height:28px;color:var(--copper);opacity:0;transform:scale(.8);transition:opacity .2s,transform .2s;box-shadow:0 0 0 4px rgba(245,241,233,.8);border-radius:50%}.material-card[aria-pressed=true] .selection-icon{opacity:1;transform:none}.material-name{display:flex;justify-content:space-between;gap:8px;font-size:.9375rem;margin-top:12px}.material-family{font-size:.75rem;color:var(--muted);display:block;margin-top:4px}.material-number{font-size:.75rem;color:var(--muted)}.selection-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:46px;padding:26px 0}.selected-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;max-width:700px}.selected-chip{display:flex;gap:8px;align-items:center;font-size:.8125rem;min-height:36px}.selected-chip .texture{width:28px;height:28px;flex-shrink:0}.selection-bar>.mark-link{flex-shrink:0}.design-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;margin-top:65px}.note-index{font-size:.75rem;color:var(--copper);letter-spacing:.12em;display:block;margin-bottom:20px}.design-notes h3{font-size:1.25rem;margin-bottom:12px;letter-spacing:-.025em}.design-notes p{font-size:1rem;line-height:1.65;color:var(--muted);max-width:350px}
.source-section{display:grid;grid-template-columns:1fr 1.1fr;gap:0 8%;border-top:1px solid var(--line)}.source-copy .heading-description{margin-top:25px}.source-steps{margin-top:36px}.source-steps details{border-bottom:1px solid var(--line)}.source-steps summary{display:grid;grid-template-columns:30px 1fr 20px;gap:10px;align-items:center;padding:20px 0;cursor:pointer;list-style:none;min-height:58px}.source-steps summary::-webkit-details-marker{display:none}.source-steps summary>span:first-child{font-size:.75rem;color:var(--copper)}.source-steps summary strong{font-size:1.125rem;font-weight:400}.source-steps summary>span:last-child{color:var(--muted);transition:transform .2s}.source-steps details[open] summary>span:last-child{transform:rotate(45deg)}.source-steps details p{font-size:1rem;line-height:1.7;padding:0 30px 22px 40px;color:var(--muted)}.source-palette{min-width:0;padding-top:50px}.source-image{aspect-ratio:1.1;position:relative;overflow:hidden;background:#e9e3d7}.source-image img{max-width:none;width:180%;height:auto;aspect-ratio:1;object-fit:contain;position:absolute;top:-40%;left:-22%;mix-blend-mode:multiply}.package-heading{display:flex;justify-content:space-between;gap:16px;font-size:.8125rem;padding:18px 0;border-bottom:1px solid var(--line);color:var(--muted)}.package-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.package-material{min-width:0}.package-material .texture{height:80px;width:100%;margin-bottom:8px}.package-material span:last-child{font-size:.8125rem;display:block}.source-palette>.text-link{margin-top:8px}.palette-empty{font-size:.875rem;color:var(--muted)}.source-section .section-bottom{grid-column:1/-1}
.deliver-section{display:grid;grid-template-columns:1fr 1.15fr;gap:0 7%;border-top:1px solid var(--line)}.deliver-intro .heading-description{margin-top:32px}.assembly-card{min-width:0;padding-top:8px}.assembly-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);font-size:.75rem;color:var(--muted);min-height:44px}.play-assembly{display:flex;align-items:center;gap:10px;min-height:44px;font-size:.875rem;color:var(--ink)}.assembly-scene{width:100%;overflow:hidden;aspect-ratio:1.32;position:relative}.assembly-drawing{width:100%;height:100%;overflow:visible}.assembly-plane{transform-box:view-box;transform-origin:0 0;transition:filter .2s}.existing-plane{transform:matrix(.81,.29,0,1,228,72)}.bonding-plane{transform:matrix(.81,.29,0,1,231,74)}.finish-plane{transform:matrix(.81,.29,0,1,234,76)}
/* The controlled separation uses native SVG/CSS matrices with numeric coordinates. */
.drawing-labels{opacity:var(--separation)}.assembly-state-buttons{display:flex;align-items:center;justify-content:space-between;gap:12px}.assembly-state-buttons button{font-size:.875rem;min-height:44px;padding:4px 0;color:var(--muted)}.assembly-state-buttons [aria-pressed=true]{color:var(--ink)}.assembly-state-buttons output{font-size:.75rem;color:var(--muted)}input[type=range]{width:100%;appearance:none;-webkit-appearance:none;background:transparent;height:44px;cursor:ew-resize;margin:0;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:1px;background:#bba993}input[type=range]::-moz-range-track{height:1px;background:#bba993}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;margin-top:-14px;width:29px;height:29px;border:0;border-radius:50%;background:var(--copper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='m12 12 5 5m6 6 5 5m0-16-5 5m-6 6-5 5' stroke='%23f9f5ee' stroke-width='2.8'/%3E%3C/svg%3E") center/100% no-repeat}input[type=range]::-moz-range-thumb{width:29px;height:29px;border:0;border-radius:50%;background:var(--copper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='m12 12 5 5m6 6 5 5m0-16-5 5m-6 6-5 5' stroke='%23f9f5ee' stroke-width='2.8'/%3E%3C/svg%3E") center/100% no-repeat}.assembly-finish{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-top:8px;font-size:.875rem}.assembly-finish select{max-width:65%;min-height:44px;border:0;border-bottom:1px solid var(--line);background:transparent;font-size:.875rem;padding:8px 24px 8px 4px}.technical-caption{font-size:.75rem;line-height:1.65;color:var(--muted);margin-top:24px;max-width:420px}.layer-explanation{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:66px}.layer-explanation>div{border-top:1px solid var(--line);padding-top:20px}.layer-explanation>div>span{font-size:.75rem;color:var(--copper)}.layer-explanation h3{font-size:1.25rem;font-weight:400;letter-spacing:-.025em;margin:14px 0}.layer-explanation p{font-size:1rem;line-height:1.7;color:var(--muted)}.deliver-section .section-bottom{grid-column:1/-1}
.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--line);padding-bottom:100px}.company-services{margin-top:38px;font-size:.9375rem;color:var(--muted)}.company-services p{padding:8px 0}.enquiry h3{font-size:1.6rem;letter-spacing:-.035em;font-weight:400}.form-note{font-size:.875rem;line-height:1.6;color:var(--muted);margin-top:14px;max-width:410px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin:36px 0}.form-grid label{font-size:.875rem;display:block}.form-grid input{display:block;width:100%;border:0;border-bottom:1px solid #b8aa97;border-radius:0;background:transparent;min-height:48px;font-size:1rem;padding:8px 0}.form-grid input::placeholder{color:#968574;font-size:.875rem}.enquiry .mark-link{margin-top:14px}footer{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:64px var(--gutter);margin:0 12px 12px;border-radius:0 0 40px 40px;background:var(--paper);color:var(--ink);font-size:.875rem}
/* The atlas cell is square: crop a square layer instead of stretching it to the footer. */
footer:before{content:'';position:absolute;z-index:-1;pointer-events:none;left:0;top:50%;width:100%;aspect-ratio:1;transform:translateY(-50%);background:url('./assets/renewx-materials.webp') 100% 0/400% 400% no-repeat;opacity:.24}
footer>span{font-size:1rem;line-height:1.55}footer>a:last-child{min-height:44px;display:flex;align-items:center;gap:8px;flex-shrink:0}
dialog{border:1px solid var(--line);color:var(--ink);background:var(--paper);padding:40px;max-height:90svh}dialog::backdrop{background:rgba(43,33,27,.35);backdrop-filter:blur(5px)}.menu-dialog{width:min(560px,100% - 28px);margin:16px 16px auto auto;padding:32px 40px}.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:45px}.menu-close{min-height:44px;display:flex;align-items:center;gap:14px;font-size:.875rem}.menu-close span{font-size:1.5rem}.menu-dialog nav{display:flex;flex-direction:column}.menu-dialog nav a{display:flex;align-items:center;gap:30px;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.04em;line-height:1.2;padding:17px 0;border-bottom:1px solid var(--line)}.menu-dialog nav a span{font-size:.75rem;letter-spacing:.05em;color:var(--copper)}.menu-dialog>p{margin-top:40px;font-size:.9375rem;color:var(--muted)}.review-dialog{width:min(650px,100% - 32px)}.review-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.review-close{font-size:1.6rem;min-width:44px;min-height:44px}.review-dialog h2{font-size:2.5rem;line-height:1.2;margin:18px 0}.review-dialog>p{font-size:.9375rem;color:var(--muted)}.review-dialog pre{font:400 1rem/1.7 Manrope,Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin:24px 0}.review-actions{display:flex;gap:12px;flex-wrap:wrap}.review-actions button{padding:10px 12px;border:1px solid var(--line);min-height:44px;font-size:.875rem}.review-actions button:first-child{background:var(--ink);border-color:var(--ink);color:var(--paper)}#copy-status{margin-top:12px;min-height:22px}
@media(min-width:1700px){.hero-copy{left:7rem}.site-header{padding-left:7rem;padding-right:7rem}.journey-rail{right:22px}}
@media(max-width:1100px){.hero{min-height:640px;max-height:none;height:clamp(640px,90svh,820px)}.hero-copy{top:20%}.hero-description{margin-top:20px}.hero-foot .eyebrow{margin-top:12px}.section h2{font-size:clamp(2.6rem,4.6vw,4rem)}.process-navigation{margin-top:32px}.process-tabs button{font-size:1.4rem;grid-template-columns:25px 30px auto;gap:10px}.process-description,.stage-link{margin-left:35px}.process-description{min-height:100px}.source-section,.deliver-section{column-gap:5%}.room-frame{width:112%;margin-left:-5%}.section-heading .heading-description{max-width:300px}.material-grid{gap:28px 16px}.selection-bar{align-items:start}.selection-bar>.mark-link{max-width:205px}.source-palette{padding-top:35px}.journey-rail{right:2px}}
@media(max-width:760px){.wordmark-image{height:1.1875rem}html{scroll-padding-top:5rem}body{--gutter:clamp(1.5rem,6vw,2.25rem)}.site-header{top:8px;min-height:78px;padding:18px calc(var(--gutter) + 8px);grid-template-columns:1fr auto}.site-header .wordmark{grid-column:1;grid-row:1;justify-self:start;font-size:1.75rem}.header-category{display:none}.menu-toggle{grid-column:2;color:var(--ink);font-size:.8125rem;gap:10px}.site-header.is-scrolled{min-height:66px;padding:10px var(--gutter)}.hero{margin:8px 8px 0;border-radius:30px 30px 0 0;min-height:620px;height:clamp(620px,85svh,740px);max-height:none;display:block;background:#e8dfce}
.hero-art{background:none;height:100%}
.hero-mobile-wall{position:absolute;inset:0 0 33%;display:grid;grid-template-columns:61% 16% 23%;grid-template-rows:59.4752% 40.5248%;gap:0}
.hero-surface{position:relative;overflow:hidden;box-shadow:inset -1px 0 rgba(78,60,42,.18)}
.hero-surface img{position:absolute;top:0;left:0;max-width:none;width:auto;object-fit:contain}
.hero-stone{grid-column:1;grid-row:1/span 2}.hero-wood{grid-column:2;grid-row:1/span 2}.hero-earth{grid-column:3;grid-row:1}.hero-bronze{grid-column:3;grid-row:2}
.hero-stone img,.hero-wood img{height:149.2711%}.hero-wood img{transform:translateX(-59.5052%)}.hero-earth img{height:250.9804%;transform:translateX(-75.9115%)}.hero-bronze img{height:368.3453%;transform:translate(-75.9115%,-39.84375%)}
.hero-mobile-base{display:block;position:absolute;inset:67% 0 0;overflow:hidden;border-top:1px solid #b7a792}.hero-mobile-base img{position:absolute;top:0;left:50%;height:302.9586%;width:auto;max-width:none;transform:translate(-50%,-66.9922%)}
.hero-copy{position:absolute;top:clamp(104px,20%,140px);left:calc(var(--gutter) - 8px);width:calc(61% - var(--gutter) - 4px);padding:0}
.hero h1{font-size:clamp(1.8rem,8.3vw,2.5rem);line-height:1.07;letter-spacing:-.055em}.hero-promise{font-size:clamp(1.125rem,4.9vw,1.4rem);line-height:1.3;margin-top:12px;letter-spacing:-.035em}.hero-description{font-size:1rem;margin-top:16px;line-height:1.45}.hero-copy-line,.hero-sentence{display:block}.hero-sentence+.hero-sentence{margin-top:6px}
.hero-foot{position:absolute;left:calc(var(--gutter) - 8px);bottom:8%;padding:0;background:none;display:block}.hero-foot .eyebrow{font-size:.75rem;letter-spacing:.13em;margin-top:14px}.hero-foot .mark-link{font-size:.9375rem}.hero-foot .mark-link>svg:first-child{width:26px;height:26px}.menu-toggle{color:#faf6ec}.is-scrolled .menu-toggle{color:var(--ink)}
.stone-bridge{margin:0 8px;height:65px}.stone-bridge:before{background-size:230% auto}.bridge-line{left:calc(var(--gutter) - 8px + 13px)}.stone-bridge svg{left:calc(var(--gutter) - 8px + 1px);width:25px;height:25px}.section{padding:60px calc(var(--gutter) + 10px) 60px var(--gutter)}.section h2{font-size:clamp(2.65rem,8.7vw,3.8rem)}.section-subtitle{font-size:1.25rem;margin-top:16px}.chapter-title{font-size:.75rem;letter-spacing:.13em;margin-bottom:24px}.chapter-title svg{width:24px;height:24px}.heading-description{font-size:1rem;max-width:440px;line-height:1.7}.section-bottom{margin-top:38px;padding-top:24px;flex-direction:column;align-items:start;gap:10px}.section-bottom>span{font-size:.75rem;letter-spacing:.07em}.section-bottom>a{font-size:.875rem}.process-section{display:flex;flex-direction:column;padding-top:28px}.process-intro{order:1}.process-intro>.eyebrow{margin-bottom:20px}.process-navigation{display:contents}.process-tabs{order:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-tabs button{grid-template-columns:20px auto;gap:7px;justify-content:center;min-height:58px;padding:10px 0;font-size:1rem;line-height:1.35}.process-tabs .step-number{display:none}.process-tabs svg{width:20px;height:20px;opacity:.2;transform:none}.process-tabs [aria-selected=true] svg{opacity:1}.process-visual{order:3;margin-top:10px;width:100%}.room-frame{width:calc(100% + 28px);margin-left:-14px;aspect-ratio:1}.room-caption{font-size:.75rem;gap:12px;line-height:1.5;padding:12px 0}.room-count{font-size:.75rem}.process-description{order:4;margin:24px 0 10px;min-height:0;max-width:none}.process-description p:first-child{font-size:1.125rem}.process-description .muted{font-size:.875rem;margin-top:8px}.stage-link{order:5;align-self:start;margin:4px 0 0}.process-section .section-bottom{order:6}.room-detail-link{left:0;top:43%;font-size:.75rem;width:103px;padding:5px;gap:5px}.room-detail-link svg{width:22px;height:22px}.room-material-note{flex-wrap:wrap;gap:10px}.room-material-note .text-link{font-size:.75rem;gap:7px}.room-material-note small{font-size:.75rem}.room-material-note strong{font-size:.875rem}.room-material-note>.texture{width:40px;height:40px}.journey-rail{right:0;width:22px;height:264px}.journey-rail>a{height:44px;width:22px}.rail-line{left:10.5px;top:22px;bottom:22px}.rail-dot{width:3px;height:3px}.rail-marker{width:17px;height:17px;left:2.5px;top:calc(var(--active-step,0) * 44px + 13.5px)}.rail-label{right:28px}.journey-rail a:before{content:'';position:absolute;inset:0 0 0 -22px}.section-heading{display:block}.section-heading .heading-description{margin-top:24px;max-width:420px}.catalogue-toolbar{display:block;margin-top:28px}.material-filters{gap:4px 19px}.material-filters button{font-size:.875rem;min-height:46px}.catalogue-count{display:block;margin:14px 0}.catalogue-instruction{font-size:.8125rem;line-height:1.6;padding:18px 0}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}.material-name{font-size:.875rem;margin-top:10px;gap:4px;line-height:1.5}.material-number{font-size:.75rem}.material-family{font-size:.75rem}.material-card .material-face{aspect-ratio:1}.selection-icon{width:24px;height:24px;right:8px;bottom:8px;box-shadow:0 0 0 3px rgba(245,241,233,.8)}.selection-bar{display:block;padding:24px 0;margin-top:32px}.selection-bar>.mark-link{max-width:none;margin-top:20px}.selected-strip{gap:10px 15px}.design-notes{grid-template-columns:1fr;gap:30px;margin-top:38px}.design-notes>div{display:grid;grid-template-columns:30px 1fr;gap:0 10px}.note-index{grid-column:1;grid-row:1;padding-top:6px;margin:0}.design-notes h3{grid-column:2;margin-bottom:9px;font-size:1.2rem}.design-notes p{grid-column:2;max-width:none}.source-section,.deliver-section,.contact-section{display:block}.source-copy .heading-description{margin-top:24px}.source-steps{margin-top:24px}.desktop-break{display:none}.source-palette{padding-top:35px}.source-image{aspect-ratio:1.2}.package-heading{font-size:.75rem;line-height:1.6;gap:10px}.package-materials{gap:14px}.package-material .texture{height:70px}.package-material span:last-child{font-size:.75rem}.deliver-intro .heading-description{margin-top:22px}.assembly-card{margin-top:36px}.assembly-heading{font-size:.75rem}.assembly-scene{margin:8px -10px;width:calc(100% + 20px)}.assembly-state-buttons output{font-size:.75rem}.assembly-finish{font-size:.875rem;gap:10px}.assembly-finish select{font-size:1rem}.technical-caption{margin-top:18px;max-width:100%}.layer-explanation{grid-template-columns:1fr;gap:24px;margin-top:38px}.layer-explanation>div{display:grid;grid-template-columns:28px 1fr;gap:0 12px}.layer-explanation>div>span{grid-row:1;grid-column:1;margin-top:5px}.layer-explanation h3{grid-row:1;grid-column:2;margin:0 0 10px;font-size:1.2rem}.layer-explanation p{grid-column:2}.company-services{margin-top:28px}.enquiry{margin-top:44px}.form-grid{gap:25px 18px;margin-top:28px}.form-grid label{font-size:.8125rem}.form-grid input{font-size:1rem}.form-grid input::placeholder{font-size:.8125rem}footer{flex-wrap:wrap;padding:40px calc(var(--gutter) - 8px);margin:0 8px 8px;border-radius:0 0 30px 30px;gap:22px}footer>.wordmark{font-size:1.85rem}footer>span{width:100%;order:3;font-size:1rem;max-width:30ch}footer>a:last-child{margin-left:auto;font-size:.875rem}.menu-dialog{padding:24px;width:calc(100% - 24px);margin:12px}.menu-heading{margin-bottom:30px}.review-dialog{padding:24px}.review-dialog h2{font-size:2.2rem}.review-dialog pre{font-size:.9375rem}.review-actions{gap:8px}.review-actions button{font-size:.8125rem;padding:10px}.review-top .eyebrow{font-size:.75rem}}
@media(max-width:370px){.section h2{font-size:2.4rem}.hero h1{font-size:1.8rem}.material-filters{gap:4px 15px}.material-number{display:none}.form-grid{grid-template-columns:1fr}.room-material-note>a{margin-left:50px}.process-tabs{gap:2px}.process-tabs button{gap:5px;font-size:.9375rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.process-visual{transform:none;opacity:1}.material-card:hover .texture{transform:none}.mark-link:hover>svg:first-child{transform:none}}
@media print{.site-header,.journey-rail,.hero,.stone-bridge,.menu-dialog,.review-dialog,.assembly-controls,.material-filters,footer,.mark-link,.section-bottom{display:none!important}.section{padding:30px 0;break-inside:avoid}.room-frame{width:100%;margin:0}body{background:white}.material-grid{grid-template-columns:repeat(4,1fr)}.catalogue-expand{display:none}}

/* Contact delivery states */
.contact-email{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
#enquiry-status{margin-top:16px;font-size:.9375rem;line-height:1.6}
#enquiry-status[data-state="error"]{color:#8a3029}
.review-actions button:disabled{opacity:.55;cursor:wait}
.review-actions button[hidden],.review-dialog pre[hidden]{display:none}
#enquiry-result:empty,#enquiry-status:empty{display:none}