@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,textarea,select{font:inherit}button{color:inherit}img,svg{display:block}}@layer base{:root{color:#2b1b16;font-synthesis:none;text-rendering:optimizelegibility;--bone:#f3eee6;--paper:#faf7f1;--stone:#d7cabe;--espresso:#2b1b16;--muted:#76665d;--line:#2b1b162e;--fuchsia:#d00069;background:#f3eee6;font-family:Inter,Avenir,Helvetica Neue,Arial,sans-serif}body{background:var(--bone);min-width:320px;min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--fuchsia);outline-offset:4px}}@layer components{.experience{background:var(--bone);grid-template-columns:minmax(500px,39%) minmax(0,61%);min-height:100vh;display:grid;overflow-x:clip}.panel{z-index:2;border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:100vh;padding:clamp(24px,3.2vw,52px) clamp(30px,4.4vw,72px) 32px;display:flex;position:relative}.brand-row,.selector-heading,.stage-topline,.stage-bottomline,.dialog-header{justify-content:space-between;align-items:center;display:flex}.wordmark{color:var(--espresso);letter-spacing:.055em;font-size:.86rem;font-weight:800;text-decoration:none}.wordmark span{color:var(--fuchsia)}.edition,.stage-topline,.eyebrow,.selector-heading span,.stage-product span,.dialog-header span{letter-spacing:.16em;text-transform:uppercase;font-size:.66rem;line-height:1}.edition{color:var(--muted)}.editorial-copy{max-width:520px;margin:auto 0 clamp(30px,5vh,54px)}.eyebrow{color:var(--fuchsia);margin:0 0 16px;font-weight:700}h1,h2,p,figure{margin:0}h1{max-width:500px;color:var(--espresso);letter-spacing:-.055em;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,4.35vw,4.75rem);font-weight:400;line-height:.95}h1 em{color:var(--fuchsia);font-weight:400;display:block}.intro{max-width:390px;color:var(--muted);margin-top:22px;font-size:clamp(.9rem,1vw,1.03rem);line-height:1.55}.selector{scroll-margin-top:20px}.selector-heading{align-items:flex-end;margin-bottom:14px}.selector-heading h2{font-family:Georgia,Times New Roman,serif;font-size:1.12rem;font-weight:400}.selector-heading span{color:var(--muted);letter-spacing:.08em}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.product-option{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:0;grid-template:auto 1fr auto/1fr;align-items:center;min-width:0;min-height:132px;padding:8px 8px 10px;transition:border-color .18s,background-color .18s;display:grid;position:relative;overflow:hidden}.product-option:hover{border-color:#2b1b168c}.product-option.is-selected{border-color:var(--espresso);background:var(--paper)}.product-number{color:var(--muted);letter-spacing:.12em;justify-self:start;font-size:.58rem}.thumb-wrap{width:100%;height:74px;overflow:hidden}.thumb-wrap img{object-fit:cover;object-position:50% 49%;mix-blend-mode:multiply;width:100%;height:100%;transform:scale(1.85)}.product-name{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;justify-self:start;max-width:calc(100% - 20px);font-size:.71rem;font-weight:650;overflow:hidden}.selected-mark{color:#fff;background:var(--fuchsia);opacity:0;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;bottom:9px;right:8px}.is-selected .selected-mark{opacity:1}.selected-mark svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:11px}.control-area{border-bottom:1px solid var(--line);padding:14px 0 17px}.control-row{gap:8px;display:flex}.action-button,.zoom-button{border:1px solid var(--espresso);cursor:pointer;letter-spacing:.035em;background:0 0;border-radius:0;justify-content:center;align-items:center;gap:8px;min-height:42px;font-size:.72rem;font-weight:700;display:inline-flex}.action-button{flex:1 1 0;padding:8px 12px}.action-button svg,.zoom-button svg,.dialog-close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:17px;height:17px}.action-button[aria-pressed=true]{color:#fff;border-color:var(--espresso);background:var(--espresso)}.action-button:disabled{cursor:not-allowed;opacity:.42}.action-button.is-muted{border-color:var(--line);flex-direction:column;gap:1px;display:flex}.action-button.is-muted span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.52rem;font-weight:500}.compare-note{min-height:15px;color:var(--muted);margin-top:8px;font-size:.68rem;line-height:1.35}.disclaimer{align-items:baseline;gap:13px;padding-top:15px;display:flex}.disclaimer span{color:var(--fuchsia);border:1px solid var(--fuchsia);letter-spacing:.1em;text-transform:uppercase;flex:none;padding:4px 7px;font-size:.58rem;font-weight:750}.disclaimer p{color:var(--muted);font-size:.64rem;line-height:1.35}.stage{isolation:isolate;color:#fff;background:#b9a28e;min-width:0;min-height:100vh;position:relative;overflow:hidden}.image-stack,.stage-layer,.stage-layer img,.stage-shade{width:100%;height:100%;position:absolute;inset:0}.stage-layer{opacity:0;pointer-events:none;transition:opacity .42s cubic-bezier(.22,1,.36,1);overflow:hidden}.stage-layer.is-active{z-index:1;opacity:1}.stage-layer img{object-fit:cover;object-position:50% 70%;transition:transform .7s cubic-bezier(.22,1,.36,1);transform:scale(1.015)}.stage-layer.is-active img{transform:scale(1)}.stage-shade{z-index:2;pointer-events:none;box-shadow:inset 0 115px 90px -85px #1f110c6b,inset 0 -145px 100px -92px #1f110ca6}.stage-topline,.stage-bottomline{z-index:3;position:absolute;left:clamp(22px,3.5vw,52px);right:clamp(22px,3.5vw,52px)}.stage-topline{text-shadow:0 1px 18px #2b1b1661;top:clamp(24px,3.3vw,46px)}.stage-bottomline{align-items:flex-end;bottom:clamp(24px,3.3vw,46px)}.stage-product{text-shadow:0 2px 18px #2b1b1673;flex-direction:column;gap:7px;display:flex}.stage-product strong{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.65rem,2.4vw,2.6rem);font-weight:400}.zoom-button{color:#fff;background:#2b1b1629;border-color:#ffffffc7;min-width:122px;padding:8px 14px}.zoom-button:hover{background:#2b1b1657}.image-fallback{z-index:3;color:var(--espresso);text-align:center;background:var(--stone);place-content:center;gap:8px;padding:30px;display:grid;position:absolute;inset:0}.image-fallback span{font-family:Georgia,Times New Roman,serif;font-size:1.7rem}.image-fallback p{color:var(--muted);font-size:.78rem}.dialog-backdrop{z-index:20;background:#1f130fd6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.detail-dialog{width:min(880px,100%);height:min(820px,100vh - 48px);color:var(--espresso);background:var(--paper);grid-template-rows:auto minmax(0,1fr) auto;gap:15px;padding:20px;display:grid}.dialog-header h2{margin-top:6px;font-family:Georgia,Times New Roman,serif;font-size:1.65rem;font-weight:400}.dialog-header span{color:var(--fuchsia)}.dialog-close{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.dialog-image-wrap{background:var(--stone);min-height:0;position:relative;overflow:hidden}.dialog-image-wrap>img{object-fit:contain;width:100%;height:100%}.dialog-note{color:var(--muted);font-size:.7rem}}@layer responsive{@media (width<=980px){.experience{grid-template-columns:minmax(400px,46%) minmax(0,54%)}.panel{padding-inline:30px}h1{font-size:clamp(2.9rem,5.5vw,4rem)}}@media (width<=760px){.experience{flex-direction:column;min-height:auto;display:flex;overflow-x:hidden}.stage{aspect-ratio:390/510;height:min(66vh,560px);min-height:0}.panel{border-right:0;min-height:auto;padding:25px 18px 24px}.brand-row{margin-bottom:48px}.editorial-copy{margin:0 0 38px}h1{max-width:350px;font-size:clamp(3rem,14vw,4.25rem)}.intro{max-width:330px;margin-top:18px}.product-option{min-height:140px}.thumb-wrap{height:80px}.control-area{padding-top:12px}.action-button{min-height:48px}.disclaimer{align-items:flex-start;padding-top:17px}.stage-layer img{object-position:50% 72%}.stage-topline{top:20px}.stage-bottomline{align-items:center;bottom:19px}.stage-product strong{font-size:1.58rem}.zoom-button{min-width:auto;min-height:44px;padding-inline:12px}.dialog-backdrop{padding:0}.detail-dialog{width:100%;height:100%;padding:16px}}@media (width<=380px){.product-grid{gap:6px}.product-option{min-height:128px;padding-inline:6px}.thumb-wrap{height:68px}.control-row{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}