@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-400-normal-latin-ext.woff2')}@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-600-normal-latin-ext.woff2');font-weight:600}@font-face{font-family:'DM Serif Display';src:url('/assets/fonts/dm-serif-display-400-normal-latin-ext.woff2')}@font-face{font-family:'DM Serif Display';src:url('/assets/fonts/dm-serif-display-400-italic-latin-ext.woff2');font-style:italic}@font-face{font-family:Caveat;src:url('/assets/fonts/caveat-500-normal-latin-ext.woff2')}
:root{--ink:#292721;--paper:#fbf5e8;--cream:#efe4d2;--orange:#d76831;--blue:#527e8c;--rosso:#813b48;--sera:#d4a63f;--oliva:#68734e;--serif:'DM Serif Display',Georgia,serif;--sans:Manrope,Arial,sans-serif;--hand:Caveat,cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#d7cfc1}body{margin:0;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}img{display:block;width:100%;height:100%;object-fit:cover}button,a{font:inherit}a{color:inherit;text-decoration:none}p,h1,h2,figure,dl,dd{margin:0}.review-bar{position:fixed;z-index:100;inset:0 0 auto;height:62px;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;background:rgba(38,34,29,.88);border-bottom:1px solid rgba(255,255,255,.28);backdrop-filter:blur(14px)}.review-mark{width:46px;height:46px}.review-mark img{object-fit:contain;filter:brightness(0) invert(1)}.review-bar p{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.review-bar nav{justify-self:end;display:flex;gap:8px}.review-bar nav a{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.44);border-radius:50%;font-size:10px;font-weight:600}.review-bar nav a.is-active{color:var(--ink);background:var(--paper)}
.option{position:relative;min-height:100svh;padding-top:62px;overflow:hidden}.option[hidden]{display:none}.option-label{position:absolute;z-index:20;left:28px;top:82px;padding:8px 11px;color:#fff;background:rgba(35,32,27,.82);font-size:8px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.option-label b{margin-left:7px;color:#f3d389}.eyebrow{color:var(--orange);font-size:9px;font-weight:600;letter-spacing:.19em;text-transform:uppercase}h1,h2{font-family:var(--serif);font-weight:400}h1 em{color:var(--orange);font-weight:400}.room-pattern{background-color:var(--room);background-image:linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px);background-size:12px 12px}.room-mio{object-fit:contain;filter:drop-shadow(0 12px 12px rgba(38,29,21,.15))}

.option-a{--room:var(--blue);display:grid;grid-template-columns:minmax(390px,43%) 1fr;background:var(--paper);transition:background .55s}.option-a[data-active-room=rosso]{--room:var(--rosso)}.option-a[data-active-room=sera]{--room:#bb8425}.option-a[data-active-room=oliva]{--room:var(--oliva)}.a-copy{position:relative;z-index:3;padding:150px 3.8vw 34px 5.2vw;background:var(--paper)}.a-copy h1{margin:11px 0 10px;font-size:clamp(62px,6.6vw,108px);line-height:.84}.a-intro{max-width:330px;font:400 16px/1.45 var(--serif)}.a-list{margin-top:28px;border-top:1px solid rgba(41,39,33,.2)}.a-list button{width:100%;padding:12px 6px;display:grid;grid-template-columns:8px 1fr auto;gap:14px;align-items:center;text-align:left;color:rgba(41,39,33,.5);border:0;border-bottom:1px solid rgba(41,39,33,.18);background:transparent;cursor:pointer;transition:color .3s,padding .35s}.a-list button>i{width:7px;height:38px;background:var(--dot);border-radius:8px}.a-list button span{display:grid;grid-template-columns:1fr 1.4fr;align-items:end;gap:2px 15px}.a-list small{grid-column:1/-1;font-size:7px;letter-spacing:.13em;text-transform:uppercase}.a-list b{font:400 24px/1 var(--serif)}.a-list em{font:400 10px/1.25 var(--serif)}.a-list strong{opacity:0;transform:translateX(-8px);transition:.3s}.a-list button:hover,.a-list button.is-active{padding-left:12px;color:var(--room)}.a-list button.is-active strong{opacity:1;transform:none}.a-list button[data-room=mare]{--dot:var(--blue)}.a-list button[data-room=rosso]{--dot:var(--rosso)}.a-list button[data-room=sera]{--dot:var(--sera)}.a-list button[data-room=oliva]{--dot:var(--oliva)}.a-stage{position:relative;min-width:0;background:var(--cream);overflow:hidden}.a-main{position:absolute;inset:62px 0 0 0}.a-main img{transition:opacity .22s,transform .8s}.a-stage.is-changing .a-main img,.a-stage.is-changing .a-detail{opacity:.22}.a-main::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,21,18,.16),transparent 35%,transparent 68%,rgba(22,21,18,.18))}.a-detail{position:absolute;z-index:4;right:4vw;top:115px;width:20%;height:27%;padding:6px 6px 24px;background:#fffaf0;box-shadow:8px 10px 0 rgba(41,39,33,.14);transform:rotate(2deg);transition:opacity .25s,transform .65s}.a-room-note{position:absolute;z-index:5;left:3vw;right:3vw;bottom:24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;color:#fff;text-shadow:0 1px 9px rgba(0,0,0,.35)}.a-room-note span{font-size:8px;letter-spacing:.15em}.a-room-note p{font:italic 16px/1.2 var(--serif)}.a-room-note a{padding:13px 17px;display:flex;gap:25px;align-items:center;color:var(--ink);background:#fffaf0;font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-shadow:none}.a-stage .room-pattern{position:absolute;z-index:5;right:2.5vw;bottom:18%;width:135px;height:84px;clip-path:polygon(4% 0,100% 7%,94% 100%,0 91%);opacity:.83}.a-stage .room-mio{position:absolute;z-index:6;right:2.3vw;bottom:78px;width:122px;height:172px}.option-a[data-active-room=rosso] .room-pattern{background-image:url('/assets/patterns/P09_CottageSprig_Rosso.svg');background-size:28px}.option-a[data-active-room=sera] .room-pattern{background-image:url('/assets/patterns/P10_TinyGingham_Sera.svg');background-size:20px}.option-a[data-active-room=oliva] .room-pattern{background-image:url('/assets/patterns/P06_Harlequin_Olive.svg');background-size:28px}

.option-b{display:grid;grid-template-rows:190px 1fr 28px;color:#f9eedc;background:#253f48}.b-head{padding:84px 5vw 18px;display:grid;grid-template-columns:1fr 1fr;align-items:end}.b-head h1{font-size:clamp(42px,4.8vw,76px);line-height:.88}.b-head h1 em{color:#f1cf7a}.b-head>p{max-width:380px;justify-self:end;font:400 15px/1.45 var(--serif)}.b-panels{min-height:0;padding:0 2.5vw;display:flex;gap:5px}.b-panel{position:relative;flex:1;min-width:0;overflow:hidden;outline:0;cursor:pointer;transition:flex .85s cubic-bezier(.16,.8,.22,1)}.b-panel:hover,.b-panel:focus-within,.b-panel:focus{flex:2.15}.b-panel img{filter:saturate(.75);transition:transform 1.1s,filter .6s}.b-panel:hover img,.b-panel:focus img,.b-panel:focus-within img{filter:saturate(1);transform:scale(1.025)}.b-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,18,17,.08),rgba(16,18,17,.2) 48%,rgba(16,18,17,.82))}.b-panel>span{position:absolute;left:20px;top:18px;font-size:8px;letter-spacing:.16em}.b-panel h2{position:absolute;left:18px;bottom:22px;color:#fff;font-size:clamp(34px,4vw,66px);writing-mode:vertical-rl;transform:rotate(180deg);transition:.5s}.b-panel:hover h2,.b-panel:focus h2,.b-panel:focus-within h2{opacity:.2}.b-reveal{position:absolute;left:24px;right:24px;bottom:25px;opacity:0;transform:translateY(20px);transition:.45s .15s}.b-panel:hover .b-reveal,.b-panel:focus .b-reveal,.b-panel:focus-within .b-reveal{opacity:1;transform:none}.b-reveal small{color:#f1cf7a;font-size:8px;letter-spacing:.15em;text-transform:uppercase}.b-reveal p{max-width:240px;margin:9px 0 18px;font:400 16px/1.3 var(--serif)}.b-reveal a{padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.65);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.b-hint{padding-right:3vw;align-self:center;text-align:right;font-family:var(--hand);font-size:15px;color:#f1cf7a}

.option-c{--room:var(--blue);display:grid;grid-template-columns:31% 1fr;grid-template-rows:1fr 78px;background:#f2eadb;transition:background .5s}.option-c[data-active-room=rosso]{--room:var(--rosso)}.option-c[data-active-room=sera]{--room:#b47d20}.option-c[data-active-room=oliva]{--room:var(--oliva)}.c-head{padding:150px 3vw 30px 5vw}.c-head h1{margin:15px 0 24px;font-size:clamp(54px,5.7vw,90px);line-height:.88}.c-head>p:last-child{max-width:280px;font:400 16px/1.45 var(--serif)}.c-stage{position:relative;min-width:0;margin:92px 4vw 18px 0}.c-image-wrap{position:absolute;inset:0 34% 0 0;padding:9px 9px 34px;background:#fffaf0;box-shadow:0 24px 60px rgba(55,43,30,.14);transform:rotate(-.7deg)}.c-image-wrap figure{height:100%}.c-image-wrap img{transition:opacity .25s,transform .8s}.c-stage.is-changing img{opacity:.18}.c-tape{position:absolute;left:42%;top:-17px;width:105px;height:40px;background:rgba(230,206,161,.75);transform:rotate(2deg)}.c-facts{position:absolute;z-index:4;right:0;top:8%;width:37%;padding:26px 24px 22px;background:#fffaf0;border:1px solid rgba(41,39,33,.16);box-shadow:8px 10px 0 color-mix(in srgb,var(--room) 23%,transparent)}.c-facts small{color:var(--room);font-size:8px;letter-spacing:.14em;text-transform:uppercase}.c-facts h2{margin:8px 0 12px;color:var(--room);font-size:44px}.c-facts>p{font:400 14px/1.4 var(--serif)}.c-facts dl{margin:20px 0}.c-facts dl div{padding:7px 0;display:flex;justify-content:space-between;border-top:1px solid rgba(41,39,33,.15)}.c-facts dt,.c-facts dd{font-size:8px;letter-spacing:.11em;text-transform:uppercase}.c-facts dd{font-weight:600}.c-facts a{display:flex;justify-content:space-between;padding:12px 0 5px;border-bottom:1px solid var(--room);color:var(--room);font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.c-detail{position:absolute;z-index:5;right:24%;bottom:-3%;width:19%;height:31%;padding:6px 6px 23px;background:#fffaf0;box-shadow:6px 8px 0 rgba(41,39,33,.12);transform:rotate(3deg)}.c-stage .room-pattern{position:absolute;z-index:3;right:2%;bottom:5%;width:120px;height:84px;opacity:.7}.c-stage .room-mio{position:absolute;z-index:6;right:-3%;bottom:-18px;width:125px;height:175px}.option-c[data-active-room=rosso] .room-pattern{background-image:url('/assets/patterns/P09_CottageSprig_Rosso.svg');background-size:28px}.option-c[data-active-room=sera] .room-pattern{background-image:url('/assets/patterns/P10_TinyGingham_Sera.svg');background-size:20px}.option-c[data-active-room=oliva] .room-pattern{background-image:url('/assets/patterns/P06_Harlequin_Olive.svg');background-size:28px}.c-tabs{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);background:#fffaf0;border-top:1px solid rgba(41,39,33,.16)}.c-tabs button{padding:0 4vw;display:flex;align-items:center;gap:14px;color:rgba(41,39,33,.46);border:0;border-right:1px solid rgba(41,39,33,.15);background:transparent;cursor:pointer;font-size:10px;font-weight:600;letter-spacing:.13em}.c-tabs button i{width:10px;height:10px;background:var(--dot);border-radius:50%}.c-tabs button span{font:italic 13px/1 var(--serif)}.c-tabs button.is-active{color:var(--dot)}.c-tabs button[data-room=mare]{--dot:var(--blue)}.c-tabs button[data-room=rosso]{--dot:var(--rosso)}.c-tabs button[data-room=sera]{--dot:var(--sera)}.c-tabs button[data-room=oliva]{--dot:var(--oliva)}

@media(max-width:800px){.review-bar{padding:0 15px;grid-template-columns:auto 1fr auto}.review-bar p{display:none}.option{min-height:auto;padding-top:62px}.option-label{top:74px;left:14px}.option-a{grid-template-columns:1fr}.a-copy{padding:88px 18px 24px}.a-copy h1{font-size:68px}.a-stage{height:72vh;min-height:570px}.a-main{inset:0}.a-detail{top:30px;right:18px;width:29%;height:22%}.a-room-note{left:18px;right:18px;grid-template-columns:1fr auto}.a-room-note span{display:none}.a-room-note p{font-size:13px}.a-stage .room-mio{width:105px;height:155px}.b-head{padding:96px 18px 20px;grid-template-columns:1fr}.b-head>p{margin-top:12px;justify-self:start}.option-b{grid-template-rows:auto 68vh 32px}.b-panels{padding:0 10px;gap:3px}.b-panel h2{font-size:31px}.b-panel:hover,.b-panel:focus-within,.b-panel:focus{flex:2.8}.b-reveal{left:12px;right:12px}.b-reveal p{font-size:12px}.option-c{grid-template-columns:1fr;grid-template-rows:auto 69vh 70px}.c-head{padding:96px 18px 20px}.c-head h1{font-size:61px}.c-stage{margin:0 14px 15px}.c-image-wrap{inset:0 15% 7% 0}.c-facts{right:0;top:auto;bottom:0;width:58%;padding:16px}.c-facts h2{font-size:32px}.c-facts>p,.c-facts dl{display:none}.c-detail{right:3%;top:4%;bottom:auto;width:28%;height:27%}.c-stage .room-pattern{display:none}.c-stage .room-mio{width:90px;height:125px}.c-tabs button{padding:0 8px;justify-content:center;font-size:8px}.c-tabs button span,.c-tabs button i{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.a-main img,.a-detail,.b-panel,.b-panel img,.b-reveal,.c-image-wrap img{transition:none}}

/* Option C · approved direction, developed as a tactile room folio */
.option-c{background-color:#f2eadb;background-image:radial-gradient(rgba(71,55,38,.055) .65px,transparent .65px);background-size:6px 6px}.option-c::after{content:"";position:absolute;z-index:0;left:0;right:0;bottom:78px;height:11px;opacity:.5;background-color:#e8aa73;background-image:linear-gradient(90deg,rgba(255,255,255,.55) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.55) 1px,transparent 1px);background-size:11px 11px}.c-head,.c-stage,.c-tabs{z-index:1}.c-head{position:relative}.c-head::after{content:"four rooms, four palettes";position:absolute;left:5vw;bottom:9%;color:var(--room);font:500 19px/1 var(--hand);transform:rotate(-2deg);transition:color .4s}.c-stage{isolation:isolate}.c-image-wrap{outline:0;cursor:grab;transition:box-shadow .35s,transform .55s cubic-bezier(.16,.8,.22,1)}.c-image-wrap:active{cursor:grabbing}.c-image-wrap:hover,.c-image-wrap:focus-visible{box-shadow:0 30px 74px rgba(55,43,30,.2);transform:rotate(-.35deg) translateY(-3px)}.c-image-wrap:focus-visible{outline:2px solid var(--room);outline-offset:5px}.c-image-wrap figure{overflow:hidden}.c-image-wrap figure img{transform:scale(1.001)}.c-image-wrap:hover figure img{transform:scale(1.018)}.c-image-wrap.is-turning figure img{opacity:.15;transform:translateX(-2.5%) scale(1.025)}.c-image-controls{position:absolute;left:14px;right:14px;bottom:8px;display:flex;align-items:center;justify-content:space-between;color:rgba(41,39,33,.72);font-size:8px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.c-image-controls button{padding:4px 0;display:flex;align-items:center;gap:12px;color:var(--room);border:0;background:transparent;cursor:pointer;font-size:8px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.c-image-controls button b{font-size:15px;line-height:1;transition:transform .3s}.c-image-controls button:hover b,.c-image-controls button:focus-visible b{transform:translateX(5px)}.c-facts{transition:box-shadow .35s,transform .35s}.c-facts:hover{transform:translate(-2px,-2px);box-shadow:11px 13px 0 color-mix(in srgb,var(--room) 27%,transparent)}.c-facts-kicker{display:flex;align-items:center;justify-content:space-between}.c-facts-kicker span{font:500 14px/1 var(--hand);color:rgba(41,39,33,.55);transform:rotate(-2deg)}.c-facts dl div{margin:0 -8px;padding:8px;transition:color .3s,background .3s,padding .3s}.c-facts dl div:hover{padding-left:12px;color:var(--room);background:color-mix(in srgb,var(--room) 8%,transparent)}.c-facts a b{transition:transform .3s}.c-facts a:hover b,.c-facts a:focus-visible b{transform:translate(3px,-3px)}.c-detail{overflow:visible;outline:0;transition:transform .5s cubic-bezier(.16,.8,.22,1),box-shadow .4s}.c-detail img{overflow:hidden}.c-detail figcaption{position:absolute;left:9px;right:9px;bottom:5px;color:rgba(41,39,33,.65);font-size:7px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.c-detail:hover,.c-detail:focus-visible{z-index:8;box-shadow:11px 14px 0 rgba(41,39,33,.13);transform:rotate(.4deg) translateY(-7px) scale(1.035)}.c-hand-note{position:absolute;z-index:7;right:42%;bottom:1%;color:var(--room);font:500 18px/1 var(--hand);transform:rotate(-3deg);transition:color .4s}.c-stage .room-mio{transform-origin:50% 100%;transition:opacity .25s,transform .5s cubic-bezier(.16,.8,.22,1)}.c-stage.is-changing .room-mio{opacity:0;transform:translateY(14px) rotate(2deg)}.c-tabs{position:relative;z-index:3}.c-tabs button{position:relative;padding:0 2.2vw;display:grid;grid-template-columns:34px auto 1fr;grid-template-rows:1fr 1fr;gap:0 10px;text-align:left;transition:color .3s,background .3s,transform .35s}.c-tabs button i{grid-row:1/-1;width:28px;height:28px;align-self:center;border:1px solid color-mix(in srgb,var(--dot) 55%,#fff);border-radius:0;background-color:var(--dot);background-image:linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px);background-size:7px 7px;transition:transform .35s}.c-tabs button[data-room=rosso] i{background-image:url('/assets/patterns/P09_CottageSprig_Rosso.svg');background-size:16px}.c-tabs button[data-room=sera] i{background-image:url('/assets/patterns/P10_TinyGingham_Sera.svg');background-size:12px}.c-tabs button[data-room=oliva] i{background-image:url('/assets/patterns/P06_Harlequin_Olive.svg');background-size:17px}.c-tabs button span{grid-column:2;grid-row:1/-1;align-self:center}.c-tabs button strong{align-self:end;font:400 13px/1 var(--serif);letter-spacing:.1em}.c-tabs button small{align-self:start;margin-top:3px;font-size:6px;letter-spacing:.13em;text-transform:uppercase}.c-tabs button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:0;background:var(--dot);transition:height .3s}.c-tabs button:hover,.c-tabs button:focus-visible{background:color-mix(in srgb,var(--dot) 7%,#fffaf0);transform:translateY(-3px)}.c-tabs button:hover i,.c-tabs button:focus-visible i,.c-tabs button.is-active i{transform:rotate(-5deg) scale(1.08)}.c-tabs button.is-active::after{height:4px}

@media(max-width:800px){.option-c::after{bottom:70px}.c-head::after{display:none}.c-image-wrap{inset:0 14% 6% 0}.c-image-controls{left:10px;right:10px}.c-image-controls button{gap:7px}.c-facts-kicker span,.c-hand-note{display:none}.c-detail figcaption{font-size:6px}.c-tabs button{padding:0 5px;display:flex;gap:5px;justify-content:center}.c-tabs button i{display:block;width:18px;height:18px}.c-tabs button strong{font:400 9px/1 var(--serif)}.c-tabs button small,.c-tabs button span{display:none}}
@media(prefers-reduced-motion:reduce){.c-image-wrap,.c-image-wrap figure img,.c-facts,.c-facts dl div,.c-detail,.c-stage .room-mio,.c-tabs button,.c-tabs button i{transition:none}}