/*
Theme Name: RoosWijs
Author: RoosWijs
Description: Een warme, eigenwijze boetiek voor kleine cadeaus met gevoel.
Version: 1.0.0
Text Domain: rooswijs
*/
@import url('fonts.css');
:root{--ivory:#fcf9f4;--ink:#393a34;--muted:#6e6d62;--rose:#d98f8f;--blush:#f3d6d6;--sand:#ead8cb;--sage:#8a9a84;--darkrose:#86504f;--line:#dedbd0;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--hand:'Caveat',cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--ink);background:var(--ivory);font-family:var(--sans);font-size:15px;line-height:1.7}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%;height:auto}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--darkrose);outline-offset:5px}button:disabled{cursor:default}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.announcement{text-align:center;background:#e7eadd;color:#475443;font-size:11px;letter-spacing:.07em;padding:9px 20px}.announcement span{margin-left:18px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}.wordmark{display:inline-flex;align-items:center;font-family:var(--hand);font-size:46px;line-height:1;letter-spacing:-2px;white-space:nowrap}.wordmark svg{width:28px;height:35px;color:var(--rose);margin:0 0 10px 3px}.header nav{display:flex;gap:33px;font-size:13px}.header nav a:hover,.text-link:hover{color:var(--darkrose)}.header-note{font-size:12px;border-bottom:1px solid #a9a89a;padding-bottom:3px}.header-note span{margin-left:16px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px;align-items:center;gap:35px;padding-block:45px 65px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:600;margin:0 0 24px;line-height:1.6}.tiny-line{width:24px;height:1px;background:var(--rose);display:inline-block;vertical-align:middle;margin-right:12px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;line-height:1.04}h1{font-size:clamp(48px,4.6vw,69px);margin-bottom:25px}h1 em,h2 em{font-weight:400;color:var(--darkrose)}.intro{max-width:375px;color:var(--muted);font-size:14px;line-height:1.9;margin-bottom:29px}.button{display:inline-flex;gap:38px;align-items:center;padding:14px 24px;background:#52624d;color:white;font-size:12px;border:1px solid #52624d;border-radius:2px;transition:background .2s}.button:hover{background:#3e503a}.hero-footnote{font-size:11px;color:var(--muted);margin:17px 0 0}.hero-art{height:500px;position:relative}.art-wash{position:absolute;inset:15px 5px 0;background:#f1e7df;border-radius:48% 48% 42% 46%;transform:rotate(-9deg)}.hero-tile{position:absolute;left:30px;top:76px;width:66%;transform:rotate(-8deg);padding:5px;background:#fffcf5;box-shadow:5px 19px 30px #725c4424;border-radius:3px}.hero-tile img{border-radius:2px}.hero-coaster{position:absolute;right:-3px;bottom:12px;width:46%;border-radius:50%;overflow:hidden;box-shadow:3px 12px 24px #725c4424;transform:rotate(11deg)}.hero-art .handnote{position:absolute;right:12px;top:6px;font:26px/1.1 var(--hand);color:var(--darkrose);transform:rotate(8deg);z-index:2}.art-caption{position:absolute;left:35px;bottom:0;font-size:9px;color:var(--muted);letter-spacing:.03em}.values{border-block:1px solid var(--line)}.values .wrap{display:flex;justify-content:space-between;align-items:center;padding:19px 0;font-size:11px;letter-spacing:.035em}.values span[aria-hidden]{color:var(--rose);font-size:20px}.section{padding-block:95px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:17px}h2{font-size:52px;margin-bottom:0}.section-heading>p{max-width:330px;font-size:13px;color:var(--muted);margin-bottom:5px}.collection-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.filters{display:flex;gap:9px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid var(--line);border-radius:30px;padding:8px 17px;font-size:11px}.filters button.active{background:#e8ecdf;border-color:#e8ecdf;color:#3f5139}.filters button:hover{border-color:var(--sage)}.collection-status{font-size:10px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 27px}.design-card[hidden]{display:none}.design-open{padding:0;border:0;background:none;width:100%;text-align:left;display:block}.design-stage{background:#f0ebe3;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;position:relative;overflow:hidden}.design-card:nth-child(2n) .design-stage{background:#eee7e0}.design-card:nth-child(3n) .design-stage{background:#e9ecdf}.design-stage img{width:77%;box-shadow:3px 8px 16px #4d3e2d12;transition:transform .3s}.design-stage.onderzetter img{border-radius:50%;width:76%}.design-open:hover .design-stage img{transform:translateY(-4px) rotate(-2deg)}.zoom{position:absolute;right:13px;bottom:13px;background:#fcf9f4df;display:grid;place-items:center;border-radius:50%;width:30px;height:30px;font-size:15px}.design-meta{display:flex;justify-content:space-between;margin:16px 0 4px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.design-meta>span{font-size:9px;color:var(--darkrose);letter-spacing:.02em;text-transform:none}h3{font:400 24px/1.25 var(--serif);margin-bottom:0}.collection-note{text-align:center;font-size:11px;margin:35px 0 0;color:var(--muted)}.story{background:#e9ecdf;padding-block:70px}.story-inner{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.story-art{position:relative;padding:0 25px 28px 15px}.story-art img{width:85%;border-radius:50%;mix-blend-mode:multiply;transform:rotate(-7deg)}.story-art .handnote{position:absolute;right:0;bottom:0;font:27px/1.1 var(--hand);color:#586b50;transform:rotate(-7deg)}.story-copy h2{margin-bottom:25px}.story-copy p:not(.eyebrow){font-size:13px;max-width:395px;color:#596052;line-height:1.9}.text-link{display:inline-block;font-size:12px;border-bottom:1px solid #8a9a84;padding-bottom:5px;margin-top:10px}.text-link span{margin-left:25px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.faq h2{margin-bottom:22px}.faq>div>p:not(.eyebrow){font-size:12px;color:var(--muted)}.questions{padding-top:14px}.questions details{border-bottom:1px solid var(--line)}.questions summary{padding:20px 24px 20px 0;cursor:pointer;font-size:13px;list-style:none;position:relative}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';position:absolute;right:0;font-size:18px;font-weight:400}.questions details[open] summary:after{content:'−'}.questions details p{font-size:12px;color:var(--muted);padding:0 25px 20px 0;margin:0;line-height:1.9}.closing{text-align:center;border-top:1px solid var(--line);padding:50px 0 65px}.closing svg{width:36px;height:40px;color:var(--rose);margin-bottom:15px}.closing p{font:400 39px/1.2 var(--serif);margin-bottom:12px}.closing p em{color:var(--darkrose)}.footer{background:#f0e7e0}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;padding-block:52px}.footer p{font-size:12px;margin-top:15px;color:var(--muted)}.footer .wordmark{font-size:40px}.footer .eyebrow{font-size:9px;color:var(--ink);margin-bottom:15px}.footer-top>div>a:not(.wordmark){display:block;font-size:12px;margin:7px 0}.footer-message{display:flex;align-items:center;gap:15px}.footer-message svg{width:40px;height:45px;color:var(--rose)}.footer-message p{font-family:var(--serif);font-size:23px;color:var(--ink);line-height:1.3}.footer-bottom{border-top:1px solid #d9cec4;display:flex;justify-content:space-between;gap:20px;padding-block:17px;font-size:10px;color:var(--muted)}.skip{position:fixed;top:-100px;left:10px;background:white;padding:10px;z-index:1000}.skip:focus{top:10px}.page-content{min-height:50vh;padding-block:65px}.page-content h1{font-size:50px}.page-content p{max-width:700px}.page-content input,.page-content textarea,.page-content select{max-width:100%;padding:10px;border:1px solid var(--line);background:white}.woocommerce ul.products{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:0}.woocommerce ul.products img{width:100%}.woocommerce h2{font-size:30px}.woocommerce .button{color:white}.woocommerce-message,.woocommerce-info{background:#e9ecdf;padding:20px;margin-bottom:20px}.woocommerce form .form-row{margin-bottom:20px}.woocommerce form label{display:block}.woocommerce table{width:100%;border-collapse:collapse}.woocommerce th,.woocommerce td{padding:12px;border-bottom:1px solid var(--line)}dialog{width:min(900px,calc(100% - 32px));max-height:90dvh;padding:24px;border:0;border-radius:4px;background:var(--ivory);color:var(--ink);box-shadow:0 20px 80px #0003;overflow:auto}dialog[open]{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:32px}dialog::backdrop{background:#2c2b287a;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:10px;top:8px;background:var(--ivory);border:0;border-radius:50%;width:36px;height:36px;font-size:26px;z-index:1}.dialog-copy{padding-right:15px}.dialog-copy h2{font-size:38px;margin-bottom:20px}.dialog-copy p{font-size:13px}.dialog-copy .small{font-size:11px;color:var(--darkrose)}body:has(dialog[open]){overflow:hidden}
@media(min-width:1500px){.hero{min-height:700px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.header nav{gap:20px}.hero{gap:20px;min-height:560px}.hero-art{height:410px}.hero-tile{left:7px}.hero-art .handnote{font-size:23px}.hero h1{font-size:53px}.hero-coaster{bottom:15px}.art-caption{left:5px;bottom:-12px}.story-inner{gap:40px}.faq{gap:40px}.header-note{display:none}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.announcement{font-size:10px;padding:8px 12px;letter-spacing:.02em}.announcement span{display:none}.header{height:auto;min-height:100px;flex-wrap:wrap;justify-content:center;gap:13px;padding:17px 0}.wordmark{font-size:40px}.header nav{width:100%;justify-content:center;gap:23px;font-size:11px}.hero{grid-template-columns:1fr;padding:42px 0 35px;gap:0}.hero-copy{text-align:center}.hero .eyebrow{font-size:9px;margin-bottom:20px}.hero h1{font-size:49px}.intro{font-size:13px;max-width:330px;margin-inline:auto}.button{padding:13px 22px}.hero-footnote{font-size:10px}.hero-art{height:380px;width:100%;max-width:400px;margin:28px auto 20px}.art-wash{inset:15px 7px 0}.hero-tile{left:18px;top:60px;width:65%}.hero-coaster{right:0;bottom:8px;width:45%}.hero-art .handnote{font-size:23px;right:6px;top:7px}.art-caption{font-size:8px;bottom:-18px;left:14px}.values .wrap{justify-content:center;font-size:10px;gap:15px;padding:14px 0}.values span:nth-child(n+4){display:none}.section{padding-block:60px}.section-heading{display:block;margin-bottom:27px}h2{font-size:43px}.section-heading>p{margin-top:20px;font-size:12px;max-width:330px}.collection-bar{display:block}.filters{gap:6px}.filters button{font-size:10px;padding:8px 13px}.collection-status{display:block;margin-top:14px;font-size:9px}.product-grid{grid-template-columns:repeat(2,1fr);gap:25px 14px}.design-stage img{width:83%}.design-stage.onderzetter img{width:83%}.design-meta{font-size:8px;letter-spacing:.02em;flex-wrap:wrap;gap:4px}.design-meta>span{font-size:8px}h3{font-size:20px}.zoom{width:23px;height:23px;right:7px;bottom:7px;font-size:12px}.collection-note{font-size:10px;line-height:1.8;max-width:290px;margin-inline:auto}.story{padding-block:45px}.story-inner{grid-template-columns:1fr;gap:38px}.story-art{max-width:340px;margin:auto;padding:0 20px 15px}.story-art img{width:90%}.story-art .handnote{font-size:24px;right:0;bottom:0}.story-copy{padding-top:6px}.story-copy .eyebrow{margin-bottom:15px}.story-copy p:not(.eyebrow){font-size:12px}.faq{grid-template-columns:1fr;gap:10px}.questions{padding-top:0}.questions summary{font-size:12px}.closing{padding:38px 0 45px}.closing p{font-size:34px}.footer-top{grid-template-columns:1fr 1fr;gap:25px;padding-block:35px}.footer-message{grid-column:1/-1}.footer-message p{font-size:22px}.footer-top>div>a:not(.wordmark){font-size:11px}.footer p{font-size:11px}.footer .wordmark{font-size:36px}.footer-bottom{flex-direction:column;gap:4px;font-size:9px}dialog[open]{grid-template-columns:1fr;gap:20px;padding:22px}.dialog-copy{padding:0}.dialog-copy h2{font-size:31px}.dialog-copy .eyebrow{margin-bottom:12px}.page-content h1{font-size:40px}.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}