/* Approved L’échappée layout. Theme palette is the single color source.
   The seasonal screen approximation is documented in theme.json, not repeated here. */
:root{--season-accent:var(--wp--preset--color--season-accent);--ink:var(--wp--preset--color--ink);--paper:var(--wp--preset--color--paper);--sand:var(--wp--preset--color--sand);--muted:var(--wp--preset--color--muted);--line:var(--wp--preset--color--line);--olive:var(--wp--preset--color--olive);--white:var(--wp--preset--color--white);--display:var(--wp--preset--font-family--display);--body:var(--wp--preset--font-family--body);--space:clamp(24px,5vw,88px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:115px}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 var(--body);-webkit-font-smoothing:antialiased}
body.modal-open{overflow:hidden}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:400}
h1,h2{font-family:var(--display);line-height:1.06;letter-spacing:-.045em}
h2{font-size:clamp(36px,4.2vw,66px)}h3{font-size:20px}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}
button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}
img{display:block;max-width:100%;height:auto}[hidden]{display:none!important}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--season-accent);outline-offset:5px}
.hero a:focus-visible,.hero button:focus-visible,.footer a:focus-visible{outline-color:var(--white)}
.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--white);padding:12px 20px}.skip:focus{top:8px}
.announcement{background:var(--season-accent);color:var(--white);text-align:center;font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:9px 18px}
/* Stick the actual template-part wrapper, not its height-limited child. */
.oth-header-shell{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--line)}
body.admin-bar .oth-header-shell{top:32px}
.header-inner{height:94px;display:grid;grid-template-columns:1fr 135px 1fr;align-items:center;padding:0 32px;gap:20px}
.nav-left,.nav-right{display:flex;align-items:center;gap:26px}.nav-right{justify-content:flex-end}
.nav-left a,.nav-right a{font-size:11px;letter-spacing:.055em}.nav-left a:hover,.nav-right a:hover{text-decoration:underline;text-underline-offset:6px}
.logo{width:105px;justify-self:center}.logo img{width:105px;mix-blend-mode:multiply}
.nav-right a{display:flex;align-items:center;gap:16px}.arrow{font-size:21px;line-height:1}
.mobile-toggle,.mobile-nav{display:none}.eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;line-height:1.7}
.hero{display:grid;min-height:620px;grid-template-columns:1fr 1fr}
.hero-photo{position:relative;isolation:isolate;overflow:hidden;min-height:620px;background:var(--muted)}
.hero-photo > .wp-block-image{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.hero-photo > .wp-block-image img{width:100%;height:100%;object-fit:cover;object-position:50% 49%}
.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(25,19,16,.7),transparent 65%);z-index:-1}
.photo-copy{position:absolute;left:var(--space);right:35px;bottom:48px;color:var(--white)}
.photo-copy h2{font-size:clamp(35px,3.6vw,58px);max-width:420px;margin:12px 0 24px}
.hero-story{position:relative;overflow:hidden;background:var(--season-accent);color:var(--white);padding:43px var(--space) 30px;display:flex;flex-direction:column;align-items:flex-start}
.hero h1{font-size:clamp(48px,5.4vw,88px);max-width:660px;margin:15px 0 18px}
.hero-intro{max-width:370px;color:color-mix(in srgb,var(--white) 85%,transparent);font-size:13px}
.wp-block-image.hero-product{width:80%;max-width:395px;align-self:center;margin:0;filter:drop-shadow(0 28px 22px rgba(0,0,0,.13));transform:rotate(-6deg)}
.wp-block-image.hero-product img{width:100%}
.hero-story .text-link{position:relative;z-index:2}
.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;padding:10px 0;border-bottom:1px solid currentColor;min-height:44px}
.text-link:hover .arrow{transform:translateX(5px)}.text-link .arrow{transition:transform .2s}
.hero-caption{width:100%;display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;margin-top:auto}
.marquee{display:flex;align-items:center;overflow:hidden;position:relative;border-bottom:1px solid var(--line);padding:22px 70px 22px 0;color:var(--season-accent);background:var(--paper)}
.marquee-window{overflow:hidden;width:100%}.marquee-track{width:max-content;display:flex}
.js-ready .marquee-track{animation:travel 36s linear infinite}
.marquee-group{display:flex;align-items:center;gap:45px;white-space:nowrap;padding-right:45px;font:clamp(24px,2.8vw,42px) var(--display);letter-spacing:-.02em}.marquee-group i{font:14px var(--body)}
.marquee.paused .marquee-track{animation-play-state:paused}
.motion-toggle{display:none;position:absolute;right:20px;top:50%;transform:translateY(-50%);border:1px solid var(--line);border-radius:50%;width:38px;height:38px;font-size:14px;background:var(--paper)}.js-ready .motion-toggle{display:block}
@keyframes travel{to{transform:translateX(-50%)}}
.section{padding:90px var(--space)}
.section-top{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:38px}.section-top .eyebrow{margin-bottom:15px}
.section-note{max-width:240px;color:var(--muted);font-size:12px}
.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-card{min-width:0}
.product-image{display:block;width:100%;padding:30px;position:relative;background:var(--wp--preset--color--product-kaki);overflow:hidden;aspect-ratio:1.04;border:1px solid transparent}
.product-image.sable{background:var(--wp--preset--color--product-sable)}.product-image.rose{background:var(--wp--preset--color--product-rose)}
.product-image:before{content:'OTH / VOYAGE';position:absolute;top:17px;left:20px;font-size:9px;letter-spacing:.1em;color:var(--muted)}
.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .4s,opacity .3s}
.product-image .hover-img{position:absolute;inset:30px;width:calc(100% - 60px);height:calc(100% - 60px);opacity:0}
.product-image:hover .main-img,.product-image:focus-visible .main-img{opacity:0}.product-image:hover .hover-img,.product-image:focus-visible .hover-img{opacity:1;transform:scale(1.03)}
.product-info{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.product-info h3{font-family:var(--display);font-size:26px}.product-info p{font-size:11px;color:var(--muted);margin-top:4px}
.product-info .product-open{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:22px}.product-info .product-open:hover{background:var(--season-accent);color:var(--white)}
.feature{display:grid;grid-template-columns:1fr 1fr;background:var(--wp--preset--color--feature)}
.feature-art{display:flex;align-items:center;justify-content:center;padding:50px 25px;background:var(--wp--preset--color--feature-art);min-height:500px}.feature-art .wp-block-image{width:100%;max-width:620px}.feature-art img{width:100%}
.feature-copy{padding:80px var(--space);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.feature-copy h2{margin:18px 0 24px}.feature-copy>p:not(.eyebrow){color:var(--muted);max-width:360px;font-size:14px}
.features-list{padding:0;list-style:none;width:100%;margin:25px 0;counter-reset:feature}.features-list li{border-bottom:1px solid var(--line);padding:11px 0;font-size:12px;display:flex;gap:20px;counter-increment:feature}.features-list li:before{content:counter(feature,decimal-leading-zero);font-size:10px;color:var(--season-accent);padding-top:2px}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.story-card{position:relative}.story-image{overflow:hidden;aspect-ratio:1.25;background:var(--sand)}.wp-block-image.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.story-card:hover img{transform:scale(1.02)}
.story-body{display:flex;justify-content:space-between;gap:30px;padding:24px 0 0}.story-body .eyebrow{margin-bottom:8px;color:var(--muted)}.story-body h3{font:clamp(25px,2.5vw,38px)/1.2 var(--display);letter-spacing:-.025em}.story-body p:last-child{font-size:12px;color:var(--muted);max-width:290px;margin-top:12px}.story-body>.story-cta{align-self:start;flex-shrink:0;margin:0}
.brand-note{text-align:center;background:var(--season-accent);color:var(--white);padding:85px var(--space)}.brand-note .eyebrow{color:color-mix(in srgb,var(--white) 75%,var(--season-accent))}.brand-note h2{font-size:clamp(44px,6vw,85px);max-width:1000px;margin:25px auto}.brand-note>p:last-child{max-width:590px;margin:0 auto;font-size:14px;color:color-mix(in srgb,var(--white) 90%,var(--season-accent))}
.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.faq h2{margin-top:15px}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list details:first-child{border-top:1px solid var(--line)}
summary{cursor:pointer;list-style:none;font-size:13px;display:flex;justify-content:space-between;gap:20px;min-height:25px}summary:after{content:'+';font-size:20px;line-height:1}details[open] summary:after{content:'−'}summary::-webkit-details-marker{display:none}.faq-list details p{font-size:13px;color:var(--muted);padding:15px 30px 0 0}
.footer{background:var(--wp--preset--color--footer);color:var(--paper);padding:56px var(--space) 25px}.footer-main{display:flex;align-items:start;justify-content:space-between;gap:30px;padding-bottom:45px}.footer-brand{font:32px var(--display);letter-spacing:.02em}.footer-small{font-size:11px;color:var(--line)}.footer-links{display:flex;gap:30px;align-items:center;font-size:11px}.footer-bottom{padding-top:22px;border-top:1px solid var(--muted);display:flex;justify-content:space-between;gap:20px}.footer-bottom a{text-decoration:underline;text-underline-offset:4px;font-size:11px;color:var(--line)}
dialog{border:0;padding:0;max-width:980px;width:calc(100% - 40px);max-height:90dvh;overflow:auto;background:var(--paper);color:var(--ink);box-shadow:0 25px 120px #0005}dialog::backdrop{background:rgba(30,24,21,.64)}.dialog-close{position:absolute;right:12px;top:12px;z-index:2;background:var(--paper);border-radius:50%;width:44px;height:44px;font-size:24px}
.dialog-layout{display:grid;grid-template-columns:1fr 1fr}.dialog-visual{padding:48px 28px 28px;background:var(--sand);display:flex;flex-direction:column;justify-content:center;align-items:center}.dialog-visual img{width:100%;height:330px;object-fit:contain}.view-switch{display:flex;gap:20px;margin-top:18px}.view-switch button{font-size:11px;padding:10px 4px;border-bottom:1px solid transparent}.view-switch button[aria-pressed=true]{border-bottom-color:var(--ink)}
.dialog-info{padding:70px 35px 38px}.dialog-info h2{font-size:42px;margin:13px 0 20px}.dialog-info>p:not(.eyebrow){font-size:13px;color:var(--muted)}.color-options{display:flex;gap:12px;margin:16px 0 20px}.color-options button{width:42px;height:42px;border-radius:50%;padding:5px;border:1px solid transparent}.color-options button[aria-pressed=true]{border-color:var(--ink)}.color-options span{display:block;width:100%;height:100%;border-radius:50%;border:1px solid #0002}
/* Physical-product swatches are not the seasonal brand palette. */
[data-color=sable] span{background:#c9ac7e}[data-color=kaki] span{background:#687157}[data-color=rose] span{background:#d9b4a4}
.color-caption{font-size:12px;margin-top:24px}.specs{margin:20px 0 0}.specs div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:10px 0;font-size:11px}.specs dd{margin:0;text-align:right}.dialog-info .text-link{margin-top:18px}.no-script{padding:20px;background:var(--white);color:var(--ink);text-align:center}
/* Core block wrappers must not add theme chrome or change grid children. */
.wp-site-blocks{padding:0}.wp-site-blocks>*,.wp-site-blocks>.wp-block-template-part{margin-block:0}
.oth-home>.wp-block-group{max-width:none}.wp-block-image.logo{margin:0}.wp-block-group.hero-caption{margin-top:auto}
.oth-document{max-width:1000px;margin:0 auto;min-height:55vh}.oth-document>.wp-block-post-title{margin-bottom:30px}.oth-document .wp-block-post-content>*+*{margin-block-start:1.25em}.oth-document .wp-block-post-content a{text-decoration:underline}.oth-document .wp-block-post-featured-image{margin:30px 0}.oth-document .wp-block-query .wp-block-post{padding-block:30px;border-bottom:1px solid var(--line)}.oth-document .wp-block-query-pagination{gap:24px;margin-top:30px}.oth-document .wp-block-query-no-results{margin-block:30px}
@media(min-width:1600px){.hero,.hero-photo{min-height:720px}.wp-block-image.hero-product{max-width:445px}.hero-story{padding-top:60px}}
@media(max-width:1100px){.header-inner{padding:0 24px;grid-template-columns:1fr 100px 1fr}.nav-left{gap:18px}.nav-left a,.nav-right a{font-size:10px}.hero-story{padding-left:35px;padding-right:35px}.hero,.hero-photo{min-height:570px}.hero h1{font-size:60px}.wp-block-image.hero-product{width:95%}.story-body{display:block}.story-body>.story-cta{margin-top:12px}.faq{gap:40px}}
@media(max-width:782px){body.admin-bar .oth-header-shell{top:46px}}
@media(max-width:600px){body.admin-bar .oth-header-shell{top:0}}
@media(max-width:760px){html{scroll-padding-top:86px}.announcement{font-size:8px;padding:8px 12px;letter-spacing:.13em}.header-inner{height:77px;grid-template-columns:1fr 92px 1fr;padding:0 20px;gap:10px}.logo,.logo img{width:86px}.logo{grid-column:2;grid-row:1}.nav-left{display:none}.nav-right{grid-column:3;grid-row:1}.nav-right a{font-size:9px;gap:6px}.js-ready .mobile-toggle{display:flex;gap:10px;align-items:center;font-size:10px;padding:12px 0;justify-self:start;grid-column:1;grid-row:1}.hamburger{width:18px;height:12px;border-block:1px solid currentColor;display:inline-block}.mobile-nav{display:flex;flex-direction:column;padding:10px 24px 24px;gap:4px;border-top:1px solid var(--line)}.mobile-nav a{padding:10px 0;font-size:13px}.hero{grid-template-columns:1fr;min-height:0}.hero-photo{min-height:510px}.hero-photo > .wp-block-image img{object-position:center 60%}.hero-story{padding:34px 28px 26px;min-height:580px}.hero h1{font-size:61px}.hero-intro{font-size:13px;max-width:280px}.wp-block-image.hero-product{width:83%;max-width:350px;margin-top:8px}.hero-caption{font-size:8px}.photo-copy{left:28px;bottom:34px}.photo-copy h2{font-size:43px;max-width:300px}.marquee{padding-top:17px;padding-bottom:17px}.marquee-group{font-size:26px;gap:28px;padding-right:28px}.section{padding:60px 23px}.section-top{display:block;margin-bottom:26px}.section-note{margin-top:18px;max-width:310px}.products{grid-template-columns:1fr;gap:32px}.product-image{aspect-ratio:1.1}.product-info h3{font-size:27px}.feature{grid-template-columns:1fr}.feature-art{min-height:330px;padding:25px}.feature-copy{padding:48px 25px}.feature-copy h2{font-size:43px}.story-grid{grid-template-columns:1fr;gap:42px}.story-body h3{font-size:34px}.brand-note{padding:65px 26px}.brand-note h2{font-size:53px}.faq{grid-template-columns:1fr;gap:30px}.faq h2{font-size:42px}.footer{padding:42px 25px 22px}.footer-main{display:block}.footer-links{flex-wrap:wrap;gap:24px;margin-top:28px}.footer-bottom{flex-direction:column;gap:10px}.dialog-layout{grid-template-columns:1fr}.dialog-visual{padding:35px 25px 20px}.dialog-visual img{height:245px}.dialog-info{padding:30px 26px}.dialog-info h2{font-size:36px}dialog{width:calc(100% - 24px)}.view-switch{margin-top:0}.color-options button{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.wp-block-image.hero-product{transform:none}}
