:host{--paper:#fbf6e9;--cream:#efe5d3;--ink:#282721;--orange:#d66732;--butter:#f3d78f;--blue:#315b6a;--burgundy:#793845;--line:rgba(40,39,33,.2);--serif:'DM Serif Display',Georgia,serif;--sans:'Manrope',Arial,sans-serif;--hand:'Caveat',cursive}
*{box-sizing:border-box}html{background:#d8d0c3}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}p,h1,h2,figure{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;background:rgba(251,246,233,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.review-bar img{width:58px;height:auto}.review-bar p{font-size:9px;font-weight:600;letter-spacing:.17em;text-transform:uppercase}.review-bar nav{justify-self:end;display:flex;gap:8px}.review-bar nav a{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:11px;transition:.25s}.review-bar nav a.is-active{color:#fff;background:var(--orange);border-color:var(--orange)}
.option{position:relative;min-height:100svh;padding-top:62px;overflow:hidden}.option-tag{position:absolute;z-index:20;right:24px;top:78px;padding:8px 12px;color:#fff;background:rgba(40,39,33,.82);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.option-tag b{margin-left:8px;color:var(--butter)}.eyebrow{margin:0;color:var(--orange);font-size:9px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.option-head{height:28vh;min-height:220px;padding:48px 5vw 22px;display:grid;grid-template-columns:1.15fr .5fr;gap:6vw;align-items:end;background-color:var(--paper);background-image:radial-gradient(rgba(49,91,106,.11) .7px,transparent .7px);background-size:17px 17px}.option-head h1,.b-head h1{margin:14px 0 0;font:400 clamp(48px,5.8vw,85px)/.84 var(--serif);letter-spacing:-.055em}.option-head h1 em,.b-head h1 em{color:var(--orange);font-weight:400}.option-head>p{max-width:390px;margin-bottom:5px;color:rgba(40,39,33,.65);font:400 14px/1.55 var(--serif)}
.choice-stage{position:relative;height:67vh;min-height:510px;display:flex;gap:6px;padding:0 2.4vw 2.4vw;background:var(--paper)}.choice{position:relative;min-width:0;overflow:hidden;flex:1 1 50%;color:#fff;background:#77685a;transition:flex-basis .75s cubic-bezier(.2,.75,.2,1)}.choice-stage:has(.choice:hover) .choice:not(:hover),.choice-stage:has(.choice:focus-within) .choice:not(:focus-within){flex-basis:42%}.choice:hover,.choice:focus-within{flex-basis:58%}.choice:focus-within{outline:4px solid var(--butter);outline-offset:-4px}.choice-primary{position:absolute;z-index:2;inset:0}.choice-bg,.choice-preview{position:absolute;inset:0;transition:transform 1.1s cubic-bezier(.2,.72,.2,1),filter .5s}.choice-preview{z-index:1;opacity:0;object-position:center 48%;transform:scale(1.018);transition:opacity .48s ease,transform 1s cubic-bezier(.2,.72,.2,1)}.choice-room.is-previewing .choice-preview{opacity:1;transform:scale(1.035)}.choice:hover .choice-bg,.choice:focus-within .choice-bg{transform:scale(1.025)}.choice-room .choice-bg{object-position:center 48%}.choice-house .choice-bg{object-position:center 54%}.shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(20,20,16,.68),rgba(20,20,16,.12) 66%),linear-gradient(0deg,rgba(20,20,16,.38),transparent 45%)}.choice-number{position:absolute;z-index:3;left:28px;top:25px;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;font:italic 17px/1 var(--serif)}.choice-copy{position:absolute;z-index:3;left:6%;bottom:8%;width:min(430px,58%);pointer-events:none}.choice-copy small{font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.choice-copy h2{margin:12px 0 15px;font:400 clamp(50px,5vw,80px)/.77 var(--serif);letter-spacing:-.05em}.choice-house .choice-copy h2{color:#ffe0a1}.choice-copy p{max-width:390px;font:400 13px/1.5 var(--serif)}.choice-copy b{width:240px;margin-top:19px;padding-bottom:8px;display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.65);font-size:8px;letter-spacing:.13em;text-transform:uppercase}.choice-copy i{font-style:normal}.or-mark{position:absolute;z-index:10;left:50%;top:50%;width:56px;height:56px;display:grid;place-items:center;color:var(--orange);background:var(--paper);border:1px solid var(--line);border-radius:50%;box-shadow:0 8px 20px rgba(25,20,15,.18);font:600 26px/1 var(--hand);transform:translate(-50%,-50%) rotate(-7deg)}
.room-samples{position:absolute;z-index:5;right:24px;bottom:23px;display:flex;gap:7px;align-items:flex-end}.room-sample{--room-color:var(--blue);position:relative;width:66px;height:90px;padding:4px 4px 0;display:grid;grid-template-rows:61px 25px;color:var(--ink);background:var(--paper);box-shadow:4px 5px 0 rgba(0,0,0,.14);transform-origin:bottom center;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .45s;isolation:isolate}.room-sample:nth-child(1){transform:rotate(-3deg) translateY(2px)}.room-sample:nth-child(2){transform:rotate(2deg) translateY(-5px)}.room-sample:nth-child(3){transform:rotate(-1deg) translateY(3px)}.room-sample:nth-child(4){transform:rotate(3deg) translateY(-2px);transform-origin:bottom right}.sample-visual{position:relative;display:block;overflow:hidden}.sample-visual img{transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .45s}.sample-visual i{position:absolute;z-index:2;right:0;bottom:0;left:0;height:0;display:block;opacity:0;background-color:#fff;background-image:var(--room-pattern);background-size:var(--pattern-size);background-position:center;box-shadow:0 -1px 0 rgba(255,255,255,.8);transition:height .42s cubic-bezier(.2,.8,.2,1),opacity .3s}.sample-meta{position:relative;padding:6px 3px 0;display:block;overflow:hidden}.sample-meta b{display:block;color:var(--room-color);font-size:6px;letter-spacing:.11em}.sample-meta small{position:absolute;left:3px;top:6px;opacity:0;color:var(--room-color);font-size:5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transform:translateY(7px);transition:opacity .25s,transform .4s}.room-sample:hover,.room-sample:focus-visible{z-index:8;box-shadow:8px 11px 0 rgba(0,0,0,.18)}.room-sample:nth-child(1):hover,.room-sample:nth-child(1):focus-visible{transform:translate(-4px,-15px) rotate(-1deg) scale(1.24)}.room-sample:nth-child(2):hover,.room-sample:nth-child(2):focus-visible{transform:translate(-2px,-17px) rotate(.5deg) scale(1.24)}.room-sample:nth-child(3):hover,.room-sample:nth-child(3):focus-visible{transform:translate(2px,-15px) rotate(-.5deg) scale(1.24)}.room-sample:nth-child(4):hover,.room-sample:nth-child(4):focus-visible{transform:translate(2px,-15px) rotate(.5deg) scale(1.24)}.room-sample:hover .sample-visual img,.room-sample:focus-visible .sample-visual img{transform:scale(1.06);filter:saturate(1.08)}.room-sample:hover .sample-visual i,.room-sample:focus-visible .sample-visual i{height:18px;opacity:1}.room-sample:hover .sample-meta b,.room-sample:focus-visible .sample-meta b{opacity:0}.room-sample:hover .sample-meta small,.room-sample:focus-visible .sample-meta small{opacity:1;transform:translateY(0)}.room-sample:focus-visible{outline:3px solid var(--butter);outline-offset:4px}.room-sample--mare{--room-color:#315b6a;--room-pattern:url('assets/P04_WideCheck_Powder.svg');--pattern-size:18px}.room-sample--rosso{--room-color:#793845;--room-pattern:url('assets/P09_CottageSprig_Rosso.svg');--pattern-size:25px}.room-sample--sera{--room-color:#a85e32;--room-pattern:url('assets/P10_TinyGingham_Sera.svg');--pattern-size:15px}.room-sample--oliva{--room-color:#5f6c3d;--room-pattern:url('assets/P06_Harlequin_Olive.svg');--pattern-size:22px}.facade-print{position:absolute;z-index:4;right:28px;top:26px;width:150px;height:205px;padding:6px 6px 26px;background:var(--paper);box-shadow:7px 8px 0 rgba(0,0,0,.15);transform:rotate(3deg)}.facade-print img{object-position:center 33%}.facade-print figcaption{padding:8px 2px 0;color:var(--ink);font-size:6px;font-weight:700;letter-spacing:.12em}
.option-b{--px:0;--py:0;background-color:var(--cream);background-image:linear-gradient(rgba(49,91,106,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(49,91,106,.035) 1px,transparent 1px);background-size:24px 24px}.b-head{height:27vh;min-height:220px;padding:49px 5vw 20px;display:grid;grid-template-columns:1fr .45fr;gap:5vw;align-items:end}.b-head h1{font-size:clamp(48px,5vw,78px)}.b-head>p:last-child{max-width:340px;color:rgba(40,39,33,.66);font:400 14px/1.55 var(--serif)}.card-table{position:relative;height:64vh;min-height:490px;padding:0 6vw 3vh;display:grid;grid-template-columns:1.08fr .92fr;gap:5vw;align-items:center}.orange-thread{position:absolute;z-index:0;inset:4% 3.5% 1%;width:93%;height:92%;overflow:visible;pointer-events:none}.orange-thread path{fill:none;stroke:rgba(214,103,50,.58);stroke-width:2;stroke-linecap:round;stroke-dasharray:7 10;transition:stroke-dashoffset 1.2s cubic-bezier(.2,.75,.2,1),stroke .35s}.orange-thread circle{fill:var(--orange)}.card-table:has(.album-card:hover) .orange-thread path,.card-table:has(.album-card:focus-visible) .orange-thread path{stroke:var(--orange);stroke-dashoffset:-34}.album-card{position:relative;z-index:2;display:grid;grid-template-columns:1.13fr .87fr;min-height:430px;background:var(--paper);border:1px solid var(--line);box-shadow:13px 16px 0 rgba(49,91,106,.11);transition:transform .55s cubic-bezier(.2,.75,.2,1),box-shadow .4s}.album-card:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.room-album{transform:translate3d(calc(var(--px) * -3px),calc(var(--py) * -2px),0) rotate(-1.2deg)}.house-album{margin-top:55px;transform:translate3d(calc(var(--px) * 3px),calc(var(--py) * 2px),0) rotate(1.1deg)}.room-album:hover,.room-album:focus-visible{transform:translate3d(calc(var(--px) * -3px),calc(var(--py) * -2px - 8px),0) rotate(-.15deg);box-shadow:15px 20px 0 rgba(214,103,50,.16)}.house-album:hover,.house-album:focus-visible{transform:translate3d(calc(var(--px) * 3px),calc(var(--py) * 2px - 8px),0) rotate(.15deg);box-shadow:15px 20px 0 rgba(214,103,50,.16)}.album-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;padding:8px;background:#fff}.album-grid figure{position:relative;min-width:0;overflow:hidden;transition:transform .65s cubic-bezier(.2,.75,.2,1),box-shadow .65s}.album-grid img{transition:transform .85s cubic-bezier(.2,.75,.2,1)}.album-grid figure:nth-child(1) img{object-position:center 45%}.album-grid figure:nth-child(3) img{object-position:center 45%}.album-grid figcaption{position:absolute;left:7px;bottom:7px;padding:4px 6px;color:#fff;background:rgba(30,28,23,.7);font-size:6px;font-weight:700;letter-spacing:.13em;backdrop-filter:blur(4px)}.room-album:hover .album-grid figure:nth-child(1),.room-album:focus-visible .album-grid figure:nth-child(1){transform:translate(-3px,-3px)}.room-album:hover .album-grid figure:nth-child(2),.room-album:focus-visible .album-grid figure:nth-child(2){transform:translate(3px,-2px)}.room-album:hover .album-grid figure:nth-child(3),.room-album:focus-visible .album-grid figure:nth-child(3){transform:translate(-2px,3px)}.room-album:hover .album-grid figure:nth-child(4),.room-album:focus-visible .album-grid figure:nth-child(4){transform:translate(3px,3px)}.room-album:hover .album-grid img,.room-album:focus-visible .album-grid img{transform:scale(1.025)}.house-photo{position:relative;padding:8px;background:#fff;overflow:visible}.house-photo>img{object-position:center 50%;transition:transform .9s cubic-bezier(.2,.75,.2,1)}.house-photo figure{position:absolute;right:-16px;bottom:-18px;width:110px;height:145px;padding:5px;background:var(--paper);box-shadow:5px 6px 0 rgba(0,0,0,.14);transform:rotate(-4deg);transition:transform .65s cubic-bezier(.2,.75,.2,1),box-shadow .65s}.house-photo figure img{object-position:center 34%}.house-album:hover .house-photo>img,.house-album:focus-visible .house-photo>img{transform:scale(1.018)}.house-album:hover .house-photo figure,.house-album:focus-visible .house-photo figure{transform:translate(5px,-6px) rotate(-1.5deg);box-shadow:8px 10px 0 rgba(0,0,0,.13)}.house-photo>span{position:absolute;left:20px;top:20px;width:82px;height:82px;display:grid;place-content:center;color:#fff;background:var(--orange);border-radius:50%;text-align:center;font-size:7px;letter-spacing:.1em;transform:rotate(-6deg)}.house-photo>span b{font:400 23px/1 var(--serif)}.album-copy{padding:31px 28px;align-self:center}.album-copy small{font-size:7px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.album-copy h2{margin:17px 0 12px;color:var(--blue);font:400 clamp(34px,3.25vw,54px)/.88 var(--serif);letter-spacing:-.045em}.house-album .album-copy h2{color:var(--burgundy)}.album-copy p{font:400 12px/1.45 var(--serif)}.ticket-facts{margin-top:19px;padding-top:11px;display:grid;grid-template-columns:1fr 1fr;border-top:1px dashed rgba(40,39,33,.32)}.ticket-facts span+span{padding-left:13px;border-left:1px solid var(--line)}.ticket-facts i{display:block;margin-bottom:4px;color:rgba(40,39,33,.55);font:700 6px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}.ticket-facts strong{font:400 16px/1 var(--serif)}.album-copy>b{margin-top:18px;padding-bottom:8px;display:block;border-bottom:1px solid var(--line);font-size:7px;letter-spacing:.13em;text-transform:uppercase;transition:letter-spacing .3s,border-color .3s}.album-card:hover .album-copy>b,.album-card:focus-visible .album-copy>b{border-color:var(--orange);letter-spacing:.17em}.table-note{position:absolute;z-index:6;left:50%;top:13%;padding:18px 20px;color:var(--blue);background:var(--butter);border:1px solid var(--line);box-shadow:5px 6px 0 rgba(214,103,50,.15);font:600 23px/.9 var(--hand);text-align:center;transform:translateX(-50%) rotate(-4deg)}.mio-guide{position:absolute;z-index:4;left:50%;bottom:1.2%;width:88px;height:138px;object-fit:contain;object-position:center bottom;filter:drop-shadow(4px 7px 3px rgba(40,39,33,.15));transform:translateX(-50%);transition:transform .6s cubic-bezier(.2,.75,.2,1)}.card-table:has(.album-card:hover) .mio-guide,.card-table:has(.album-card:focus-visible) .mio-guide{transform:translateX(-50%) translateY(-4px)}.orange-ribbon{height:9vh;min-height:68px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:#fff;background:var(--orange)}.orange-ribbon b,.orange-ribbon span{font-size:8px;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:980px){.option-head,.b-head{grid-template-columns:1fr .6fr}.choice-copy{width:70%}.room-sample{width:52px;height:76px;grid-template-rows:50px 22px}.facade-print{width:120px;height:165px}.card-table{gap:3vw}.album-card{grid-template-columns:1fr;grid-template-rows:260px auto}.album-copy{padding:24px}.house-album{margin-top:35px}.table-note,.mio-guide{display:none}}
@media(max-width:700px){.review-bar{height:58px;padding:0 17px}.review-bar p{display:none}.review-bar img{width:51px}.option{padding-top:58px}.option-tag{top:72px;right:12px}.option-tag b{display:none}.option-head,.b-head{height:auto;min-height:0;padding:68px 20px 35px;display:block}.option-head h1,.b-head h1{font-size:15vw}.option-head>p,.b-head>p:last-child{margin-top:25px}.choice-stage{height:auto;min-height:0;padding:0 18px 34px;display:grid;gap:12px}.choice{min-height:560px}.choice-stage:has(.choice:hover) .choice:not(:hover),.choice-stage:has(.choice:focus-within) .choice:not(:focus-within),.choice:hover,.choice:focus-within{flex-basis:auto}.or-mark{top:50%;width:48px;height:48px}.choice-copy{left:24px;bottom:30px;width:70%}.choice-copy h2{font-size:16vw}.choice-copy p{font-size:12px}.room-samples{right:15px;bottom:18px;display:grid;grid-template-columns:1fr 1fr}.room-sample{width:58px;height:80px;grid-template-rows:54px 22px}.room-sample .sample-visual i{height:11px;opacity:1}.room-sample:nth-child(n):hover,.room-sample:nth-child(n):focus-visible{transform:translateY(-7px) rotate(0) scale(1.12)}.facade-print{right:18px;width:110px;height:150px}.card-table{height:auto;min-height:0;padding:10px 20px 70px;display:block}.orange-thread{display:none}.album-card{min-height:650px;margin:0;grid-template-rows:390px auto}.album-card+.album-card{margin-top:42px}.album-copy h2{font-size:13vw}.orange-ribbon{height:auto;min-height:100px;padding:24px 20px;display:block}.orange-ribbon span{display:block;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.choice,.choice-bg,.choice-preview,.room-sample,.sample-visual img,.sample-visual i,.sample-meta small,.album-card,.album-grid figure,.album-grid img,.house-photo>img,.house-photo figure,.orange-thread path,.mio-guide{transition:none!important}}

:host{display:block} .option{padding-top:0!important} .option-tag{display:none!important}
