/* Pacific porcelain — homepage scroll study and shared colour refinement. */
:root{--cream:#f6f3ec;--sand:#eae9df;--card:#e8e7dd;--ink:#183d39;--soft:#455e59;--stone:#586b65;--gold:#1c5952;--gold-lt:#1c5952;--maple:#9b5036;--line:#183d3924;--line-2:#183d3948;--pacific-blue:#174e49;--ice:#e1e9df}
body{background:var(--cream)}header,.s-home{--cream:#f6f3ec;--sand:#eae9df;--card:#e8e7dd;--ink:#183d39;--soft:#455e59;--stone:#586b65;--gold:#1c5952;--gold-lt:#1c5952;--maple:#9b5036;--line:#183d3924;--line-2:#183d3948;color:var(--ink)}
header,header.solid{background:#f6f3ecf5;border-bottom:1px solid #183d391f}.brand,.brand sup,.navlinks a,.bagbtn{color:#183d39}.navlinks{color:#455e59}.navlinks a:hover,.navlinks a.on{color:#1c5952}.navlinks a::after{background:#1c5952}.nav-location{color:#586b65}.bagbtn{border-color:#183d3940}.bagbtn:hover{color:#1c5952;border-color:#183d3940}.burger{border-color:#183d3944}.burger span{background:#183d39}.announce{background:#1c5952;color:#fff}.progress{background:#b67250}.s-home .s-collection{--cream:#f6f3ec;--ink:#183d39;--stone:#586b65;--gold:#1c5952;--gold-lt:#1c5952;--line:#183d3924;--soft:#455e59;background:#f6f3ec}.s-collection{padding-block:100px 75px}.s-position{background:#f6f3ec}.s-field{background:#e1e9df;color:#183d39}.s-field__copy p,.s-field__coordinate{color:#455e59}.s-record__rows article>span{color:#1c5952}.s-end{background:#174e49;color:#fff}.s-wordmark{color:#327068}.s-cta{background:#1c5952;color:#fff}.s-cta:hover{background:#103a36;color:#fff}.pcard__tag{background:#f6f3eceb;color:#183d39}.s-editorial__image>span,.s-editorial__image>b{background:#f6f3ec}.s-field__photo img{filter:saturate(.8)}footer{background:#102f2d}.footer-top .s-link{color:#f1f2ed}
.m-story{background:#e1e9df}.m-stage.s-hero{padding:0;background:#e1e9df;position:relative;overflow:clip}.m-copy{padding:70px var(--gutter);color:#183d39}.m-kicker{font:500 .75rem/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin:0 0 28px}.m-copy h1,.m-copy h2{color:inherit;font:400 clamp(55px,7.1vw,120px)/.98 var(--sans);letter-spacing:-.065em;margin:0;white-space:normal}.m-copy h1 em,.m-copy h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;line-height:1.05}.m-copy>p:not(.m-kicker){font-size:1.125rem;line-height:1.6;margin:25px 0;color:inherit}.m-button{display:inline-flex;justify-content:space-between;align-items:center;gap:44px;min-height:58px;background:#1c5952;color:#fff;padding:16px 22px;font-size:1rem;border:1px solid #1c5952;transition:background .2s}.m-button:hover{background:#103a36}.m-button span,.m-textlink span{font-size:1.5rem;line-height:1}.m-textlink{display:inline-flex;align-items:center;gap:24px;padding:14px 0;border-bottom:1px solid currentColor;font-size:1rem}.m-picture{margin:0;position:relative;overflow:hidden;isolation:isolate;background:#cbdcd1}.m-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 10%;aspect-ratio:3/2}.m-picture figcaption{position:absolute;right:20px;bottom:20px;font-size:.75rem;letter-spacing:.08em;color:#fff;text-shadow:0 1px 7px #000;background:#183d3988;padding:7px 11px;z-index:3}.m-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a2b2870,transparent 65%),linear-gradient(0deg,#0a2b2880,transparent 65%);opacity:0;pointer-events:none}.m-blue{display:none}.m-wide-copy{background:#e1e9df}.m-material{position:relative;margin:0;background:#171a1b;overflow:hidden}.m-material img{display:block;aspect-ratio:3/2;width:100%;height:100%;object-fit:cover}.m-material figcaption{position:absolute;bottom:22px;left:24px;color:#eee;font-size:.75rem;letter-spacing:.1em}.m-detail-copy{background:#174e49;color:#fff}.m-finale-copy{background:#174e49;color:#fff;border-top:1px solid #ffffff30}.m-detail-copy .m-button,.m-finale-copy .m-button{background:#fff;color:#1c5952;border-color:white}.m-story-meta{padding:22px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.75rem;letter-spacing:.08em;background:#e1e9df;color:#183d39}.m-story-meta a{display:inline-flex;gap:22px;align-items:center;font-size:.875rem;letter-spacing:0}.m-story-meta a>span{font-size:1.5rem}.m-track{display:none}.m-chapter{font-variant-numeric:tabular-nums}
/* Enhanced desktop scene. Base layout above remains readable without animation. */
.motion-ready .m-stage{height:calc(100svh - var(--motion-header,88px));min-height:550px;max-height:1100px;contain:layout paint}.motion-ready .m-blue{display:block;position:absolute;inset:0;background:#174e49;opacity:0;z-index:0}.motion-ready .m-copy{position:absolute;padding:0;background:none;z-index:5;border:0}.motion-ready .m-intro{left:var(--gutter);top:15%;width:44%;max-width:710px}.motion-ready .m-intro h1{font-size:clamp(54px,6.6vw,118px)}.motion-ready .m-intro .m-kicker{margin-bottom:30px}.motion-ready .m-picture{position:absolute;inset:0;width:100%;height:100%;border-radius:0;z-index:2;clip-path:inset(5% 4% 13% 50% round 8px);box-shadow:none;transform-origin:center}.motion-ready .m-picture img{aspect-ratio:auto;transform:translateX(24%)}.motion-ready .m-wide-copy{left:var(--gutter);bottom:16%;color:#fff;opacity:0;visibility:hidden;width:40%;transform:translateY(16px)}.motion-ready .m-wide-copy h2{font-size:clamp(60px,7vw,110px)}.motion-ready .m-material{position:absolute;left:5%;top:10%;width:48%;height:76%;z-index:3;opacity:0;visibility:hidden;transform:translateY(16px) scale(.985);box-shadow:0 18px 55px #052e2830;transform-origin:50% 70%}.motion-ready .m-material img{aspect-ratio:auto}.motion-ready .m-detail-copy{left:59%;top:28%;width:35%;color:#fff;opacity:0;visibility:hidden;transform:translateY(16px)}.motion-ready .m-detail-copy h2{font-size:clamp(40px,4.4vw,76px)}.motion-ready .m-detail-copy .m-kicker{margin-bottom:18px}.motion-ready .m-detail-copy>p:not(.m-kicker){font-size:1rem;margin:18px 0}.motion-ready .m-detail-copy .m-textlink{font-size:.9375rem}.motion-ready .m-finale-copy{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;opacity:0;visibility:hidden;transform:translateY(16px);padding:60px var(--gutter)}.motion-ready .m-finale-copy h2{font-size:clamp(62px,8vw,135px)}.motion-ready .m-finale-copy>p:not(.m-kicker){margin:24px 0 30px}.motion-ready .m-story-meta{position:absolute;z-index:8;bottom:0;left:0;right:0;min-height:62px;pointer-events:none;background:none}.motion-ready .m-story-meta a{pointer-events:auto}.motion-ready .m-track{position:absolute;display:block;bottom:0;left:0;right:0;height:3px;background:#ffffff40;z-index:9}.m-track i{display:block;height:100%;background:#c88c69;transform:scaleX(0);transform-origin:0 50%}.motion-ready .m-copy[aria-hidden=true]{pointer-events:none}
@media(min-width:981px){.m-intro{padding-top:80px}.m-material{max-height:860px}.m-finale-copy{padding-block:110px}.m-stage:not(.motion-ready .m-stage) .m-copy{max-width:1600px;margin-inline:auto}}
@media(max-width:980px){.navlinks{background:#f6f3ec;border-color:#183d3926}.navlinks a{color:#183d39}.m-copy{padding:60px var(--gutter)}.m-intro{padding-top:50px;padding-bottom:42px}.m-intro h1{font-size:clamp(58px,10vw,88px)}.m-intro .m-kicker{margin-bottom:24px}.m-picture{margin:0 var(--gutter) 0;border-radius:85px 0 0 0}.m-picture img{aspect-ratio:4/4.3;object-position:center;height:auto;min-height:390px}.m-wide-copy{padding-top:45px;padding-bottom:55px}.m-wide-copy h2{font-size:clamp(54px,9vw,76px)}.m-material{border:25px solid #174e49;border-bottom:0}.m-detail-copy{padding-top:36px}.m-finale-copy{padding-block:60px}.m-finale-copy h2,.m-detail-copy h2{font-size:clamp(48px,8vw,76px)}.m-story-meta>span:first-child{display:none}.m-story-meta{background:#174e49;color:white}.m-story-meta .m-chapter{display:none}.m-story-meta a{width:100%;justify-content:space-between}.m-copy>p:not(.m-kicker){font-size:1.0625rem}.s-collection{padding-top:70px}}
@media(max-width:640px){.m-intro{padding:40px var(--gutter) 35px}.m-intro h1{font-size:clamp(52px,13.1vw,78px);line-height:.98}.m-kicker{font-size:.75rem;letter-spacing:.075em}.m-intro .m-kicker{max-width:27ch;margin-bottom:22px}.m-copy>p:not(.m-kicker){font-size:1rem;margin:22px 0}.m-button{font-size:.9375rem;min-height:55px;padding:15px 18px;gap:35px}.m-picture{margin:0 14px;border-radius:65px 0 0 0}.m-picture img{aspect-ratio:4/5;min-height:0;object-position:50% 50%}.m-picture figcaption{right:10px;bottom:12px;font-size:.75rem;letter-spacing:.025em}.m-wide-copy{padding:40px var(--gutter) 50px}.m-wide-copy h2{font-size:clamp(48px,12vw,66px)}.m-material{border-width:14px}.m-material img{aspect-ratio:1/1;object-fit:cover}.m-material figcaption{left:14px;bottom:14px;font-size:.75rem}.m-detail-copy{padding:30px var(--gutter) 55px}.m-detail-copy h2,.m-finale-copy h2{font-size:clamp(46px,11.5vw,66px)}.m-detail-copy .m-kicker{margin-bottom:23px}.m-textlink{font-size:.9375rem;gap:18px}.m-finale-copy{padding:55px var(--gutter)}.m-finale-copy .m-kicker{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.m-picture{border-radius:0}.m-photo-shade{display:none}.m-copy,.m-picture,.m-material,.m-material img{transform:none!important;opacity:1!important;visibility:visible!important}.m-track{display:none!important}}

/* Porcelain, Pacific and copper keep the product surfaces calm and the accents intentional. */
:root{--card-2:#dedfd4;--copper:#9b5036;--accent:#1c5952;--accent-deep:#103a36}html{background:#102f2d}.s-home .s-collection{--maple:#9b5036}.s-home .s-record{--line:#183d3924}.s-end .s-cta{background:var(--cream);color:var(--ink)}.s-end .s-cta:hover{background:#e1e9df}.s-wordmark{color:#3c7970}.signal{background:var(--copper)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--copper)}footer a:focus-visible,.bagdrawer button:focus-visible{outline-color:#e8c9b0}.bagdrawer{background:#153b36}.pcard__img,.pdp__stage{background:#e8e7dd}.pdp__stage .code{background:#f6f3eceb;color:#183d39}.s-editorial__image{background:#e8e7dd}

.motion-ready .m-copy a{display:none}.motion-ready .m-story-meta a{border:1px solid currentColor;border-radius:3px;min-height:44px;padding:8px 16px;gap:25px;background:#f6f3ec0a}.motion-ready .m-detail-copy .m-kicker{max-width:30ch}.motion-ready .m-finale-copy{padding-bottom:100px}
