*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:60px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,sans-serif;--paper:#f3f0e8;--ink:#263e32;--accent:#263e32;--tint:#e4e5dc}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #c72d3b;outline-offset:4px}.demo-bar{padding:10px 4%;background:#171717;color:#fff;display:flex;justify-content:space-between;align-items:center;font:11px/1.5 Arial,sans-serif;gap:20px}.demo-bar a{padding:8px}.demo-bar a:last-child{background:#fff;color:#171717;padding:8px 14px}.sample-wrap{max-width:1250px;width:90%;margin:auto}.sample-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}.sample-brand{font:26px Georgia,serif;letter-spacing:-1px}.sample-nav nav{display:flex;gap:25px;font-size:12px}.sample-nav nav a{padding:8px 0}.sample-nav .sample-btn{padding:10px 16px;min-height:44px}.sample-btn{background:var(--accent);color:var(--paper);border:1px solid var(--accent);padding:16px 24px;display:inline-block;min-height:48px;font-size:12px;font-weight:700;cursor:pointer}.sample-hero{padding:70px 0;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.sample-kicker{text-transform:uppercase;font-size:10px;letter-spacing:2px;display:block}h1{font:clamp(50px,6vw,82px)/1.04 Georgia,serif;letter-spacing:-3px;margin:24px 0}h2{font:clamp(35px,4.5vw,55px)/1.1 Georgia,serif;letter-spacing:-2px;margin:15px 0 20px}h3{font:25px/1.2 Georgia,serif;margin:0 0 15px}p{opacity:.85;max-width:550px}.sample-hero p{margin:0 0 30px}.sample-visual{height:480px;overflow:hidden;background:var(--tint)}.sample-visual img{height:100%;width:100%;object-fit:cover}.sample-strip{border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent);padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px}.sample-section{padding:80px 0}.sample-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.sample-service{padding-top:24px;border-top:1px solid color-mix(in srgb,var(--ink) 30%,transparent)}.sample-service>span{display:block;font-size:10px;margin-bottom:30px}.sample-service p{font-size:14px}.sample-service a{font-size:12px;border-bottom:1px solid;display:inline-block;padding:8px 0}.sample-story{background:var(--tint)}.sample-story-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.sample-steps{margin-top:35px;display:grid;gap:18px;font-size:14px}.sample-steps>div{border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent);padding-top:18px}.sample-steps b{display:inline-block;width:38px}.sample-faq{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.sample-faq details{border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent);padding:18px 0}.sample-faq summary{cursor:pointer;font-size:15px}.sample-faq p{font-size:14px}.sample-contact{background:var(--ink);color:var(--paper)}.sample-contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.sample-contact form{display:grid;gap:16px}.sample-contact label{font-size:12px;display:grid;gap:7px}.sample-contact input,.sample-contact textarea{padding:12px;background:transparent;border:1px solid #ffffff70;color:inherit;width:100%;border-radius:0}.sample-contact .sample-btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}.sample-status{font-size:13px}.sample-footer{padding:28px 0;font-size:11px;display:flex;justify-content:space-between;gap:20px}.midnight{--paper:#101e29;--ink:#f2eee4;--accent:#f2eee4;--tint:#1b2c39}.midnight .sample-hero{grid-template-columns:1.15fr 1fr;position:relative}.midnight h1{font-size:clamp(48px,6vw,78px)}.midnight .sample-visual{height:540px;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%,0 15%)}.midnight .sample-brand{font-family:Arial;font-size:21px;font-weight:700;letter-spacing:0}.midnight .sample-contact{background:#ece7dc;color:#101e29}.midnight .sample-contact input,.midnight .sample-contact textarea{border-color:#101e2970}.electric{--paper:#f6f8fd;--ink:#093c89;--accent:#093c89;--tint:#e0e9f6}.electric .sample-brand{font:900 25px Arial;letter-spacing:-1.5px}.electric .sample-hero{background:#093c89;color:#fff;padding:45px;gap:40px;margin:30px 0}.electric h1{font:800 clamp(55px,7vw,94px)/.98 Arial;letter-spacing:-4px}.electric .sample-hero .sample-btn{background:#ffee70;color:#093c89;border-color:#ffee70}.electric .sample-visual{height:420px}.electric h2,.electric h3{font-family:Arial;font-weight:700}.electric .sample-service{background:var(--tint);padding:28px;border:0}.terracotta{--paper:#f5ede3;--ink:#4d3227;--accent:#753b29;--tint:#e8dac8}.terracotta .sample-hero{grid-template-columns:1fr;padding-bottom:40px;position:relative}.terracotta .sample-hero>div:first-child{position:relative;z-index:1;max-width:680px;padding:45px;background:var(--paper);margin:80px 0 40px}.terracotta .sample-visual{position:absolute;inset:30px 0 0 28%;height:calc(100% - 30px)}.terracotta .sample-brand{font-size:29px}.studio{--paper:#f1f1e8;--ink:#3a3f20;--accent:#3a3f20;--tint:#e2e2d1}.studio .sample-brand{font:600 16px Arial;letter-spacing:2px}.studio h1{font-family:Arial;font-weight:500;font-size:clamp(50px,6.7vw,88px);letter-spacing:-5px}.studio .sample-visual{display:grid;place-items:center;background:#d5d891;border-radius:50% 50% 0 0}.abstract-art{width:75%;height:75%;position:relative;display:grid;place-items:center}.abstract-art:before{content:'';height:70%;width:65%;border:3px solid #3a3f20;border-radius:50%;position:absolute;transform:rotate(-30deg)}.abstract-art:after{content:'';height:88%;width:44%;background:#3a3f20;border-radius:100% 0 100% 0;transform:rotate(28deg)}.objects{--paper:#fbf8f2;--ink:#473428;--accent:#473428;--tint:#eee5d9}.objects .sample-brand{font:500 16px Arial;letter-spacing:4px}.objects .sample-hero{grid-template-columns:1fr 1.2fr}.objects .sample-service{border:0;background:var(--tint);padding:25px}.objects .sample-visual{display:grid;place-items:center;background:#e8dccc}.vessel-art{width:75%;height:85%;filter:drop-shadow(12px 18px 13px #47342825)}.sample-product-art{width:100%;height:170px;margin-bottom:25px}.sample-note{font-size:11px}.sample-contact h2{max-width:450px}.sample-close{padding:10px;border:1px solid;background:none;color:inherit;cursor:pointer}.sample-product-dialog{border:0;padding:35px;background:var(--paper);color:var(--ink);max-width:550px;width:90%}.sample-product-dialog::backdrop{background:#0009}.sample-product-dialog h2{font-size:38px}.sample-product-dialog a{margin-top:20px}.sample-skip{position:absolute;top:-100px;background:#fff;color:#000;padding:15px}.sample-skip:focus{top:10px;z-index:5}@media(max-width:750px){.demo-bar{font-size:9px;flex-wrap:wrap}.sample-nav{flex-wrap:wrap;padding:20px 0}.sample-nav nav{gap:18px}.sample-nav .sample-btn{font-size:10px}.sample-hero,.sample-story-inner,.sample-faq,.sample-contact-inner{grid-template-columns:1fr!important;gap:30px}.sample-hero{padding:40px 0}h1{font-size:52px;letter-spacing:-2px}.sample-visual{height:350px}.sample-service-grid{grid-template-columns:1fr;gap:25px}.sample-section{padding:50px 0}.sample-strip{flex-wrap:wrap}.electric .sample-hero{padding:25px}.electric h1{font-size:58px}.electric .sample-visual{height:300px}.midnight .sample-visual{height:330px}.terracotta .sample-hero>div:first-child{padding:0;margin:0;background:transparent}.terracotta .sample-visual{position:static;height:300px}.studio h1{letter-spacing:-3px}.sample-footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.sample-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:32px 0}.sample-facts>div{display:flex;align-items:center;gap:16px}.sample-facts span{font-size:11px;opacity:.8}.sample-facts b{font-size:13px;font-weight:400}.sample-detail-link,.sample-bag{border:0;border-bottom:1px solid currentColor;background:none;color:inherit;cursor:pointer;padding:12px 0;font-size:12px;min-height:44px}.sample-service-dialog,.sample-bag-dialog{max-width:560px;width:90%;padding:36px;border:0;background:var(--paper);color:var(--ink)}.sample-service-dialog::backdrop,.sample-bag-dialog::backdrop{background:#0009}.sample-service-dialog h2{font-size:40px}.sample-service-dialog .sample-kicker{margin-top:25px}.service-next{padding:20px 0;margin-bottom:20px;border-block:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}select{font:inherit;max-width:100%;padding:12px;border:1px solid currentColor;background:var(--paper);color:var(--ink);min-height:44px}select:focus-visible{outline:3px solid #c72d3b;outline-offset:3px}.sample-contact select{background:var(--paper);color:var(--ink);width:100%}.product-price{font-size:21px;opacity:1}.product-price small{display:block;font-size:10px;opacity:.85;text-transform:uppercase;letter-spacing:1px}.sample-product-dialog label{display:grid;gap:8px;margin:20px 0}.sample-bag-items article{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid;padding:18px 0}.sample-bag-items p{margin:0}.sample-bag-items button{background:none;border:1px solid;color:inherit;min-height:44px;cursor:pointer}.sample-product-dialog .sample-btn{margin-top:12px}.studio .sample-visual{border-radius:0 100px 0 0}.midnight .sample-visual{clip-path:none;border-radius:100px 0 0 0}.objects .sample-visual img{object-position:center}.editorial .sample-visual img{object-position:45% center}@media(max-width:750px){.sample-facts{grid-template-columns:1fr;gap:14px;padding:25px 0}.sample-nav nav{flex-wrap:wrap}.sample-product-dialog,.sample-service-dialog,.sample-bag-dialog{padding:25px}.sample-bag-items article{flex-wrap:wrap}}
