@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600&display=swap');
:root{--ink:#173e35;--muted:#68766f;--paper:#fafaf7;--line:#d9dfd7;--light:#edf0e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #3d806a;outline-offset:5px}.masthead{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4.8%;border-bottom:1px solid var(--line);background:rgba(250,250,247,.96);position:sticky;top:0;z-index:20}.masthead img{width:132px;height:43px;object-fit:contain}.masthead nav{display:flex;gap:32px;font-size:12px}.edition,.eyebrow,.micro{font-size:10px;letter-spacing:.18em;font-weight:500}.edition{font-size:9px}.hero{position:relative;min-height:min(820px,calc(100svh - 88px));display:grid;grid-template-columns:1fr 1.1fr;padding:30px 6% 65px;overflow:hidden}.hero-copy{align-self:center;padding-left:3%;z-index:1}.eyebrow{margin:0 0 30px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Manrope','DM Sans',Arial,sans-serif;font-weight:400;letter-spacing:-.065em;line-height:1.05}h1{font-size:clamp(60px,6.5vw,108px);margin-bottom:30px}.hero-caption{font-size:16px;line-height:1.6;color:var(--muted)}.hero-rule{margin-top:65px;width:80%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:9px;letter-spacing:.13em}.hero-art{padding:0;border:0;background:transparent;position:relative;min-height:530px;display:flex;align-items:center;justify-content:center}.hero-art>img{width:100%;max-height:680px;object-fit:contain;mix-blend-mode:multiply}.image-note{position:absolute;bottom:5px;left:10%;right:10%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em}.image-note span{font-size:18px}.hero-bottom{position:absolute;left:6%;right:6%;bottom:22px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.18em}.collection-section{padding:120px 7% 100px;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:start;gap:24px;margin-bottom:65px}.section-heading .eyebrow{padding-top:10px}h2{font-size:clamp(42px,4.5vw,70px);margin-bottom:0}.section-intro{font-size:14px;line-height:1.7;color:var(--muted);padding-top:12px}.product-module{display:grid;grid-template-columns:1.45fr 1fr;gap:8%;align-items:center}.product-stage{background:#f0f1ed;min-height:660px;position:relative;display:flex;align-items:center;justify-content:center}.product-image-button{border:0;background:transparent;width:100%;padding:30px 8%;height:640px}.product-image-button img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply;animation:appear .4s ease}.stage-caption{position:absolute;left:25px;right:25px;bottom:20px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;pointer-events:none}.product-controls{max-width:380px;width:100%}.product-controls h3{font-size:34px;letter-spacing:-.04em;font-weight:400;margin:0 0 8px}.product-subtitle{color:var(--muted);font-size:12px;margin-bottom:38px}.control-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;margin-bottom:12px}.gender-switch{display:flex;border-bottom:1px solid var(--line);margin-bottom:30px}.gender-switch button{width:50%;border:0;border-bottom:2px solid transparent;padding:14px 0;background:transparent;font-size:13px;color:var(--muted)}.gender-switch button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.swatches{display:flex;gap:12px;margin-bottom:34px}.swatch{width:32px;height:32px;border:4px solid var(--paper);border-radius:50%;outline:1px solid #cdd3cd}.swatch[aria-pressed=true]{outline:2px solid var(--ink)}.swatch-black{background:#232525}.swatch-silver{background:#cbceca}.swatch-concrete{background:#9a9c98}.views{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 30px}.view-btn{border:1px solid var(--line);background:transparent;padding:10px 13px;font-size:11px}.view-btn[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.product-feature{border-top:1px solid var(--line);padding-top:24px;font-size:12px;color:var(--muted);line-height:1.7}.detail-story{display:grid;grid-template-columns:1.2fr 1fr;min-height:630px;background:#e7ece4}.detail-image{overflow:hidden;position:relative;min-height:630px}.detail-image img{width:200%;max-width:none;height:200%;object-fit:cover;object-position:65% 33%;position:absolute;left:-65%;top:-24%;mix-blend-mode:multiply}.detail-copy{padding:100px 14%;align-self:center}.detail-copy h2{margin-bottom:30px}.detail-copy>p:not(.eyebrow):not(.micro){color:var(--muted);font-size:16px;line-height:1.6}.fine-line{display:block;width:50px;border-top:1px solid #8d9f90;margin:40px 0 20px}.micro{font-size:8px}.comparison{padding:80px 9% 110px;background:#edf0e9}.comparison-heading{text-align:center;margin-bottom:60px}.comparison-heading .eyebrow{margin-bottom:20px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}.compare-image{height:470px}.compare-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.compare-label{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #cad2c7;padding-top:20px;margin-top:20px}.compare-label h3{font-size:20px;font-weight:400;margin:0}.compare-label p{font-size:10px;color:var(--muted);margin:0}footer{padding:40px 6%;display:flex;align-items:center;justify-content:space-between}footer img{height:40px;object-fit:contain}footer span{font-size:9px;letter-spacing:.12em}dialog{border:0;background:var(--paper);padding:35px;width:min(1000px,95vw);height:94svh;max-height:94svh;color:var(--ink)}dialog::backdrop{background:rgba(12,30,24,.65);backdrop-filter:blur(8px)}#viewer-image{width:100%;height:calc(100% - 30px);object-fit:contain;mix-blend-mode:multiply}#viewer-caption{text-align:center;font-size:12px}.close-viewer{position:absolute;right:15px;top:15px;background:var(--paper);border:1px solid var(--line);border-radius:50%;width:36px;height:36px;z-index:1}.reveal{opacity:1}.js-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.js-ready .reveal.visible{opacity:1;transform:none}@keyframes appear{from{opacity:.3}to{opacity:1}}@media(min-width:1600px){main{max-width:1800px;margin:auto}}@media(max-width:900px){.edition{display:none}.hero{padding-left:4%;padding-right:4%;min-height:650px}.hero-art{min-height:480px}.hero-art>img{max-height:560px}.hero-rule{margin-top:35px}.section-heading{grid-template-columns:1fr 2fr}.section-intro{display:none}.product-module{gap:5%;grid-template-columns:1.2fr 1fr}.product-stage{min-height:500px}.product-image-button{height:490px}.detail-copy{padding:70px 10%}.detail-image,.detail-story{min-height:500px}.compare-image{height:360px}.compare-label{display:block}.compare-label p{margin-top:7px}}@media(max-width:600px){html{scroll-padding-top:75px}.masthead{height:72px;padding:0 6%}.masthead img{width:100px}.masthead nav{gap:16px;font-size:10px}.masthead nav a:last-child{display:none}.hero{display:flex;flex-direction:column;padding:45px 6% 65px;min-height:auto}.hero-copy{align-self:start;padding:0;width:100%}.hero-copy .eyebrow{font-size:8px;margin-bottom:20px}h1{font-size:64px;margin-bottom:20px}.hero-caption{font-size:13px}.hero-rule{display:none}.hero-art{min-height:0;width:100%;height:480px;margin-top:0}.hero-art>img{height:100%;max-height:none}.hero-bottom{font-size:7px}.image-note{bottom:0}.collection-section{padding:65px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading .eyebrow{font-size:9px;margin-bottom:20px}h2{font-size:48px}.product-module{display:flex;flex-direction:column;gap:30px}.product-stage{width:100%;min-height:460px}.product-image-button{height:460px;padding:25px 8% 35px}.product-controls{max-width:none}.product-controls h3{font-size:28px}.product-subtitle{margin-bottom:25px}.product-feature{margin-bottom:0}.detail-story{display:flex;flex-direction:column}.detail-image{min-height:380px}.detail-copy{padding:45px 8% 60px}.detail-copy .eyebrow{margin-bottom:20px}.detail-copy h2{font-size:48px}.detail-copy .fine-line{margin:25px 0 15px}.comparison{padding:65px 6%}.comparison-heading h2{font-size:43px}.comparison-grid{gap:10px}.compare-image{height:250px}.compare-label h3{font-size:18px}.compare-label p{font-size:9px;line-height:1.7}.comparison-heading{margin-bottom:35px}footer{padding:25px 6%}footer span{font-size:7px}dialog{padding:20px 8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-ready .reveal{opacity:1;transform:none}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lifestyle-story{position:relative;min-height:760px;background:#e4e8e5;overflow:hidden}.lifestyle-story>img{display:block;width:100%;height:760px;object-fit:cover;object-position:center 42%}.lifestyle-caption{position:absolute;left:7%;bottom:7%;color:white;text-shadow:0 1px 12px rgba(0,0,0,.2)}.lifestyle-caption h2{font-size:clamp(42px,5.5vw,80px)}.lifestyle-caption .eyebrow{margin-bottom:20px}.lifestyle-story::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(8,32,28,.4));pointer-events:none}.lifestyle-caption{z-index:1}@media(max-width:600px){.lifestyle-story,.lifestyle-story>img{height:620px;min-height:620px}.lifestyle-story>img{object-position:48% center}.lifestyle-caption h2{font-size:48px}}

/* Image-led collection: quiet titles, generous product imagery. */
.editorial-hero{position:relative;height:calc(100svh - 88px);min-height:650px;max-height:1000px;overflow:hidden;background:#b5c6cb}.editorial-hero>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 18%}.editorial-hero::after{content:'';position:absolute;inset:70% 0 0;background:linear-gradient(transparent,rgba(7,29,30,.4));pointer-events:none}.hero-signature,.hero-product{position:absolute;bottom:30px;margin:0;color:white;font-size:10px;letter-spacing:.18em;z-index:1}.hero-signature{left:5%}.hero-product{right:5%}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:45px}.section-heading h2{font-size:clamp(38px,4vw,62px)}.section-intro{padding:0;margin:0}.collection-section{padding-top:85px;padding-bottom:85px}.product-controls h3{display:none}.product-subtitle{font-size:14px;margin-bottom:24px}.motion-story{display:grid;grid-template-columns:1fr 1fr;background:#e7ece4}.motion-frame{background:#fff;display:flex;align-items:center;justify-content:center;padding:35px}.motion-frame video{display:block;width:100%;max-height:760px;aspect-ratio:6/7;object-fit:contain;background:#fff}.motion-detail{position:relative;min-width:0}.motion-detail .detail-image{height:100%;min-height:620px}.motion-detail .detail-image img{width:200%;height:200%;object-fit:cover;left:-65%;top:-24%}.motion-label{position:absolute;bottom:36px;left:9%;right:9%;padding:24px 0 0;border-top:1px solid #bbc9b9}.motion-label h2{font-size:38px;margin-bottom:12px}.motion-label p{font-size:12px;color:var(--muted);margin:0}.comparison-heading h2{font-size:46px}.comparison{padding-top:70px}.edition{display:none}
@media(min-width:1600px){.editorial-hero{max-height:1100px}}
@media(max-width:900px){.editorial-hero{height:calc(90svh - 88px);min-height:600px}.motion-frame{padding:20px}.motion-detail .detail-image{min-height:480px}.motion-label h2{font-size:30px}.section-intro{display:block}}
@media(max-width:600px){.editorial-hero{height:calc(92svh - 72px);min-height:520px;max-height:850px}.editorial-hero>img{object-position:center 35%}.hero-signature,.hero-product{font-size:8px;bottom:24px}.collection-section{padding-top:50px;padding-bottom:50px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:38px;margin-bottom:12px}.section-intro{font-size:12px;display:block}.motion-story{grid-template-columns:1fr}.motion-frame{padding:24px 8%}.motion-frame video{max-height:600px}.motion-detail .detail-image{height:380px;min-height:380px}.motion-label{bottom:24px;left:7%}.motion-label h2{font-size:30px;margin-bottom:8px}.comparison-heading h2{font-size:36px}.comparison{padding-top:50px}.product-subtitle{font-size:13px}}

/* Cover photography fills its panel; product selector images remain uncropped. */
.cover-photo{background-size:cover;background-repeat:no-repeat;background-position:center}
.hero-cover{position:absolute;inset:0;background-image:url('assets/branded/oak-harbor-mens-silver-lifestyle-reserv-v1.webp');background-position:center 35%}
.texture-panel{height:clamp(380px,45vw,660px);background-color:#242424;background-image:url('assets/details/black-fabric-texture.jpg');background-position:center 46%}
[data-loop-film]{pointer-events:none}
[data-loop-film]::-webkit-media-controls{display:none!important}
@media(max-width:600px){.hero-cover{background-position:72% center}.texture-panel{height:440px}}

/* Silent rotations retain the uncropped product-stage dimensions. */
.product-rotation{display:block;width:100%;height:640px;padding:30px 8%;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:900px){.product-rotation{height:490px}}
@media(max-width:600px){.product-rotation{height:460px;padding:25px 8% 35px}}

/* Evoke chapter: full-bleed lifestyle photography. */
.evoke-editorial{position:relative;height:clamp(620px,57vw,900px);background-image:url('assets/branded/evoke-womens-black-lifestyle-reserv-v3.png');background-position:center 20%;overflow:hidden}
.evoke-editorial::after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(7,29,30,.55));pointer-events:none}
.evoke-editorial-caption{position:absolute;left:6%;bottom:6%;z-index:1;color:white}
.evoke-editorial-caption h2{font-size:clamp(44px,5vw,76px);margin-bottom:12px}
.evoke-editorial-caption p{font-size:12px;margin:0}
@media(max-width:600px){.evoke-editorial{height:680px;background-position:center center}}

.product-stage:has(.product-rotation){touch-action:pan-y;cursor:grab;user-select:none}
.product-stage.is-dragging{cursor:grabbing}
.product-stage[role=slider]:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.rotation-toggle{pointer-events:auto;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;padding:8px;cursor:pointer;text-transform:uppercase}
.rotation-toggle:focus-visible{outline:2px solid var(--ink)}