@import url('/assets/fonts.css');
:root{--ink:#173e34;--paper:#faf8f2;--cream:#eee9db;--line:#dcded4;--accent:#dfed9b;--muted:#67746b;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bd7148;outline-offset:4px}img{max-width:100%;display:block}p{line-height:1.65}h1,h2,h3{line-height:1.12;margin:0 0 1rem}h1,h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400}h2{font-size:clamp(1.8rem,3vw,2.8rem)}.announcement{padding:10px 20px;background:var(--ink);color:white;text-align:center;font-size:.8rem;letter-spacing:.03em}.announcement span{margin-left:28px;opacity:.8}header{max-width:1440px;margin:auto;padding:25px 5%;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.logo{font-family:'DM Serif Display',Georgia,serif;font-size:2.7rem;letter-spacing:-.055em;white-space:nowrap}.logo span{font:1rem Arial;vertical-align:top;margin:10px 0 0 4px;display:inline-block}nav{display:flex;gap:30px;margin:auto;font-size:.9rem;font-weight:500}.bag{font-size:.9rem;white-space:nowrap}.bag span{background:var(--ink);color:white;padding:5px 9px;border-radius:50%;margin-left:6px}.wrap{max-width:1320px;width:90%;margin-left:auto;margin-right:auto}.hero{display:grid;grid-template-columns:1fr 1fr;padding-top:42px;padding-bottom:48px;gap:32px;align-items:center}.eyebrow{font-size:.75rem;letter-spacing:.14em;font-weight:700;margin-bottom:20px}.hero h1{font-size:clamp(3.4rem,5.8vw,5.7rem);letter-spacing:-.045em;line-height:1.02}.hero h1 em{font-weight:400;color:#57714f}.hero-copy>p:not(.eyebrow){color:var(--muted);font-size:1.05rem}.actions{display:flex;align-items:center;gap:24px;margin:28px 0}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid var(--ink);background:var(--ink);color:white;font-weight:600;font-size:.92rem;padding:17px 23px;border-radius:5px;transition:background .15s}.button:hover{background:#2f5545}.text-link{font-size:.9rem;text-decoration:underline;text-underline-offset:5px;line-height:1.5}.hero-note{display:flex;align-items:center;gap:14px;font-size:.83rem;line-height:1.5;margin-top:35px}.mini-tile{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--ink);font-size:1.5rem;transform:rotate(-8deg)}.hero-image{position:relative;border-radius:8px;overflow:visible}.hero-image>img{border-radius:8px;width:100%}.scene-design{position:absolute;left:21.3%;top:20.5%;width:56.9%;height:55.7%;mix-blend-mode:multiply;display:grid;place-items:center}.scene-design .tile{box-shadow:none!important;border:0!important;background:transparent!important;width:100%;height:100%;font-size:clamp(1rem,2.3vw,2.25rem)}.round-note{position:absolute;bottom:7%;right:-3%;width:115px;height:115px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;text-align:center;background:var(--accent);font-size:.82rem;transform:rotate(9deg);line-height:1.7}.round-note em{font-family:Georgia,serif}.benefits{padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-around;font-size:.9rem}.section{padding-top:65px;padding-bottom:55px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{margin:0}.category-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category-row a{padding:23px 10px;background:#edeedf;border-radius:5px;text-align:center;font-size:.9rem;font-weight:500}.category-row a:nth-child(2n){background:#f1e8e0}.category-row a:nth-child(3n){background:#e8edeb}.category-row span{font-size:2rem;display:block;margin-bottom:12px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 22px}.product-art{display:grid;place-items:center;aspect-ratio:1;background:#ede9de;border-radius:5px;padding:21%}.product:nth-child(4n+2) .product-art{background:#ece3d7}.product:nth-child(4n+3) .product-art{background:#e9ebe2}.product:nth-child(4n) .product-art{background:#e8e6df}.tile{width:100%;aspect-ratio:1;display:grid;place-items:center;position:relative;text-align:center;padding:16%;font-family:Georgia,serif;font-weight:bold;font-size:clamp(.8rem,1.25vw,1.2rem);background:#fffdf8;color:#16468d;border:3px double currentColor;box-shadow:4px 7px 8px #33281622,2px 2px 0 #c9c6bf,-2px -2px 0 #fff;transition:transform .2s}.tile-text{position:relative;z-index:1;white-space:normal;overflow-wrap:anywhere;line-height:1.3;max-width:100%;width:100%}.product-art:hover .tile{transform:rotate(-3deg) scale(1.035)}.corner{position:absolute;font-size:1.2em;line-height:1}.tl{left:4%;top:4%}.tr{right:4%;top:4%;transform:scaleX(-1)}.bl{left:4%;bottom:4%;transform:scaleY(-1)}.br{right:4%;bottom:4%;transform:scale(-1)}.modern{background:#e6ecd3;color:#1d4935;font-family:'DM Sans',Arial,sans-serif;border-color:transparent}.retro{background:#f7dfb7;color:#a44423;font-family:Georgia,serif;border:4px double #a44423}.minimal{background:#faf9f6;color:#323b32;font-family:'DM Sans',Arial,sans-serif;font-weight:400;border:0}.pastel{background:#f4dfe4;color:#713b55;border:0}.typografie{background:#1f493c;color:#e7edc2;border:0;font-family:'DM Sans',Arial,sans-serif;font-weight:700}.modern .corner,.minimal .corner,.typografie .corner{display:none}.pastel .corner{font-size:.6em}.product-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin:16px 0 9px;gap:4px}.product h3{font:600 1rem/1.4 'DM Sans',Arial,sans-serif;min-height:2.8em}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.product-bottom>a{font-size:.75rem;text-decoration:underline;text-underline-offset:4px}.generator-banner{background:var(--ink);color:var(--paper);border-radius:7px;padding:55px 7%;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;margin-top:35px}.generator-banner h2{font-size:clamp(2.2rem,4vw,3.7rem)}.generator-banner .eyebrow{color:var(--accent)}.light{background:var(--accent);color:var(--ink);border-color:var(--accent)}.light:hover{background:white}.banner-tile{display:flex;flex-direction:column;align-items:center;gap:25px}.banner-tile .tile{width:230px;font-size:1.5rem;transform:rotate(8deg);padding:28px}.banner-tile>span{font:italic 1rem Georgia,serif}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:65px}.steps>div>span{color:#839178;display:block;margin-bottom:20px;font-family:Georgia,serif;font-size:1.2rem}.steps h3{font-size:1.2rem}.steps p{color:var(--muted);font-size:.95rem}footer{background:#e9eadf;padding-top:45px;margin-top:40px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:40px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:13px;font-size:.9rem}.footer-grid strong{margin-bottom:8px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #cdd1c4;padding:22px 0;font-size:.78rem;color:var(--muted)}.page-title{font-size:clamp(2.5rem,5vw,4.2rem);letter-spacing:-.03em}.search{display:flex;max-width:600px;margin:30px 0}.search input{border-radius:4px 0 0 4px}.search button{padding:10px 25px;background:var(--ink);color:white;border:0;border-radius:0 4px 4px 0}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.filters a{font-size:.85rem;border:1px solid var(--line);border-radius:30px;padding:10px 15px}.filters a[aria-current],.filters a:hover{background:var(--ink);color:white}.empty{text-align:center;padding:70px 15px}.designer{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;margin-top:30px}.preview-stage{aspect-ratio:1;background:#ece7dc;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:6px;padding:17%}.preview-stage .tile{font-size:clamp(1.2rem,2.2vw,2rem)}.preview-stage.interior{background:url('/assets/ceramic-scene.png') center/cover;padding:0}.preview-stage.interior .tile{position:absolute;left:21.3%;top:20.5%;width:56.9%;height:55.7%;mix-blend-mode:multiply;box-shadow:none;border:0;font-size:clamp(1rem,1.7vw,1.7rem)}.preview-stage.measure:after{content:'↔ 15 cm';position:absolute;bottom:6%;left:20%;right:20%;text-align:center;border-top:1px solid var(--ink);padding-top:8px}.preview-controls{display:flex;justify-content:center;gap:10px;margin:15px 0}.preview-controls button,.secondary{background:transparent;border:1px solid var(--line);padding:11px 17px;border-radius:4px}.preview-controls [aria-pressed=true]{background:var(--ink);color:white}.caption{font-size:.78rem;text-align:center;color:var(--muted)}.breadcrumb{font-size:.85rem}.price{font-size:1.5rem;font-weight:600}.price small{font-size:.8rem;color:var(--muted);font-weight:400}label,legend{display:block;margin-bottom:9px;font-size:.9rem;font-weight:600}input,textarea,select{width:100%;padding:13px;border:1px solid #b9c3b8;background:#fffefa;border-radius:4px;color:var(--ink)}textarea{resize:vertical;line-height:1.5}.field-help{display:flex;justify-content:space-between;gap:10px;font-size:.75rem;color:var(--muted);margin:8px 0 22px}fieldset{border:0;padding:0;margin:0 0 20px}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.style-grid label{border:1px solid var(--line);border-radius:5px;padding:10px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.72rem;margin:0;position:relative}.style-grid label:has(input:checked){border:2px solid var(--ink);padding:9px}.style-grid input{position:absolute;opacity:0;width:1px}.style-grid label:has(input:focus-visible){outline:3px solid #bd7148}.style-swatch{display:grid;place-items:center;min-width:30px;width:30px;height:30px;border:1px solid #bbb;font-size:.9rem}.spec-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;font-size:.9rem}.small{font-size:.8rem;color:var(--muted)}.full{width:100%;margin:6px 0 20px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:.95rem;font-weight:500}details p{font-size:.9rem;color:var(--muted)}.ideas-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:18px;align-items:end;margin:35px 0}.ideas-form .button{height:48px}.generator-page #ideas{margin-top:35px}.cart-item{display:grid;grid-template-columns:130px 1fr auto;gap:35px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.cart-item .tile{font-size:.85rem}.cart-item h2{font-size:1.5rem}.cart-item input{width:80px}.cart-item label{font-size:.8rem}.cart-item p{font-size:.9rem;color:var(--muted)}.cart-items{margin-bottom:25px}.cart-summary{margin:25px 0 0 auto;max-width:400px}.cart-summary>div{display:flex;justify-content:space-between}.cart-summary .button{width:100%;margin:8px 0 20px}.cart-summary>.text-link{display:block;text-align:center}.cart-summary p{font-size:.85rem}.narrow{max-width:750px;min-height:50vh}.notice{padding:30px;background:#eef0e1;border-radius:5px}.lead{font-size:1.3rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1600px){.tile{font-size:1.2rem}}@media(max-width:1000px){header{gap:20px}nav{gap:16px;font-size:.8rem}.hero h1{font-size:3.8rem}.actions{align-items:start;flex-direction:column;gap:15px}.grid{grid-template-columns:repeat(3,1fr)}.tile{font-size:1rem}.product-bottom{align-items:start;flex-direction:column}.ideas-form{grid-template-columns:1fr 1fr}.style-grid{grid-template-columns:repeat(2,1fr)}.steps{gap:30px}.round-note{width:95px;height:95px;font-size:.7rem}}@media(max-width:700px){.announcement{font-size:.75rem}.announcement span{display:none}header{padding:17px 5%;flex-wrap:wrap;gap:15px;justify-content:space-between}.logo{font-size:2.25rem}nav{order:3;width:100%;justify-content:space-between;padding-top:13px;border-top:1px solid var(--line);font-size:.75rem;gap:12px}.bag{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:30px;gap:30px;padding-bottom:35px}.hero h1{font-size:3.7rem}.hero-copy>p:not(.eyebrow){font-size:1rem}.hero-copy>p br{display:none}.hero .eyebrow{font-size:.7rem}.actions{flex-direction:row;align-items:center;gap:20px;flex-wrap:wrap}.hero-note{margin-top:20px}.hero-image{margin:0 5%}.scene-design .tile{font-size:clamp(1.2rem,5.2vw,2rem)}.round-note{right:-6%}.benefits{gap:15px;font-size:.7rem;justify-content:space-between}.section{padding-top:40px;padding-bottom:35px}.section-heading{align-items:start}.section-heading>.text-link{font-size:.8rem;max-width:100px}.section-heading h2{font-size:2rem}.category-row{grid-template-columns:repeat(3,1fr)}.category-row a{padding:17px 5px;font-size:.8rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.product-art{padding:17%}.tile{font-size:clamp(.65rem,2.7vw,1rem)}.product h3{font-size:.9rem}.product-meta{font-size:.65rem;flex-direction:column;gap:3px}.product-bottom>a{font-size:.7rem}.generator-banner{grid-template-columns:1fr;padding:35px 8%;gap:35px}.banner-tile{margin-top:5px}.banner-tile .tile{width:190px;font-size:1.2rem}.steps{grid-template-columns:1fr;gap:20px}.steps>div{padding-left:50px;position:relative}.steps>div>span{position:absolute;left:0;top:0}.steps h3{margin-bottom:8px}.steps p{margin-top:0}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{font-size:.7rem;gap:20px}.designer{grid-template-columns:1fr;gap:30px}.preview-stage .tile{font-size:clamp(1.2rem,5vw,2rem)}.preview-stage.interior .tile{font-size:clamp(1.1rem,4.5vw,1.8rem)}.style-grid{grid-template-columns:repeat(3,1fr)}.style-grid label{font-size:.7rem;padding:8px;gap:5px}.style-grid label:has(input:checked){padding:7px}.ideas-form{grid-template-columns:1fr}.cart-item{grid-template-columns:85px minmax(0,1fr);gap:20px}.cart-item>strong{grid-column:2}.cart-item .tile{font-size:.65rem}.cart-item h2{font-size:1.15rem}.cart-summary{max-width:none}.page-title{font-size:2.6rem}.caption{font-size:.7rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}