/* Image-led editorial rhythm: open surfaces, compact copy, browsable rails. */
.section{padding-top:82px;padding-bottom:82px}
.trust-strip{padding-top:22px;padding-bottom:22px;background:var(--paper);border-bottom:1px solid var(--line)}
.trust-strip>div{padding-top:0;padding-bottom:0}
.trust-number{font-size:24px}.trust-name{font-size:12px}.trust-strip p{font-size:11px;margin:5px 0 0}
.intro{padding-bottom:66px}.intro h2{font-size:clamp(46px,5.2vw,76px)}
.motion-editorial{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:7%;padding:0 4.6% 40px}
.motion-media{aspect-ratio:16/10;background:#c8b8a1;overflow:hidden}.motion-media video{display:block;width:100%;height:100%;object-fit:cover}
.motion-story h2{font-size:clamp(38px,4.2vw,63px);margin:0 0 26px}.motion-story>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8;max-width:350px}
.applications{padding-right:0;overflow:hidden}.rail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-right:4.8%;margin-bottom:34px}.rail-heading h2{font-size:clamp(42px,4.8vw,66px);margin:0}.rail-heading .eyebrow{margin-bottom:20px}
.rail-actions{display:flex;align-items:center;gap:10px}.rail-hint{font-size:11px;letter-spacing:.025em;margin-right:16px;color:var(--muted)}
.rail-arrow{border:1px solid var(--line);background:transparent;border-radius:50%;width:46px;height:46px;font-size:22px;transition:background .2s}.rail-arrow:hover{background:#e7e3d9}.rail-arrow:disabled{opacity:.3;cursor:default}
.application-rail{position:relative;display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0 4.8% 18px 0;scrollbar-width:thin;scrollbar-color:#a5a398 transparent;overscroll-behavior-x:contain}
.application-card{flex:0 0 31%;min-width:280px;scroll-snap-align:start}.application-card a{display:block}.rail-photo{aspect-ratio:4/5;position:relative;overflow:hidden}.rail-photo img{transition:transform .6s}.application-card a:hover img{transform:scale(1.035)}
.rail-number{position:absolute;left:18px;top:18px;background:#f6f3eddd;padding:8px 10px;font-size:10px;letter-spacing:.1em}.rail-label{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:23px 0 10px}.rail-label h3{font:32px var(--serif);margin:0}.rail-label>span{font-size:24px}.application-card p{font-size:13px;line-height:1.7;max-width:320px;margin:0;color:var(--muted)}
.rail-footer{display:flex;gap:30px;align-items:center;margin-top:17px;font-size:10px;letter-spacing:.05em;color:var(--muted)}
.collections{padding-top:50px}.collections .section-heading h2{font-size:clamp(38px,4.4vw,62px)}.collections .section-heading{margin-bottom:34px}.collection-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.collection-photo{height:auto;aspect-ratio:4/5}.collection-label{margin-top:19px;font-size:8px}.collection-link h3{font-size:28px;margin:14px 0 10px}.collection-link p{font-size:12px;line-height:1.7}
.approach{background:var(--paper);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:55px;padding-bottom:40px}.approach .section-heading{margin-bottom:28px}.approach .section-heading h2{font-size:clamp(40px,4.2vw,60px)}.approach .section-heading>p{color:var(--muted)}.approach .eyebrow{color:var(--red)}.approach .steps{margin-top:20px;gap:34px}.approach .steps article{border-top:1px solid var(--line);padding-top:20px}.approach .steps h3{font-size:24px;margin:16px 0 12px}.approach .steps p{color:var(--muted);font-size:12px;line-height:1.8}.approach .step-num{color:var(--red);font-size:11px}.approach .approach-note{border-color:var(--line);margin-top:24px;padding-top:22px;font-size:11px}
.representative{display:grid;grid-template-columns:minmax(260px,.75fr) 1fr;align-items:center;gap:12%;max-width:1200px;margin:auto}.representative-photo{max-width:420px;aspect-ratio:4/5;overflow:hidden}.representative-photo img{object-position:center 40%}.representative-copy h2{font-size:clamp(50px,5vw,76px);margin:0 0 24px}.representative-copy .lead{font-size:19px}.representative-copy>p:not(.eyebrow){line-height:1.9;max-width:420px;color:var(--muted)}
.page-hero>img{object-position:center 48%}.page-hero{height:650px}.page-intro{padding-bottom:40px}.category-uses{padding-top:40px;padding-bottom:40px}.use-item{background:transparent;border-top:1px solid var(--line);padding:22px 0}.use-item h3{font-size:25px}.page-detail{padding-top:40px}.page-detail-image{min-height:0;aspect-ratio:4/5}.page-faq{padding-top:40px;border-top:1px solid var(--line)}
.oil-editorial{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;padding-top:28px;padding-bottom:28px;align-items:stretch}.oil-editorial>div{height:520px;overflow:hidden}.oil-editorial video{width:100%;height:100%;object-fit:cover;background:#dedbd6;display:block}.oil-editorial .media-caption{grid-column:1/-1;font-size:10px;letter-spacing:.04em;color:var(--muted);margin:0}
@media(min-width:1600px){.application-card{flex-basis:28%}.rail-photo{aspect-ratio:1/1.1}}
@media(max-width:1000px){.application-card{flex-basis:42%}.collection-links{grid-template-columns:repeat(2,1fr)}.collection-photo{aspect-ratio:5/4}.rail-hint{display:none}.representative{gap:7%}.motion-editorial{gap:5%}.oil-editorial>div{height:420px}}
@media(max-width:650px){.section{padding-top:55px;padding-bottom:55px}.trust-strip{display:flex;gap:20px;overflow-x:auto;align-items:center;padding:18px 6%;white-space:nowrap}.trust-strip>div{min-width:210px;border:0}.trust-strip p{white-space:normal}.motion-editorial{display:flex;flex-direction:column;padding:0 6%;gap:25px;align-items:stretch}.motion-story{padding:8px 0 20px}.motion-story h2{font-size:43px}.rail-heading{align-items:flex-end;margin-bottom:26px}.rail-heading h2{font-size:44px}.rail-actions{gap:7px}.rail-arrow{width:37px;height:37px}.application-card{flex-basis:81%;min-width:0}.application-rail{gap:18px}.rail-photo{aspect-ratio:4/5}.rail-label h3{font-size:31px}.rail-footer{gap:18px;font-size:9px}.collections .section-heading{margin-bottom:28px}.collection-links{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px}.collection-link{flex:0 0 82%;scroll-snap-align:start}.collection-photo{aspect-ratio:5/4}.collection-link h3{font-size:31px}.collection-label{font-size:9px}.collection-link p{font-size:13px}.approach .steps{grid-template-columns:1fr 1fr;gap:24px}.approach .section-heading h2{font-size:44px}.representative{grid-template-columns:1fr;gap:34px}.representative-photo{max-width:none;aspect-ratio:4/4.5}.representative-copy h2{font-size:60px}.page-hero{height:600px}.page-detail-image{height:auto}.oil-editorial{gap:16px;grid-template-columns:1fr 1fr}.oil-editorial>div{height:320px}.oil-editorial .media-caption{font-size:9px}.contact{padding-top:55px}}
.collections{background:var(--paper)}.collection-link .collection-photo{height:auto;aspect-ratio:4/5;margin-bottom:18px}.collection-link .collection-label{font-size:9px}.page-detail{background:var(--paper)}
@media(max-width:650px){.collection-link .collection-photo{height:auto;aspect-ratio:5/4}.collection-link{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.application-rail{scroll-behavior:auto}}
/* Keep native touch/trackpad browsing without exposed scrollbar chrome. */
.application-rail,.collection-links,.trust-strip,.app-tabs{scrollbar-width:none;-ms-overflow-style:none}
.application-rail::-webkit-scrollbar,.collection-links::-webkit-scrollbar,.trust-strip::-webkit-scrollbar,.app-tabs::-webkit-scrollbar{display:none;width:0;height:0}
.application-rail{padding-bottom:4px}
@media(max-width:650px){
 .trust-strip{display:grid;grid-template-columns:1fr;gap:0;overflow:visible;white-space:normal;padding:12px 6%}
 .trust-strip>div{min-width:0;display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
 .trust-strip>div:last-child{padding-bottom:14px;border-bottom:0}
 .trust-strip .trust-name{padding:0;font-size:11px;line-height:1.6}
 .trust-strip p{margin:0;font-size:11px;line-height:1.7}
 .collection-links{padding-bottom:4px}
}

/* Preserve the wider standing composition of the office portrait. */
.representative-photo{aspect-ratio:3/4}
.representative-photo img{object-position:center}

.product-editorial .motion-media{aspect-ratio:16/9;background:transparent}
.product-editorial .motion-media img{display:block;width:100%;height:100%;object-fit:contain}
.fragrance-films{padding-top:55px;padding-bottom:36px}
.film-heading h2{font-size:clamp(40px,4.5vw,64px);margin:0 0 34px}
.film-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.film-pair figure{margin:0;min-width:0}
.film-pair video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#e9e4d9}
.film-pair figcaption{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line)}
.film-pair figcaption span:first-child{font:27px var(--serif)}
.film-pair figcaption span:last-child{font-size:10px;color:var(--muted)}
@media(max-width:650px){.film-pair{grid-template-columns:1fr;gap:30px}.film-heading h2{font-size:44px}.film-pair figcaption span:first-child{font-size:25px}.product-editorial .motion-media{aspect-ratio:16/9}}

.product-editorial .motion-media video{width:100%;height:100%;object-fit:contain}

.location-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;border-bottom:1px solid var(--line)}
.location-copy h2{margin:0 0 28px}.location-business{font-size:16px;margin:0 0 14px}
.location-copy address{font-style:normal;font-size:14px;line-height:1.9;color:var(--muted)}
.location-copy .text-link{margin-top:28px}.location-map{display:block;width:100%;height:380px;border:0;background:#e8e5dc}
@media(max-width:800px){.location-section{grid-template-columns:1fr;gap:36px}.location-map{height:320px}}

.office-open{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:13px 0;margin:0 0 20px;border:0;border-bottom:1px solid var(--red);background:transparent;color:var(--red);font-size:13px;cursor:pointer}
.office-dialog{width:min(1200px,calc(100vw - 40px));max-height:90svh;padding:58px 48px 38px;background:#722338;border-radius:24px}
.office-dialog::backdrop{background:#34151ac9;backdrop-filter:blur(12px)}
.office-dialog .dialog-close{color:white;background:transparent;right:15px;top:10px}
.office-layout{display:grid;grid-template-columns:.85fr 1.4fr;gap:24px;align-items:stretch}
.office-card{background:#fff;border-radius:16px;padding:30px;display:flex;flex-direction:column;align-items:flex-start}
.office-eyebrow{color:var(--red);font-size:12px;letter-spacing:.08em;margin:0 0 24px}
.office-card h2{font-family:var(--sans);font-size:30px;letter-spacing:-.03em;line-height:1.2;margin:0 0 26px}
.office-company{font-size:15px;margin:0 0 10px}.office-card address{font-style:normal;line-height:1.8;font-size:14px;color:var(--muted);margin-bottom:20px}
.office-card>a{font-size:12px;line-height:1.7;overflow-wrap:anywhere;margin-bottom:10px}.office-card .office-directions{color:var(--red);margin-top:auto;padding-top:20px}
.office-photo{position:relative;margin:0;min-height:470px;overflow:hidden;border-radius:16px;background:#dfdfda}
.office-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%}
.office-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:50px 24px 22px;background:linear-gradient(transparent,#172021b8);color:#fff;font-size:13px}
@media(max-width:800px){.office-dialog{padding:52px 20px 24px;border-radius:20px}.office-layout{grid-template-columns:1fr}.office-card{padding:24px}.office-photo{min-height:360px}.office-card h2{font-size:28px}}

.office-dialog{padding-top:48px;padding-bottom:24px;overflow:auto}.office-photo{min-height:380px;background:#d9cdbb}.office-photo img{object-fit:contain;object-position:center}

@media(max-width:800px){.office-photo{min-height:0;aspect-ratio:16/9}.office-photo figcaption{padding:30px 16px 12px;font-size:10px}}

.office-photo img{object-fit:cover;object-position:65% center}

.location-visuals{min-width:0;display:grid;gap:16px}.location-office-preview{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border:0;border-radius:12px;padding:0;width:100%;cursor:pointer;background:#d4c6b2;text-align:left;color:#fff}
.location-office-preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.location-office-preview:hover img{transform:scale(1.025)}
.location-office-label{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:center;padding:48px 20px 18px;background:linear-gradient(transparent,#211713b5);font-size:13px}.location-office-label>span:last-child{font-size:24px}
.location-visuals .location-map{height:240px;border-radius:12px}@media(max-width:800px){.location-visuals .location-map{height:260px}}

figure.location-office-preview{margin:0;cursor:default}.location-office-preview:hover img{transform:none}.location-office-label>span:last-child{font-size:13px}

.location-visuals>.location-office-preview{margin:0;min-width:0;max-width:100%;cursor:default}.location-visuals>.location-map{margin:0;width:100%;box-sizing:border-box}

.oil-editorial{grid-template-columns:1.4fr .6fr;align-items:stretch}.oil-editorial>div{height:auto}.oil-editorial video{display:block;width:100%;height:auto;aspect-ratio:1920/1012;object-fit:contain;background:#e8e5dc}.oil-editorial-photo{position:relative;background:#e8e5dc}.oil-editorial-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}@media(max-width:800px){.oil-editorial{grid-template-columns:1fr}.oil-editorial>.oil-editorial-photo{height:420px}}
/* Desktop dragging stays immediate; snap and arrow scrolling resume on release. */
.application-rail{cursor:grab;user-select:none;-webkit-user-select:none}
.application-rail a,.application-rail img{cursor:grab;-webkit-user-drag:none}
.application-rail.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}
.application-rail.is-dragging a,.application-rail.is-dragging img{cursor:grabbing}