/* Debora Casa — palette, typography and layout */
:root{--paper:#faf9f5;--white:#fff;--ink:#30382e;--olive:#414b3d;--muted:#707367;--line:#dedfd5;--sand:#eeece4;--gold:#b59a65;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif;--gutter:clamp(24px,5.5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:116px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(52px,6.8vw,106px)}h2{font-size:clamp(38px,4.4vw,68px)}h3{font-size:32px}em{font-weight:400;color:#7e886c}p{color:var(--muted);line-height:1.85}p+p{margin-top:20px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:5px}::selection{background:#e2dac7}section[id],article[id],fieldset[id]{scroll-margin-top:125px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.skip-link{position:fixed;top:-100px;left:24px;z-index:100;background:var(--olive);color:white;padding:14px}.skip-link:focus{top:12px}.eyebrow{display:block;font-size:10px;letter-spacing:.2em;font-weight:600;line-height:1.6}.section-pad{padding:100px var(--gutter)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:12px;font-weight:500;padding:13px 0 9px;border-bottom:1px solid #a1a88f;width:fit-content}.text-link span{font-size:21px;transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--olive);border:1px solid var(--olive);color:white;padding:17px 24px;font-size:12px;font-weight:500;line-height:1.5;transition:background .25s,transform .25s;min-height:54px}.button span{font-size:20px}.button:hover{background:#303a2b;transform:translateY(-2px)}.button-light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.button-light:hover{background:#e4e6da}.topbar{padding:8px var(--gutter);display:flex;justify-content:space-between;background:var(--olive);color:#f1f1e9;font-size:10px;letter-spacing:.04em}.topbar a{display:flex;align-items:center;gap:15px}.topbar a span{font-size:13px}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:23px var(--gutter);gap:25px;border-bottom:1px solid var(--line);background:rgba(250,249,245,.97);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand>span{font-size:29px;font-family:var(--serif);letter-spacing:-.035em;line-height:1}.brand small{font-family:var(--sans);display:block;font-size:7px;letter-spacing:.17em;margin-top:8px;font-weight:500}.navigation{display:flex;align-items:center;gap:23px;font-size:11px}.navigation details{position:relative}.navigation summary{list-style:none;cursor:pointer;display:flex;gap:6px;align-items:center;white-space:nowrap;padding:12px 0}.navigation summary::-webkit-details-marker{display:none}.navigation summary span{font-size:13px;transition:transform .2s}.navigation details[open] summary span{transform:rotate(180deg)}.navigation .current{color:#75805f}:is(.nav-home,.nav-luxury){white-space:nowrap}.nav-contact{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--ink);padding:10px 0;white-space:nowrap}.nav-contact span{font-size:19px}.dropdown{position:absolute;left:-20px;top:45px;background:var(--paper);border:1px solid var(--line);box-shadow:0 20px 50px #26312212;min-width:240px;padding:12px;color:var(--ink);max-height:70vh;overflow:auto}.dropdown a{display:flex;justify-content:space-between;gap:15px;padding:9px 12px;font-size:12px}.dropdown a:hover{background:var(--sand)}.navigation details:nth-of-type(3) .dropdown,.navigation details:nth-of-type(4) .dropdown{width:490px;display:grid;grid-template-columns:1fr 1fr}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;height:1px;background:var(--ink);margin:7px 0;transition:transform .2s}
/* The first impression */
.home-hero{display:grid;grid-template-columns:48% 52%;min-height:660px}.hero-copy{padding:65px 20px 30px var(--gutter);display:flex;flex-direction:column;justify-content:center}.hero-copy>.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:30px}.tiny-line{display:inline-block;width:26px;height:1px;background:var(--gold)}.hero-copy h1{font-size:clamp(68px,7.5vw,118px);line-height:1.02;letter-spacing:-.055em;position:relative;z-index:1;white-space:nowrap}.hero-copy p{font-size:15px;margin-top:28px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px}.hero-foot{display:flex;align-items:center;gap:15px;margin-top:60px;font-size:10px;line-height:1.6;color:var(--muted)}.hero-foot strong{font-weight:500;color:var(--ink)}.small-flower{font-size:35px;color:var(--gold);font-family:var(--serif)}.hero-art{position:relative;overflow:hidden;margin:24px 24px 24px 0;min-height:600px;background:#d8d1c2}.hero-art>img{height:100%;width:100%;object-fit:cover;object-position:38% center;position:absolute;transition:transform 1.5s}.hero-art:hover>img{transform:scale(1.025)}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#22282066,transparent 38%)}.hero-art-top{position:absolute;top:30px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;z-index:1}.hero-art-top>span:first-child{font-size:10px;letter-spacing:.15em;line-height:1.6;background:#faf9f5e8;padding:10px 15px}.hero-art-top>span:last-child{color:#fff;font-size:42px}.hero-caption{position:absolute;bottom:27px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;color:#fff;z-index:2}.hero-caption .eyebrow{font-size:8px;color:#e6e4d9;margin-bottom:4px}.hero-caption>div>span:last-child{font-family:var(--serif);font-size:23px}.hero-caption>a{width:44px;height:44px;border:1px solid #ffffff70;display:grid;place-items:center;font-size:25px}.values-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px var(--gutter);border-block:1px solid var(--line);font-size:9px;letter-spacing:.16em}.values-strip i{color:var(--gold);font-size:20px;font-style:normal}.intro{display:grid;grid-template-columns:30% 70%;border-bottom:1px solid var(--line)}.intro>.eyebrow{padding-top:10px}.intro h2{margin-bottom:30px}.intro p{max-width:700px}.intro-bottom{display:grid;grid-template-columns:1fr auto;gap:65px;align-items:end}.intro-bottom p{max-width:500px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:45px}.section-heading .eyebrow{margin-bottom:20px}.section-heading>p{max-width:340px;font-size:13px}.filters{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:36px}.filters button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 0 16px;font-size:11px;color:var(--muted);white-space:nowrap}.filters button.active{border-color:var(--olive);color:var(--ink)}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:25px;row-gap:48px}.collection-picture{display:block;position:relative;height:335px;overflow:hidden;background:var(--sand)}.collection-picture>img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.collection-card:hover .collection-picture>img{transform:scale(1.045)}.circle-arrow{position:absolute;right:15px;bottom:15px;width:38px;height:38px;background:#faf9f5e8;display:grid;place-items:center;font-size:22px;border-radius:50%;transition:transform .3s}.collection-card:hover .circle-arrow{transform:rotate(45deg)}.card-title{display:flex;align-items:center;gap:14px;margin:20px 0 9px}.card-title>span{font-size:9px;color:var(--gold)}.card-title h3{font-size:28px;letter-spacing:-.035em}.collection-card>p{font-size:12px;padding-left:26px}.artist-feature{display:grid;grid-template-columns:1fr 1fr;background:var(--sand);min-height:600px}.artist-photo{padding:45px 35px 45px var(--gutter)}.artist-photo .photo-button{height:100%;min-height:460px}.artist-photo img{object-fit:cover}.artist-copy{padding:75px var(--gutter) 60px 65px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.artist-copy .eyebrow{margin-bottom:25px}.artist-copy h2{margin-bottom:25px}.artist-copy>p{font-size:13px}.artist-signature{font-family:var(--serif);font-style:italic;font-size:32px;display:block;color:var(--olive);margin:25px 0 20px;letter-spacing:-.06em}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.steps>a,.steps>article{position:relative;padding:30px 40px 15px 0;border-right:1px solid var(--line)}.steps>a+ a,.steps>article+article{padding-left:35px}.steps>:last-child{border-right:0}.steps>*>span:first-child{font-size:9px;letter-spacing:.15em;color:var(--muted)}.steps h3{margin:28px 0 18px;font-size:30px}.steps p{font-size:12px;max-width:260px}.steps>a>span:last-child{position:absolute;top:25px;right:25px;font-size:22px}.steps>a:hover h3{color:#7e886c}.showroom-feature{position:relative;min-height:560px;display:flex;align-items:center;justify-content:flex-end;padding:60px var(--gutter);overflow:hidden}.showroom-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%}.showroom-panel{position:relative;background:var(--paper);width:445px;padding:42px}.showroom-panel .eyebrow{font-size:8px;margin-bottom:25px}.showroom-panel h2{font-size:53px;margin-bottom:20px}.showroom-panel p{font-size:12px;margin-bottom:25px}.showroom-panel small{display:block;font-size:9px;color:var(--muted);margin-top:20px}.contact-cta{position:relative;overflow:hidden;background:var(--olive);color:var(--paper)}.contact-cta>.eyebrow{color:#d5d7c6;margin-bottom:28px}.cta-row{display:flex;justify-content:space-between;align-items:center;gap:70px;position:relative;z-index:1}.cta-row>div{padding-right:50px}.cta-row p{color:#d3d7c9;font-size:13px;margin-bottom:25px}.cta-row em{color:#c1c9aa}.cta-flower{position:absolute;right:-40px;bottom:-100px;font-size:370px;line-height:1;color:#ffffff05;pointer-events:none}.footer{padding:65px var(--gutter) 0}.footer-main{display:grid;grid-template-columns:1.4fr .85fr .85fr 1fr;gap:55px;padding-bottom:60px}.footer-main>.brand{align-self:start}.footer-main h3{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.08em;margin-bottom:20px}.footer-main>div>a:not(.brand){display:block;font-size:11px;color:var(--muted);padding:4px 0}.footer-main>div>a:hover{color:var(--ink)}.footer-main p{font-size:11px;margin:20px 0 12px}.footer-main .brand>span{font-size:27px}.footer-main .brand small{font-size:6px}.footer-main .brand>img{width:36px;height:36px}.footer-bottom{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;color:var(--muted)}.footer-bottom>div{display:flex;gap:25px;align-items:center}.footer-bottom>div>a:last-child{font-size:20px}
/* Collections and editorial pages */
.page-hero{display:grid;grid-template-columns:1fr 1fr;min-height:530px}.page-hero-copy{padding:32px 40px 60px var(--gutter);align-self:center}.breadcrumb{display:flex;gap:12px;font-size:9px;color:var(--muted);margin-bottom:40px;letter-spacing:.04em}.breadcrumb a:hover{text-decoration:underline}.page-hero-copy>.eyebrow{margin-bottom:24px}.page-hero h1{font-size:clamp(46px,4.8vw,74px)}.page-hero p{font-size:13px;max-width:430px;margin:25px 0 14px}.page-hero-image{position:relative;min-height:530px;margin:24px 24px 24px 0;overflow:hidden}.page-hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover}.image-label{position:absolute;bottom:20px;left:20px;background:var(--paper);font-size:8px;letter-spacing:.14em;padding:10px 15px}.category-links{display:flex;gap:30px;flex-wrap:wrap;padding:24px var(--gutter);border-block:1px solid var(--line);font-size:11px;background:#f1f0e9}.category-links a:hover{color:#788268}.wrap-links{gap:12px 30px}.product-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:90px}.product-section:last-child{margin-bottom:0}.product-section:nth-child(even) .product-image{order:2}.product-section:nth-child(even) .product-copy{padding-left:20px}.product-image .photo-button{height:430px}.product-copy h2{font-size:46px;margin:20px 0 24px}.product-copy>p{font-size:13px;max-width:440px}.product-copy>.text-link{display:flex;margin-top:20px}.gallery-section{background:var(--sand)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 22px}.gallery-grid .photo-button{height:310px}.gallery-grid figcaption{display:flex;justify-content:space-between;gap:15px;font-size:10px;padding:14px 0;color:var(--muted)}.gallery-grid figcaption span{color:var(--gold)}.photo-button{position:relative;display:block;border:0;background:#e4e2da;padding:0;width:100%;overflow:hidden}.photo-button img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.photo-button:hover img{transform:scale(1.035)}.photo-button>span{position:absolute;bottom:15px;right:15px;background:var(--paper);width:35px;height:35px;display:grid;place-items:center;font-size:22px}.process{background:var(--sand)}.narrow{max-width:700px;margin-bottom:20px}.editorial-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.editorial-split>img{width:100%;height:420px;object-fit:cover}.editorial-split h3{font-size:40px;margin:20px 0}.editorial-split p{font-size:13px}.editorial-split .text-link{margin-top:20px}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 30px}.catalog-card .photo-button{height:360px}.catalog-card>div{padding:25px 5px}.catalog-card .eyebrow{color:var(--muted);font-size:8px;margin-bottom:12px}.catalog-card h2{font-size:36px;margin-bottom:18px}.catalog-card p{font-size:13px;max-width:430px}.catalog-card .text-link{margin-top:12px;margin-right:25px}.wide-link{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 0 10px;margin-top:50px;border-top:1px solid var(--line)}.wide-link p{font-size:12px}.material-configurator{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.sample-stage{background:#e9e7df;min-height:475px;position:relative;display:grid;place-items:center;overflow:hidden;background-image:linear-gradient(120deg,transparent 40%,#ffffff70 60%,transparent 75%)}.material-sample{--sample-color:#bcab8a;width:65%;height:340px;background-color:var(--sample-color);border:1px solid #ffffffaa;box-shadow:18px 22px 30px #393b2e25,inset 1px 1px 3px #fff9;transform:perspective(800px) rotateY(-15deg) rotateZ(-7deg);transition:background-color .6s;background-image:radial-gradient(circle at 30% 60%,#ffffff80 0 2px,transparent 3px),radial-gradient(circle at 70% 30%,#fff9 0 1px,transparent 2px),radial-gradient(circle at 60% 50%,#49452b40 0 3px,transparent 4px);background-size:23px 31px,13px 17px,37px 43px;display:grid;place-items:center}.material-sample[data-pattern="lineare"]{background-image:repeating-linear-gradient(40deg,transparent 0 21px,#ffffff60 22px 23px,transparent 24px 45px);background-size:auto}.material-sample[data-pattern="organico"]{background-image:radial-gradient(ellipse at center,transparent 25%,#ffffff70 26% 28%,transparent 29% 42%,#454a3140 43% 44%,transparent 45%);background-size:100px 150px}.material-sample>span{font-family:var(--serif);font-size:72px;color:#ffffff4d;letter-spacing:-.1em}.sample-caption{position:absolute;bottom:20px;left:20px;right:20px;font-size:7px;letter-spacing:.12em;text-align:center}.config-copy h3{font-size:42px;margin:18px 0 24px}.swatches{display:flex;gap:15px;margin-bottom:40px}.swatch{width:35px;height:35px;border-radius:50%;background:var(--swatch);border:3px solid var(--paper);outline:1px solid transparent;outline-offset:3px}.swatch.selected{outline-color:var(--ink)}.config-copy fieldset{border:0;padding:0;margin:0}.pattern-options{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.pattern-options label{cursor:pointer}.pattern-options input{position:absolute;opacity:0;width:1px}.pattern-options span{display:block;padding:8px 13px;border:1px solid var(--line);font-size:11px}.pattern-options input:checked+span{background:var(--olive);color:white;border-color:var(--olive)}.pattern-options input:focus-visible+span{outline:2px solid var(--gold);outline-offset:3px}.config-copy>p{font-size:11px;margin:25px 0}.contact-intro{padding-bottom:65px}.contact-intro h1{font-size:clamp(52px,6vw,88px);margin:25px 0}.contact-intro>p{font-size:14px}.contact-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:90px;padding-top:60px;border-top:1px solid var(--line)}.contact-layout h2{font-size:43px;margin:20px 0 28px}.contact-layout address{font-style:normal;color:var(--muted);font-size:14px;line-height:1.9}.contact-layout .text-link{margin-top:15px}.contact-details{margin:35px 0}.contact-details a{display:block;font-size:16px;padding:4px 0}.contact-details .email-link{font-size:13px;margin-top:10px;overflow-wrap:anywhere}.hours{font-size:12px}.hours p{margin-top:16px}.hours small{display:block;color:var(--muted);max-width:300px}.dubai{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;max-width:310px;font-size:12px}.dubai summary{cursor:pointer}.dubai p{margin-top:16px}.contact-form-wrap{background:var(--sand);padding:40px}.contact-form-wrap>.eyebrow{font-size:8px}.contact-form-wrap>p{font-size:12px}form{margin-top:30px}form>label{display:block}form label{font-size:10px;font-weight:500}form input:not([type="checkbox"]),form select,form textarea{display:block;width:100%;padding:13px 0;border:0;border-bottom:1px solid #bfc3b3;background:transparent;border-radius:0;color:var(--ink);font-size:12px;margin-bottom:25px}form input::placeholder,form textarea::placeholder{color:#818578}form textarea{resize:vertical;min-height:110px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.consent{display:flex;gap:12px;align-items:flex-start;margin-bottom:25px;color:var(--muted);font-weight:400}.consent input{margin-top:4px;accent-color:var(--olive);flex-shrink:0;width:16px;height:16px}.consent a{text-decoration:underline}form>small{display:block;font-size:9px;color:var(--muted);margin-top:15px}.form-status{margin-top:20px;border-left:2px solid var(--olive);padding:12px;font-size:12px;background:var(--paper)}.location-strip{background:var(--sand);display:flex;align-items:center;justify-content:space-between;gap:40px}.location-strip h2{font-size:45px}.legal{max-width:1000px}.legal h1{font-size:65px;margin:25px 0 55px}.legal h2{font-size:30px;margin:35px 0 15px}.legal a:not(.text-link){text-decoration:underline}.legal .text-link{margin-top:30px}.error-page{min-height:65vh}.error-page h1{margin:30px 0}.error-page .button{margin-top:35px}
/* Native gallery dialog */
dialog{width:min(1200px,95vw);max-width:95vw;height:90vh;max-height:90vh;border:0;padding:55px 65px 35px;background:#f7f6f0;color:var(--ink)}dialog::backdrop{background:#182014db;backdrop-filter:blur(8px)}dialog figure{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}dialog figure img{width:100%;height:calc(100% - 40px);object-fit:contain}dialog figcaption{font-size:12px;text-align:center}.close-dialog{position:absolute;right:16px;top:8px;background:none;border:0;font-size:35px;width:44px;height:44px}.gallery-prev,.gallery-next{position:absolute;top:50%;background:none;border:0;font-size:28px;width:44px;height:44px}.gallery-prev{left:8px}.gallery-next{right:8px}
@media(prefers-reduced-motion:no-preference){.reveal{animation:fade-up .8s both;animation-timeline:view();animation-range:entry 0% entry 20%}@keyframes fade-up{from{opacity:.3;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:1600px){body{max-width:1920px;margin:auto}.home-hero{min-height:760px}.hero-art{min-height:710px}.collection-picture{height:410px}}
@media(max-width:1200px){.navigation{gap:14px;font-size:10px}.site-header{padding-inline:30px}.brand>span{font-size:25px}.brand img{width:36px;height:36px}.hero-actions{gap:18px}.hero-actions .button{padding-inline:18px;gap:20px}.hero-actions .text-link{gap:14px}.home-hero{min-height:610px}.hero-art{min-height:560px}.hero-copy h1{font-size:8.4vw}.intro-bottom{gap:30px;grid-template-columns:1fr}.collection-picture{height:285px}.artist-copy{padding-left:40px}.footer-main{gap:28px}.product-section{gap:45px}}
@media(max-width:1020px){.site-header{padding:20px var(--gutter)}.menu-toggle{display:block}.navigation{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 90px);overflow-y:auto;background:var(--paper);padding:15px var(--gutter) 30px;border-bottom:1px solid var(--line);font-size:14px}.navigation.is-open{display:block}.navigation details{border-bottom:1px solid var(--line)}.navigation summary{padding:17px 0;justify-content:space-between}.navigation .dropdown,.navigation details:nth-of-type(3) .dropdown,.navigation details:nth-of-type(4) .dropdown{position:static;width:100%;box-shadow:none;display:grid;grid-template-columns:1fr 1fr;border:0;background:var(--sand);max-height:none;margin-bottom:12px}.nav-luxury{display:block;padding:18px 0}.nav-contact{padding:14px 0;width:fit-content}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.menu-open{overflow:hidden}.home-hero{grid-template-columns:49% 51%}.hero-copy{padding-top:50px}.hero-copy p{font-size:13px}.hero-actions{flex-direction:column;align-items:flex-start;gap:15px;margin-top:25px}.hero-foot{margin-top:35px}.hero-art{min-height:580px}.values-strip{font-size:8px;gap:12px;letter-spacing:.08em}.section-pad{padding-block:75px}.section-heading{gap:35px}.section-heading>p{max-width:270px}.collection-grid{gap:35px 18px}.collection-picture{height:240px}.card-title{gap:10px}.card-title h3{font-size:23px}.collection-card>p{padding-left:22px;font-size:11px}.artist-photo{padding:35px 0 35px var(--gutter)}.artist-copy{padding:55px 35px}.artist-copy h2{font-size:47px}.cta-row>div{padding-right:0}.footer-main{grid-template-columns:1fr 1fr;gap:40px}.page-hero h1{font-size:49px}.page-hero-copy{padding-right:25px}.product-image .photo-button{height:350px}.product-copy h2{font-size:39px}.gallery-grid .photo-button{height:240px}.contact-layout{gap:40px}.contact-form-wrap{padding:30px}.material-configurator{gap:35px}.sample-stage{min-height:430px}.material-sample{height:300px}.wide-link{flex-wrap:wrap}.location-strip{flex-wrap:wrap}.catalog-card .photo-button{height:300px}}
@media(max-width:700px){html{scroll-padding-top:90px}body{font-size:14px}.topbar{padding-block:7px;font-size:8px}.topbar>span{max-width:55%;letter-spacing:0}.topbar a{gap:6px;font-size:8px}.site-header{padding-block:16px}.brand>span{font-size:26px}.brand small{font-size:6px}.brand>img{width:35px;height:35px}.home-hero{grid-template-columns:1fr}.hero-copy{padding:45px var(--gutter) 35px}.hero-copy>.eyebrow{margin-bottom:25px;font-size:8px}.hero-copy h1{font-size:clamp(65px,14vw,96px);white-space:normal}.hero-copy p{margin-top:23px}.hero-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:20px;margin-top:25px}.hero-actions .button{font-size:11px;gap:20px;padding:15px 18px}.hero-actions .text-link{font-size:11px;gap:14px}.hero-foot{margin-top:30px}.hero-art{margin:0 var(--gutter) 25px;min-height:400px}.hero-art>img{object-position:center 48%}.hero-art-top{left:20px;right:20px;top:20px}.hero-caption{left:20px;right:20px;bottom:20px}.hero-caption>div>span:last-child{font-size:20px}.values-strip{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px;padding-block:22px;font-size:7px}.values-strip i{display:none}.values-strip span:before{content:'';display:inline-block;width:10px;height:10px;vertical-align:middle;background:var(--gold);-webkit-mask:url('../images/decorative-star.svg') center/contain no-repeat;mask:url('../images/decorative-star.svg') center/contain no-repeat;margin-right:10px}.section-pad{padding-block:60px}.intro{grid-template-columns:1fr;gap:24px}.intro h2{font-size:42px;margin-bottom:25px}.intro-bottom p{font-size:13px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:42px}.section-heading>p{margin-top:23px;max-width:100%;font-size:12px}.filters{gap:21px;overflow-x:auto;margin-right:calc(var(--gutter) * -1);padding-right:24px}.filters button{font-size:10px}.collection-grid{grid-template-columns:1fr 1fr;gap:30px 16px}.collection-picture{height:230px}.card-title{align-items:baseline;margin:16px 0 8px;gap:8px}.card-title h3{font-size:23px}.card-title>span{font-size:8px}.collection-card>p{font-size:10px;line-height:1.6;padding-left:20px}.circle-arrow{height:30px;width:30px;right:10px;bottom:10px;font-size:19px}.artist-feature{grid-template-columns:1fr}.artist-photo{padding:25px var(--gutter) 0}.artist-photo .photo-button{height:380px;min-height:0}.artist-copy{padding:40px var(--gutter) 55px}.artist-copy h2{font-size:45px}.steps{grid-template-columns:1fr}.steps>a,.steps>article,.steps>a+a,.steps>article+article{padding:25px 0 30px;border-right:0;border-bottom:1px solid var(--line)}.steps h3{margin:18px 0 12px;font-size:29px}.steps p{max-width:90%;font-size:12px}.steps>a>span:last-child{right:0}.showroom-feature{min-height:650px;padding:240px var(--gutter) 30px;align-items:flex-end}.showroom-feature>img{object-position:center top}.showroom-panel{width:100%;padding:28px}.showroom-panel h2{font-size:45px}.showroom-panel .eyebrow{font-size:7px}.showroom-panel small{font-size:8px}.cta-row{display:block}.cta-row h2{font-size:46px}.cta-row>div{margin-top:30px}.contact-cta>.eyebrow{font-size:8px}.footer{padding-top:45px}.footer-main{gap:35px 20px;padding-bottom:40px;grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}.footer-main>div:last-child{grid-column:1/-1}.footer-main p{margin-top:16px}.footer-bottom{display:block;font-size:8px}.footer-bottom>div{justify-content:space-between;margin-top:12px;gap:15px}.page-hero{grid-template-columns:1fr}.page-hero-copy{padding:25px var(--gutter) 30px}.breadcrumb{margin-bottom:28px;font-size:8px}.page-hero h1{font-size:49px}.page-hero-copy>.eyebrow{font-size:8px;margin-bottom:22px}.page-hero p{margin-top:20px;font-size:13px}.page-hero-image{height:360px;min-height:0;margin:0 var(--gutter) 25px}.category-links{padding-block:20px;gap:12px 25px;font-size:10px}.product-section{grid-template-columns:1fr;gap:25px;margin-bottom:60px}.product-section:nth-child(even) .product-image{order:0}.product-section:nth-child(even) .product-copy{padding-left:0}.product-image .photo-button{height:350px}.product-copy h2{font-size:38px;margin:15px 0 20px}.product-copy>.text-link{margin-top:15px}.gallery-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.gallery-grid .photo-button{height:210px}.gallery-grid figcaption{font-size:9px;line-height:1.6}.gallery-grid figcaption span{display:none}.editorial-split{grid-template-columns:1fr;gap:30px}.editorial-split>img{height:330px}.editorial-split h3{font-size:36px}.catalog-grid{grid-template-columns:1fr;gap:30px}.catalog-card .photo-button{height:350px}.catalog-card>div{padding:22px 0}.catalog-card h2{font-size:35px}.wide-link{gap:15px;margin-top:30px}.wide-link h3{font-size:32px}.wide-link p{width:100%}.material-configurator{grid-template-columns:1fr;gap:35px}.sample-stage{min-height:400px}.material-sample{height:290px;width:62%}.sample-caption{font-size:6px}.swatches{gap:16px}.config-copy h3{font-size:38px}.contact-intro h1{font-size:50px;margin-top:20px}.contact-intro{padding-top:25px;padding-bottom:40px}.contact-layout{grid-template-columns:1fr;gap:50px;padding-top:40px}.contact-layout h2{font-size:40px}.contact-form-wrap{padding:28px 22px;margin-inline:-6px}.form-row{gap:18px}.contact-form-wrap>.eyebrow{font-size:7px}.location-strip{display:block}.location-strip h2{font-size:42px;margin:25px 0}.legal h1{font-size:50px}.legal h2{font-size:27px}dialog{padding:55px 35px 35px;height:80vh}.gallery-prev{left:0}.gallery-next{right:0}.gallery-prev,.gallery-next{width:32px;font-size:23px}dialog figcaption{font-size:10px}}
@media(max-width:380px){.hero-actions{gap:12px}.hero-actions .button{padding:13px;gap:12px}.hero-actions .text-link{font-size:10px;gap:8px}.collection-grid{gap:24px 12px}.collection-picture{height:190px}.card-title h3{font-size:21px}.hero-art{min-height:340px}.hero-caption>div>span:last-child{font-size:17px}.page-hero h1{font-size:44px}.swatches{gap:11px}.form-row{grid-template-columns:1fr;gap:0}.gallery-grid .photo-button{height:170px}}
/* Updated DC identity and navigation */
.brand>img{width:60px;height:60px;object-fit:contain;mix-blend-mode:multiply;flex-shrink:0}
.brand>span{font-size:28px}
.navigation{font-size:13px;gap:23px}
.navigation summary,.navigation :is(.nav-home,.nav-luxury){position:relative;display:inline-block;transform-origin:center;transition:color .22s ease,transform .22s ease}
.navigation summary{padding:12px 0}
.navigation summary::after,.navigation :is(.nav-home,.nav-luxury)::after{content:'';position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--olive);transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.navigation :is(.nav-home,.nav-luxury){padding:12px 0}
.navigation details[open]>summary,.navigation summary:focus-visible,.navigation :is(.nav-home,.nav-luxury):focus-visible{color:var(--olive)}
.navigation details[open]>summary::after,.navigation summary:focus-visible::after,.navigation :is(.nav-home,.nav-luxury):focus-visible::after{transform:scaleX(1)}
.navigation .nav-contact{display:inline-flex;align-items:center;justify-content:center;background:var(--olive);border:1px solid var(--olive);color:white;padding:12px 20px;min-height:46px;font-size:13px;line-height:1.5;transition:background .22s ease,transform .22s ease;white-space:nowrap}
.navigation .nav-contact.current{color:white}
.footer-main .brand>img{width:55px;height:55px}
.sample-monogram{width:90px;height:90px;object-fit:contain;mix-blend-mode:multiply;opacity:.35}
@media(hover:hover) and (pointer:fine){
  .navigation summary:hover,.navigation :is(.nav-home,.nav-luxury):hover{color:var(--olive);transform:scale(1.045)}
  .navigation summary:hover::after,.navigation :is(.nav-home,.nav-luxury):hover::after{transform:scaleX(1)}
  .navigation .nav-contact:hover{background:#303a2b;transform:translateY(-2px)}
}
@media(min-width:1121px) and (max-width:1300px){
  .site-header{padding-inline:30px;gap:22px}
  .navigation{font-size:12px;gap:17px}
  .navigation .nav-contact{font-size:12px;padding-inline:17px}
  .brand>span{font-size:25px}
  .brand>img{width:53px;height:53px}
}
@media(max-width:1120px){
  .site-header{padding:16px var(--gutter)}
  .menu-toggle{display:block}
  .navigation{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 100px);overflow-y:auto;background:var(--paper);padding:15px var(--gutter) 30px;border-bottom:1px solid var(--line);font-size:14px}
  .navigation.is-open{display:block}
  .navigation details{border-bottom:1px solid var(--line)}
  .navigation summary{display:block;padding:17px 0;width:fit-content}
  .navigation summary::after{bottom:12px}
  .navigation .dropdown,.navigation details:nth-of-type(3) .dropdown,.navigation details:nth-of-type(4) .dropdown{position:static;width:100%;box-shadow:none;display:grid;grid-template-columns:1fr 1fr;border:0;background:var(--sand);max-height:none;margin-bottom:12px}
  .navigation :is(.nav-home,.nav-luxury){display:block;padding:18px 0;width:fit-content}
  .navigation :is(.nav-home,.nav-luxury)::after{bottom:12px}
  .navigation .nav-contact{margin-top:10px;width:fit-content;padding:13px 24px;font-size:14px}
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .menu-open{overflow:hidden}
  .brand>img{width:52px;height:52px}
  .brand>span{font-size:26px}
}
/* Company privacy notice */
.legal-company{max-width:1120px;margin-inline:auto}
.legal-company h1{margin-bottom:28px}
.legal-company .legal-lead{max-width:720px;font-size:17px}
.legal-updated{font-size:11px;letter-spacing:.04em;margin-top:20px}
.legal-index{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;padding:30px 0;margin:30px 0 50px;border-block:1px solid var(--line)}
.legal-index a{font-size:12px;text-decoration:none!important;color:var(--olive)}
.legal-index a:hover{text-decoration:underline!important}
.legal-company>section{margin-top:45px;padding-top:5px}
.legal-company>section h2{font-size:32px;letter-spacing:-.025em;margin-top:0}
.legal-company h3{font-size:23px;letter-spacing:-.02em;margin:25px 0 12px}
.legal-company strong{font-weight:600;color:var(--ink)}
.legal-company code{font-size:.9em}
.legal-contact{font-style:normal;border-left:2px solid var(--gold);padding:15px 22px;margin:25px 0;color:var(--muted);line-height:1.9;overflow-wrap:anywhere}
.legal-table-wrap{margin:25px 0;border:1px solid var(--line);overflow-x:auto}
.legal-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;line-height:1.7}
.legal-table caption{padding:14px 18px;font-size:11px;text-align:left;background:var(--sand);color:var(--muted)}
.legal-table th,.legal-table td{padding:17px 20px;vertical-align:top;border-top:1px solid var(--line)}
.legal-table th{font-size:11px;letter-spacing:.04em;background:#f2f1ea;font-weight:600}
.legal-table td{color:var(--muted)}
.legal-table th:first-child,.legal-table td:first-child{width:48%}
.legal-help{margin-top:50px;padding:30px;background:var(--sand)}
.legal-help h3{margin-top:18px;margin-bottom:25px}
.legal-help .button{text-decoration:none!important}
@media(max-width:700px){
  .brand{gap:9px}
  .brand>img{width:48px;height:48px}
  .brand>span{font-size:25px}
  .footer-main .brand>img{width:50px;height:50px}
  .dropdown a{font-size:13px}
  .legal-index{grid-template-columns:1fr;gap:14px;padding-block:25px;margin-bottom:35px}
  .legal-company .legal-lead{font-size:15px}
  .legal-company>section h2{font-size:28px}
  .legal-company>section{margin-top:35px}
  .legal-table th,.legal-table td{padding:12px 10px;font-size:11px;overflow-wrap:anywhere}
  .legal-contact{padding:12px 16px;font-size:13px}
  .legal-company p{overflow-wrap:anywhere}
}
/* Fine-line chevrons shared by text links, buttons and dropdowns. */
.link-chevron{display:inline-flex;align-items:center;justify-content:center;width:14px;height:16px;flex:0 0 14px;vertical-align:middle;transform:translateX(0);transition:transform .24s cubic-bezier(.2,.65,.3,1);pointer-events:none}
.link-chevron svg{display:block;width:12px;height:12px;overflow:visible}
.text-link:hover .link-chevron{transform:translateX(0)}
.category-links a{display:inline-flex;align-items:center;gap:10px}
.dropdown a>.link-chevron{align-self:center}
.steps>a>.link-chevron:last-child{width:14px;height:16px;right:25px;font-size:inherit}
/* Image actions keep their own label and scale without sliding. */
.image-explore,.photo-button>.image-explore,.hero-caption>a.image-explore{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-height:36px;padding:8px 15px;position:absolute;right:15px;bottom:15px;border:1px solid #ffffff90;border-radius:0;background:rgba(250,249,245,.94);color:var(--ink);font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.045em;line-height:1.4;white-space:nowrap;transform:scale(1);transform-origin:right bottom;transition:transform .25s ease,background .25s ease}
.hero-caption>a.image-explore{position:relative;right:auto;bottom:auto;min-height:40px;padding:10px 18px;flex-shrink:0}
.hero-caption{gap:20px}
.collection-picture:focus-visible .image-explore,.photo-button:focus-visible>.image-explore,.hero-caption>a.image-explore:focus-visible{transform:scale(1.06);background:var(--paper)}
@media(hover:hover) and (pointer:fine){
  a:hover .link-chevron,button:hover .link-chevron,.text-link:hover .link-chevron{transform:translateX(3px)}
  .collection-picture:hover .image-explore,.photo-button:hover>.image-explore,.hero-art:hover .image-explore{transform:scale(1.06);background:var(--paper)}
}
a:focus-visible .link-chevron,button:focus-visible .link-chevron{transform:translateX(3px)}
@media(max-width:700px){
  .image-explore,.photo-button>.image-explore{right:10px;bottom:10px;font-size:10px;padding:7px 11px;min-height:32px}
  .hero-caption>a.image-explore{position:relative;right:auto;bottom:auto;font-size:10px;padding:9px 13px;min-height:36px}
  .hero-caption>div>span:last-child{font-size:18px}
  .steps>a>.link-chevron:last-child{right:0}
}
@media(max-width:380px){.hero-caption{gap:12px}.hero-caption>div>span:last-child{font-size:16px}.hero-caption .eyebrow{font-size:7px}}
/* More comfortable reading on tablets and computers; phone typography stays unchanged. */
@media(min-width:701px){
  body{font-size:17px}
  .hero-copy p{font-size:17px}
  .intro-bottom p{font-size:17px}
  .section-heading>p,.artist-copy>p,.cta-row p,.page-hero p,.product-copy>p,.editorial-split p,.catalog-card p{font-size:15px}
  .collection-card>p,.steps p,.showroom-panel p,.wide-link p,.contact-form-wrap>p{font-size:14px}
  .contact-intro>p,.contact-layout address{font-size:16px}
  .config-copy>p{font-size:13px}
  .text-link,.button,.dropdown a{font-size:14px}
  .filters button,.category-links,.pattern-options span{font-size:13px}
  .eyebrow{font-size:12px}
  .hero-caption .eyebrow,.showroom-panel .eyebrow,.catalog-card .eyebrow,.contact-form-wrap>.eyebrow,.image-label{font-size:10px}
  .topbar,.hero-foot,.hero-art-top>span:first-child,.gallery-grid figcaption{font-size:12px}
  .values-strip,.card-title>span,.steps>*>span:first-child,.showroom-panel small{font-size:11px}
  .sample-caption{font-size:9px}
  .footer-main h3{font-size:12px}
  .footer-main p,.footer-main>div>a:not(.brand){font-size:13px}
  .footer-bottom{font-size:11px}
  .hours,.dubai,.form-status{font-size:14px}
  .hours small{font-size:12px}
  .contact-details .email-link{font-size:15px}
  form label{font-size:12px}
  form input:not([type="checkbox"]),form select,form textarea{font-size:14px}
  form>small{font-size:11px}
  .legal-company .legal-lead{font-size:19px}
  .legal-updated{font-size:13px}
  .legal-index a{font-size:14px}
  .legal-table{font-size:15px}
  .legal-table caption,.legal-table th{font-size:13px}
  .image-explore,.photo-button>.image-explore,.hero-caption>a.image-explore{font-size:13px}
  dialog figcaption{font-size:14px}
  /* Balance the hero spacing as the copy grows, keeping its image proportions. */
  .hero-foot{margin-top:40px}
}
/* A vector mask keeps decorative stars identical across desktop and phone fonts. */
.decorative-star{display:inline-block;width:.75em;height:.75em;vertical-align:middle;flex-shrink:0;background:currentColor;-webkit-mask:url('../images/decorative-star.svg') center/contain no-repeat;mask:url('../images/decorative-star.svg') center/contain no-repeat}
.small-flower{display:inline-flex;align-items:center;justify-content:center}
/* Icon-only social links in the atelier's olive palette. */
.social-links{display:flex;align-items:center;gap:12px}
.social-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;color:white;box-shadow:0 4px 12px #30382e12;transition:transform .22s ease,box-shadow .22s ease}
.social-button svg{width:23px;height:23px;display:block}
.social-instagram,.social-facebook{background:var(--olive);color:white}
.social-button:focus-visible{outline:2px solid var(--olive);outline-offset:4px}
.hero-copy>.social-links{margin-top:22px}
.hero-copy:has(>.social-links) .hero-foot{margin-top:24px}
.footer-main .social-links{margin-top:22px}
.footer-main .social-button{width:36px;height:36px;border-radius:11px}
.footer-main .social-button svg{width:20px;height:20px}
.footer-bottom>.footer-identity{display:flex;align-items:center;flex-wrap:wrap;gap:10px 28px}
.developer-credit{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.developer-credit a{display:inline-block;color:var(--olive);font-weight:600;transform-origin:left center;transition:transform .22s ease,color .22s ease}
/* A field's own label and baseline communicate focus without an overlapping frame. */
.form-field{position:relative;display:block}
.field-label{display:block;width:fit-content;transform-origin:left center;transition:color .22s ease,transform .22s ease}
#contact-form .form-field input,#contact-form .form-field textarea,#contact-form .form-field select{outline:none;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;transform-origin:left center}
.form-field:focus-within>.field-label{color:var(--olive);transform:scale(1.04)}
#contact-form .form-field input:focus,#contact-form .form-field textarea:focus,#contact-form .form-field select:focus{border-color:var(--olive);box-shadow:0 1px 0 var(--olive);transform:scale(1.008)}
#contact-form .consent input:focus-visible{outline:2px solid var(--olive);outline-offset:3px}
#contact-form .consent:focus-within>span{color:var(--olive)}
#contact-form .button:focus-visible{outline-color:var(--olive)}
.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;text-align:left;padding:13px 0;margin-bottom:25px;border:0;border-bottom:1px solid #bfc3b3;background:transparent;font-size:12px;line-height:1.65;outline:none;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;transform-origin:left center}
.select-trigger:focus,.select-trigger[aria-expanded="true"]{border-color:var(--olive);box-shadow:0 1px 0 var(--olive);transform:scale(1.008)}
#contact-form .select-trigger:focus-visible{outline:none}
.select-chevron{width:8px;height:8px;flex-shrink:0;margin-right:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .22s ease}
.select-trigger[aria-expanded="true"] .select-chevron{transform:translateY(2px) rotate(225deg)}
.select-options{position:absolute;z-index:12;top:calc(100% - 20px);left:0;right:0;padding:7px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 35px #30382e20;max-height:280px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a1a88f var(--paper)}
.select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-radius:6px;font-size:12px;cursor:pointer;line-height:1.5;transition:background .15s ease,color .15s ease}
.select-option[aria-selected="true"]{color:var(--olive);font-weight:600}
.select-option[aria-selected="true"]:after{content:'';width:6px;height:10px;border-right:1.5px solid var(--olive);border-bottom:1.5px solid var(--olive);transform:rotate(45deg);margin-right:4px}
.select-option.is-active,.select-option:hover{background:#e5e8dc;color:var(--olive)}
@media(min-width:701px){.select-trigger,.select-option{font-size:14px}}
@media(hover:hover) and (pointer:fine){.social-button:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 8px 18px #30382e24}.developer-credit a:hover{transform:scale(1.06);color:#65724f}}
.developer-credit a:focus-visible{transform:scale(1.06)}
@media(max-width:700px){.footer-bottom>.footer-identity{align-items:flex-start;flex-direction:column;gap:12px;margin-top:0}.social-button{width:40px;height:40px}.hero-copy>.social-links{margin-top:20px}.hero-copy:has(>.social-links) .hero-foot{margin-top:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}