/* V8: material-led choices and a viewport-sized fitting room. */
.text-link:hover{text-decoration:none}.journal-scroll{width:fit-content}.journal-end .text-link{width:fit-content}
#product-photo-link{display:block;width:100%;height:420px}#product-photo-link img{width:100%;height:100%;object-fit:contain;transition:opacity .25s;mix-blend-mode:multiply}
.arrival-colours{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0 22px}.arrival-colours>span{font-size:16px}#arrival-swatches{display:flex;gap:8px}#arrival-swatches a{position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid transparent;border-radius:50%}#arrival-swatches a[aria-current],#arrival-swatches a:hover,#arrival-swatches a:focus-visible{border-color:#344337}#arrival-swatches img{border-radius:50%;width:28px;height:28px}#arrival-swatches a>span{position:absolute;top:46px;font-size:12px;white-space:nowrap;opacity:0;background:#f8f8f3;padding:3px;z-index:2}#arrival-swatches a:hover>span,#arrival-swatches a:focus-visible>span{opacity:1}
.is-playing .scan-track{animation-duration:6s}.scan-track{stroke:#96daa9;stroke-dasharray:1 1;stroke-width:1.5}.scan-point,.scan-sweep{display:none}
.choice-visual,.materials .choice-visual,.sun-choices .choice-visual{height:auto;aspect-ratio:1000/734;padding:0;background:transparent}.visual-choice .choice-visual img{width:100%;height:100%;object-fit:contain;transform:none;object-position:center;mix-blend-mode:multiply;filter:brightness(1.065)}.shape-choice .choice-visual svg{padding:0;stroke-width:5;animation:shape-out-v8 6s ease both}.shape-choice img{animation:shape-in-v8 6s ease both}.choice-visual small{display:none}.result-choices img{background:transparent;filter:brightness(1.065);mix-blend-mode:multiply}
@keyframes shape-out-v8{0%,35%{opacity:1}65%,100%{opacity:0}}@keyframes shape-in-v8{0%,35%{opacity:0}65%,100%{opacity:1}}
.colour-choice{border:0;border-bottom:2px solid transparent;background:none;display:grid;justify-items:center;gap:16px;padding:10px 0 20px}.colour-choice:hover,.colour-choice[aria-pressed=true]{border-color:#314336}.colour-choice>span:last-of-type{font-size:22px}.colour-choice>small{font-size:16px;color:#636a5d}.colour-sample{position:relative;width:min(85%,220px);aspect-ratio:1;border-radius:50%;overflow:hidden;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #4443,0 14px 25px #29332612;background:#d9d9c9}.colour-sample img{width:100%;height:100%;object-fit:cover;filter:none}.colour-sample:after{content:'';position:absolute;inset:0;border-radius:50%;box-shadow:inset 6px 5px 14px #ffffff55,inset -5px -8px 14px #0003}.sample-crystal{background:repeating-linear-gradient(90deg,#d9d9c9 0 28px,#eeeeE5 28px 56px)}.crystal-underlay{font:150px Caslon,serif;color:#6e786c;transform:rotate(-12deg)}.crystal-disc{position:absolute;inset:14px;border:4px solid #fff9;border-radius:50%;background:linear-gradient(130deg,#fff8,transparent 40%,#fff7 46%,transparent 50%,#fff2);box-shadow:3px 5px 8px #0003,inset 0 0 7px #fff}
.price-ledger{display:grid;grid-template-columns:1fr 1.65fr;gap:5%;align-items:stretch;max-width:1150px;margin:35px auto}.shared-cost{padding:28px 0}.shared-cost dl{margin-top:24px}.shared-cost dl>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;font-size:18px}.shared-cost dd{margin:0}.shared-cost .cost-total{border-top:1px solid #8d968b;margin-top:12px;padding-top:18px;font-weight:600}.price-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}.small-ticket{padding:26px;background:#f9f9f4;border:1px solid #c5c8ba;display:flex;flex-direction:column}.small-ticket.retail{background:#e0e2d8}.small-ticket h4{font:30px/1.05 Caslon,serif;min-height:64px;margin:20px 0 8px}.small-ticket p{font-size:16px!important;line-height:1.5;margin:0 0 12px}.price-remainder{font-size:22px}.price-remainder small{display:block;font-size:14px;margin-top:3px;color:#586151}.small-ticket>div{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #9da591;padding-top:20px;margin-top:22px}.small-ticket>div strong{font:38px Caslon,serif}.price-pedagogy .price-footnote{max-width:1150px;margin:25px auto 0}
.brand-scene[data-brand-scene="2"] .master-plane>img:first-child{opacity:calc(1 - var(--craft-finish,0))}.master-plane>.craft-finale{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:var(--craft-finish,0)}.menu-image img{object-position:56% 50%}.store-window{position:relative;isolation:isolate;height:66svh;min-height:430px;max-height:800px;overflow:hidden;background:#b6ab99}.store-window>img{position:absolute;inset:-60px 0;width:100%;height:calc(100% + 120px);object-fit:cover;object-position:center 54%;transform:translateY(var(--store-shift,0px))}.store-window:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#10140bbb);z-index:0}.store-caption{position:absolute;left:var(--pad);right:var(--pad);bottom:50px;z-index:1;color:white;display:flex;justify-content:space-between;align-items:end;gap:25px}.store-caption h2{font:clamp(50px,6vw,90px)/1 Caslon,serif;margin:15px 0 0}.store-caption .button{color:#203126;background:#fafaf3;border-color:#fafaf3}.detail-photo{background:#d5cabc}.detail-photo .detail-frame{mix-blend-mode:normal}.detail-photo img[data-detail-frame="0"],.detail-photo img[data-detail-frame="4"]{filter:none;object-fit:contain}
#compare-dialog{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:100dvh!important;inset:0;margin:0;padding:16px 28px!important;border:0;box-sizing:border-box;overflow:hidden}#compare-dialog[open]{display:grid;grid-template-rows:64px 48px minmax(0,1fr) auto;gap:10px}#compare-dialog .dialog-top{margin:0;padding:0;align-items:center}#compare-dialog .dialog-top h2{font-size:30px;margin:4px 0 0}#compare-dialog .dialog-top .eyebrow{font-size:12px!important}#compare-dialog .fitting-toolbar{margin:0;flex-wrap:nowrap}#compare-dialog .fitting-toolbar button{min-height:46px;padding:9px 16px}#fitting-content{position:relative;min-height:0;overflow:hidden;display:grid;grid-template-rows:1fr}#compare-dialog[data-mode=compare] #fitting-content{grid-template-rows:48px minmax(0,1fr);gap:8px}.try-room{width:100%;max-width:1100px;height:100%;min-height:0;grid-template-columns:minmax(0,1fr) 340px;gap:6%}.try-view{display:grid;grid-template-rows:minmax(0,1fr) 48px;gap:8px;min-height:0}.portrait-box{min-height:0;min-width:0;container-type:size;display:grid;place-items:center}.portrait-box .fitting-portrait{width:min(100cqw,100cqh);height:min(100cqw,100cqh);max-width:none;max-height:none;margin:0}.try-controls{padding:0;align-self:center}.try-controls>h3{font-size:34px;margin:10px 0}.fitting-models{margin:14px 0}.fitting-models button{min-height:68px}.fitting-models button small{font-size:14px!important;margin-top:4px}.fitting-models img{width:90px;height:50px}.angle-controls{padding:3px;gap:3px;margin:0;justify-self:center;width:100%;max-width:480px;box-sizing:border-box}.angle-controls button{flex:1;min-height:40px;padding:6px 10px!important;font-size:15px!important}.fit-facts{margin:10px 0;padding-top:9px;font-size:12px!important}.fit-facts strong{font-size:16px!important;margin-top:4px}.comparison-top{justify-content:center;margin:0;display:flex}.compare-pair{width:100%;max-width:1100px;min-height:0;height:100%;margin:0 auto;gap:30px}.compare-pair>article{min-height:0;display:grid;grid-template-rows:48px minmax(0,1fr) 42px 64px;gap:8px}.compare-select{margin:0;font-size:14px!important;display:flex}.compare-select select{min-height:44px!important;font-size:16px!important;padding:8px!important;height:44px}.compare-caption{margin:0}.compare-caption h3{font-size:28px}.compare-caption span{font-size:15px!important}.compare-pair .fit-facts{margin:0;padding-top:8px;display:flex}.compare-pair .fit-facts>span{margin:0}.fitting-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 20px;margin:0;padding-top:10px}.fitting-bottom #fitting-actions{grid-column:2;grid-row:1;display:flex;gap:10px;align-items:center}#fitting-actions .button{min-height:48px;padding:10px 22px;font-size:16px!important;margin:0;width:auto;white-space:nowrap}#fitting-actions .button:disabled{opacity:.45;cursor:default}.fitting-bottom #look-tray{grid-column:1;grid-row:1;flex-wrap:nowrap;overflow-x:auto;gap:8px;min-width:0}.look-chip{flex-shrink:0}.look-chip>button:first-child{font-size:14px}.look-chip img{width:50px;height:38px}.look-chip>button:last-child{width:32px;height:44px}.tray-empty{font-size:14px}.fitting-bottom #fitting-status{grid-column:1/-1;margin:0;font-size:13px!important;line-height:20px}.fit-insight{position:absolute;z-index:3;right:0;bottom:0;width:min(620px,100%);box-sizing:border-box;padding:32px;background:#f4f3e9;border:1px solid #929d8e;box-shadow:0 10px 80px #12271c40}.fit-insight>#insight-close{position:absolute;right:10px;top:10px;width:44px;height:44px}.fit-insight>.eyebrow{padding-right:34px;display:block}.fit-insight h3{font:34px/1.1 Caslon,serif;margin:18px 0}.fit-insight p{font-size:16px;line-height:1.5;margin:15px 0 0}.insight-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.insight-pair strong{display:block;margin-bottom:10px}.fit-insight label{font-size:14px;display:block;margin-bottom:8px}.fit-insight select{width:100%;min-height:44px;font:16px Acumin,sans-serif;background:#fafaf6;border:1px solid #a1ac9a;padding:8px}.empty-shortlist{grid-row:1/-1;align-self:center;padding:20px;min-height:0}
@media(max-width:760px){#product-photo-link{height:245px}.arrival-colours{display:block}.arrival-colours>span{display:block;margin-bottom:8px}#arrival-swatches{gap:7px}.choice-visual,.materials .choice-visual,.sun-choices .choice-visual{height:auto;aspect-ratio:1000/734}.shape-choice .choice-visual svg{padding:0}.visual-choice .choice-visual img{height:100%}.colour-choices{grid-template-columns:repeat(3,1fr);gap:12px}.colour-choice{gap:12px}.colour-choice>span:last-of-type{font-size:18px}.colour-choice>small{font-size:13px}.colour-sample{width:100%}.crystal-underlay{font-size:70px}.crystal-disc{inset:7px;border-width:2px}.price-ledger{grid-template-columns:1fr;gap:20px;margin:20px 0}.shared-cost{padding:0}.shared-cost dl{margin-top:12px}.shared-cost dl>div{font-size:16px;padding:8px 0}.small-ticket{padding:20px 14px}.small-ticket .eyebrow{font-size:12px!important;min-height:36px;letter-spacing:0}.small-ticket h4{font-size:26px;min-height:54px;margin:14px 0}.small-ticket p{font-size:14px!important}.small-ticket>div strong{font-size:33px}.small-ticket>div{gap:6px}.price-remainder{font-size:21px}.price-remainder small{font-size:13px}.store-window{height:65svh;min-height:440px}.store-window>img{object-position:48% center}.store-caption{bottom:32px;display:block}.store-caption h2{font-size:58px}.store-caption .button{margin-top:25px}.store-caption .eyebrow{font-size:12px!important}
#compare-dialog{padding:10px 12px!important}#compare-dialog[open]{grid-template-rows:48px 44px minmax(0,1fr) auto;gap:7px}#compare-dialog .dialog-top h2{font-size:25px;margin:0}#compare-dialog .dialog-top .eyebrow{display:none}#compare-dialog .dialog-top .icon-button{align-self:center}#compare-dialog .fitting-toolbar button{min-height:42px;font-size:14px!important;padding:8px}#compare-dialog .sample-label{font-size:12px!important}.try-room{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:8px}.try-view{grid-template-rows:minmax(0,1fr) 44px;gap:5px}.try-controls>h3,.try-controls>.eyebrow,.try-controls>.small-note{display:none}.fitting-models{margin:0;gap:6px;display:grid;grid-template-columns:repeat(3,1fr)}.fitting-models button{min-height:0;padding:3px;display:block;text-align:center}.fitting-models img{width:100%;height:32px}.fitting-models button span{font-size:16px}.fitting-models button small{font-size:12px!important;margin:2px 0}.try-controls .fit-facts{margin:6px 0 0;padding-top:5px;align-items:center}.try-controls .fit-facts>span{display:flex;align-items:center;gap:8px}.try-controls .fit-facts strong{margin:0;font-size:14px!important}.fit-facts{font-size:10px!important;letter-spacing:0}.angle-controls button{font-size:14px!important;padding:6px 4px!important;min-height:36px}.fitting-bottom{grid-template-columns:1fr;gap:5px;padding-top:7px}.fitting-bottom #look-tray{grid-column:1;grid-row:1;min-height:32px}.look-chip{padding:0 3px}.look-chip>button:first-child{font-size:12px}.look-chip img{width:34px;height:30px}.look-chip>button:last-child{width:27px;height:32px}.tray-empty{font-size:13px}.fitting-bottom #fitting-actions{grid-column:1;grid-row:2;gap:8px}#fitting-actions .button{flex:1;padding:9px 5px;min-height:44px;font-size:14px!important;white-space:normal}.fitting-bottom #fitting-status{font-size:12px!important;line-height:17px}#compare-dialog[data-mode=compare] #look-tray{display:none}#compare-dialog[data-mode=compare] #fitting-actions{grid-row:1}#compare-dialog[data-mode=compare] #fitting-content{grid-template-rows:44px minmax(0,1fr);gap:7px}.compare-pair{gap:12px}.compare-pair>article{grid-template-rows:68px minmax(0,1fr) 56px 70px;gap:6px}.compare-select{display:block;font-size:13px!important}.compare-select select{font-size:14px!important;padding:5px!important;width:100%;margin-top:4px}.compare-caption{display:block}.compare-caption h3{font-size:25px}.compare-caption span{font-size:14px!important}.compare-pair .fit-facts{display:block;font-size:10px!important;padding-top:5px}.compare-pair .fit-facts>span{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin:0 0 4px}.compare-pair .fit-facts strong{font-size:14px!important;margin:0}.fit-insight{padding:24px 18px}.fit-insight h3{font-size:29px;margin:15px 0}.fit-insight p,#ask-answer{font-size:15px!important;line-height:1.45}.insight-pair{gap:15px}.fit-insight .eyebrow{font-size:12px!important}
}
@media(max-height:680px) and (min-width:761px){.try-controls>h3{display:none}.fitting-models button{min-height:54px}.try-controls>.small-note{display:none}.compare-pair>article{grid-template-rows:44px minmax(0,1fr) 34px 54px}}
@media(max-height:500px){#compare-dialog[open]{overflow:auto;grid-template-rows:48px 44px minmax(380px,1fr) auto}.fit-insight{max-height:100%;overflow:auto}}
@media(prefers-reduced-motion:reduce){.shape-choice .choice-visual svg{display:none}.shape-choice img{animation:none;opacity:1}.store-window>img{transform:none}.craft-finale{transition:none}}
@media(max-width:760px){.compare-pair>article{grid-template-rows:68px auto 56px 78px;align-content:center}.compare-pair .portrait-box{aspect-ratio:1}.compare-pair{box-sizing:border-box}.compare-caption{padding-top:4px}.fitting-models img,.look-chip img{filter:brightness(1.065)}}
.try-room{display:grid}
@media(max-width:380px){#compare-dialog .dialog-top h2{font-size:22px}.compare-pair>article{grid-template-rows:68px auto 56px 78px;gap:4px}.fit-insight{padding:20px 15px}.fit-insight h3{font-size:25px}.fit-insight p,#ask-answer{font-size:14px!important}}
.colour-choice{grid-template-columns:1fr;text-align:center}.compare-caption h3{line-height:1.15}.compare-pair>article{row-gap:10px}
@media(max-width:760px){.colour-choice{grid-template-columns:1fr;padding:10px 0 20px;min-height:0}.compare-pair>article{row-gap:6px}.compare-caption h3{font-size:24px}.compare-caption{padding-top:2px}}
.store-window>img{object-position:center 25%}.visual-choice .crystal-underlay{font:150px Caslon,serif;opacity:.5}
@media(max-width:760px){.store-window>img{object-position:48% center}.visual-choice .crystal-underlay{font-size:65px}}
@media(min-width:761px){.detail-photo img[data-detail-frame="0"],.detail-photo img[data-detail-frame="4"]{object-fit:cover}.detail-tabs button{justify-content:flex-start}.detail-tabs button>span:last-child{margin-left:0}.detail-tabs button>span:first-child{width:24px;flex-shrink:0}}
@media(max-width:760px){.compare-pair>article{grid-template-rows:68px minmax(0,1fr) 56px 78px;height:100%;max-height:420px;align-self:center;align-content:normal}.compare-pair .portrait-box{aspect-ratio:auto}.compare-caption{padding-top:3px}}
.price-ledger>*{min-width:0}.price-duo{grid-template-columns:repeat(2,minmax(0,1fr))}.small-ticket{min-width:0}.small-ticket h4{overflow-wrap:anywhere}
@media(max-width:760px){.price-ledger{grid-template-columns:minmax(0,1fr)}.small-ticket h4{font-size:23px}.price-duo{gap:12px}.small-ticket{padding:18px 12px}.small-ticket>div{font-size:15px}.small-ticket>div strong{font-size:31px}}
@media(max-width:400px){.small-ticket h4{font-size:21px;overflow-wrap:normal}.small-ticket .eyebrow{font-size:11px!important}}
