/*
Theme Name: ROZAWOOD Atelier — Sketch to Reality
Theme URI: https://rozawood.ma
Author: MED ODRI
Description: Luxury showroom and kitchen configurator theme for ROZAWOOD.
Version: 0.2.0
Text Domain: rozawood
*/
:root{--cream:#f5efe5;--paper:#fffaf2;--wood:#8a5d3b;--dark:#241d18;--gold:#ba9565;--line:#ddcdb9;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--dark);font-family:Arial,"Noto Sans Arabic",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,250,242,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(138,93,59,.14)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-family:Georgia,serif;font-size:25px;letter-spacing:.16em}.brand span{display:block;font:10px Arial;letter-spacing:.28em;color:var(--wood)}.menu{display:flex;gap:24px;list-style:none;margin:0;padding:0}.menu a:hover{color:var(--wood)}.button,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 22px;background:var(--dark);color:#fff;border:1px solid var(--dark);cursor:pointer}.button.alt{background:transparent;color:var(--dark)}.hero{min-height:680px;display:grid;align-items:center;background:linear-gradient(90deg,rgba(25,19,15,.8),rgba(25,19,15,.14)),url('assets/images/hero.svg') center/cover}.hero-copy{max-width:690px;color:#fff;padding:90px 0}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:#e1c8a8}.hero h1{font:clamp(48px,7vw,88px)/1.02 Georgia,serif;margin:18px 0}.hero p{font-size:19px;max-width:590px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero .button{background:#fff;color:var(--dark);border-color:#fff}.hero .button.alt{background:transparent;color:#fff}.section{padding:92px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section h2{font:clamp(36px,5vw,58px)/1.1 Georgia,serif;margin:8px 0}.muted{color:#6e6258}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card-media{height:270px;background:linear-gradient(135deg,#b89068,#5b3c29);display:grid;place-items:center;color:#fff;font:28px Georgia}.card-body{padding:24px}.card h3{font:25px Georgia;margin:0 0 8px}.process{background:var(--cream)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step{padding:26px;border-top:1px solid var(--gold)}.step b{font:40px Georgia;color:var(--gold)}.configurator{display:grid;grid-template-columns:1.2fr .8fr;border-radius:32px;overflow:hidden;background:var(--dark);color:#fff}.config-preview{min-height:480px;background:linear-gradient(145deg,#d7c2a5 0 48%,#8b5e3c 48% 100%);display:grid;place-items:center;padding:30px}.kitchen-demo{width:82%;height:62%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.kitchen-demo i{display:block;background:var(--cabinet,#e9dfd0);border:1px solid rgba(0,0,0,.12);box-shadow:0 16px 28px rgba(0,0,0,.16)}.config-panel{padding:44px}.config-panel h2{font:40px Georgia;margin:0 0 12px}.option-group{margin:24px 0}.option-group label{display:block;margin-bottom:10px}.swatches{display:flex;gap:10px}.swatch{width:42px;height:42px;border-radius:50%;border:3px solid #fff;cursor:pointer}.swatch[data-color='#e9dfd0']{background:#e9dfd0}.swatch[data-color='#8b5e3c']{background:#8b5e3c}.swatch[data-color='#384044']{background:#384044}.swatch[data-color='#f3f3f0']{background:#f3f3f0}.select{width:100%;padding:13px;border-radius:12px;background:#fff;border:0}.cta{padding:68px;border-radius:32px;background:var(--wood);color:#fff;text-align:center}.cta h2{font:48px Georgia;margin:0 0 12px}.site-footer{padding:44px 0;background:#17120f;color:#e9dfd0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.mobile-toggle{display:none;background:none;border:0;font-size:26px}.page-content{padding:70px 0;min-height:55vh}@media(max-width:800px){.wrap{width:min(100% - 28px,1180px)}.mobile-toggle{display:block}.menu{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:24px;flex-direction:column}.menu.open{display:flex}.grid,.steps{grid-template-columns:1fr}.configurator{grid-template-columns:1fr}.section{padding:64px 0}.hero{min-height:610px}.hero h1{font-size:50px}.footer-grid{grid-template-columns:1fr}.nav>.button{display:none}}
/* Sketch to Reality experience — v0.2 */
.rw-home{overflow:hidden}.transform-hero{height:min(820px,calc(100vh - 76px));min-height:650px;position:relative;background:#e7dccd}.transform-stage,.transform-img,.transform-reality{position:absolute;inset:0;width:100%;height:100%}.transform-img{object-fit:cover}.transform-reality{overflow:hidden;will-change:clip-path}.transform-line{position:absolute;z-index:8;top:0;bottom:0;width:1px;background:rgba(184,148,85,.9);transform:translateX(-50%);pointer-events:none}.transform-handle{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;border:1px solid #b89455;background:#fffaf2;color:#2b211a;font-size:20px;box-shadow:0 10px 35px rgba(30,20,12,.22)}.transform-range{position:absolute;z-index:9;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.state-label{position:absolute;z-index:7;bottom:22px;padding:8px 12px;background:rgba(31,23,18,.78);color:#fff;font-size:10px;letter-spacing:.18em}.state-sketch{left:22px}.state-real{right:22px}.hero-overlay{position:relative;z-index:6;height:100%;pointer-events:none;display:flex;align-items:center}.hero-overlay a{pointer-events:auto}.hero-message{width:min(520px,48vw);margin-left:70px;padding:38px;background:rgba(255,250,242,.86);backdrop-filter:blur(14px);box-shadow:0 22px 70px rgba(40,25,14,.12)}.kicker,.section-index{margin:0 0 16px;color:#a77840;letter-spacing:.18em;font-size:11px}.hero-message h1,.editorial h2,.story-copy h2,.studio h2,.final-cta h2{font:clamp(44px,5.7vw,82px)/.98 Georgia,serif;margin:0 0 22px;letter-spacing:-.04em}.hero-message>p:not(.kicker){max-width:440px}.gold{border-radius:2px;background:#221a15;border-color:#221a15;padding:15px 22px}.gold span{margin-left:28px}.text-link{display:inline-flex;align-items:center;margin:10px 0;padding-bottom:4px;border-bottom:1px solid currentColor}.journey-rail{position:absolute;left:0;top:50%;transform:translateY(-50%);display:grid;gap:34px;color:#7e7269}.journey-rail span{display:grid;font:25px Georgia}.journey-rail span.active{color:#9f713d}.journey-rail small{font:9px Arial;text-transform:uppercase;letter-spacing:.12em}.material-dock{position:absolute;z-index:11;right:28px;bottom:28px;display:flex;padding:10px;background:rgba(31,25,21,.88);backdrop-filter:blur(10px)}.material-dock button{border:0;color:#fff;background:none;padding:5px 10px;font-size:9px}.mat{display:block;width:38px;height:38px;margin:0 auto 5px;border:1px solid rgba(255,255,255,.35);background:#8a5b3d}.mat.walnut{background:linear-gradient(90deg,#765038,#9d7150,#62402b)}.mat.beige{background:#d7c9b4}.mat.stone{background:linear-gradient(135deg,#eee9df,#bdb4a7,#eee9df)}.mat.dark{background:#292827}.mat.brass{background:linear-gradient(90deg,#735326,#d5ad64,#806032)}.manifesto{background:#faf6ee}.editorial{text-align:center;max-width:1040px}.editorial h2{font-size:clamp(42px,5vw,72px)}.editorial h2 em{color:#9c7047;font-weight:normal}.editorial>p:last-child{max-width:580px;margin:25px auto;color:#70655d}.story-grid{display:grid;grid-template-columns:.72fr 1.6fr;gap:70px;align-items:center}.story-copy h2{font-size:clamp(42px,4.5vw,68px)}.dark-link{color:#5f4533}.story-visual{position:relative;overflow:hidden}.story-visual img{width:100%;height:520px;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.story-visual:hover img{transform:scale(1.025)}.story-visual span{position:absolute;bottom:0;left:0;background:#251c17;color:#fff;padding:12px 18px;font-size:10px;letter-spacing:.16em}.studio{background:#201813;color:#f5ecdf}.studio-grid{display:grid;grid-template-columns:.7fr 1.5fr .8fr;gap:28px;align-items:center}.studio h2{font-size:clamp(42px,4vw,62px)}.studio-intro>p:not(.kicker){color:#c9bbae}.steps-mini{display:grid;margin-top:38px;border-left:1px solid #6f5b4b}.steps-mini span{padding:9px 15px;color:#927f70}.steps-mini .active{color:#e2bd83}.studio-preview{height:520px;overflow:hidden}.studio-preview img{width:100%;height:100%;object-fit:cover;transition:filter .6s,transform 1.2s}.studio-preview:hover img{transform:scale(1.02)}.studio-controls h3{font:26px Georgia}.finish-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.finish{padding:12px 8px;border:1px solid #604d3e;background:#2a211b;color:#e9ded2;font-size:11px;cursor:pointer}.finish.active{border-color:#d1a96f;background:#392b22}.finish .mat{width:48px;height:34px}.config-cta{width:100%;margin-top:24px;background:#d4ad74;color:#211914}.craft{background:#17110e;color:#f1e5d7;padding:42px 0;border-top:1px solid #493b31}.craft-row{display:grid;grid-template-columns:repeat(4,1fr)}.craft-row>div{display:flex;gap:16px;padding:8px 22px;border-right:1px solid #493b31}.craft-row strong{font:30px Georgia;color:#b98d57}.craft-row span{display:grid}.craft-row small{color:#998a7e}.final-cta{text-align:center;background:#f3eadc}.final-cta h2{font-size:clamp(50px,6vw,86px)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:900px){.transform-hero{height:720px}.hero-message{width:calc(100% - 44px);margin:0 auto;margin-top:230px;padding:26px}.hero-message h1{font-size:48px}.journey-rail,.material-dock{display:none}.story-grid,.studio-grid{grid-template-columns:1fr}.studio-preview{height:380px}.craft-row{grid-template-columns:1fr 1fr}.craft-row>div{border-bottom:1px solid #493b31}.story-visual img{height:390px}}@media(max-width:560px){.transform-hero{height:680px;min-height:0}.transform-img{object-position:62% center}.hero-message{margin-top:255px}.hero-message h1{font-size:41px}.hero-message>p:not(.kicker){font-size:14px}.hero-message .actions{margin-top:18px}.hero-message .text-link{display:none}.section{padding:68px 0}.finish-grid,.craft-row{grid-template-columns:1fr 1fr}.craft-row>div{padding:15px 8px;display:grid}.studio-preview{height:300px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.story-visual img,.studio-preview img{transition:none}}