/* Atmosphere lives behind the content; evidence photographs remain untouched. */
.site-orla{opacity:.10;background-size:560px auto;background-position:left top;z-index:0}
body>main,body>.footer{position:relative;z-index:1}
.hero-atmosphere{display:block;width:100%;max-width:none;min-height:680px;padding:96px 0 32px;isolation:isolate;overflow:hidden}
.hero-background{position:absolute;inset:0;z-index:-2;background:#f0d0c0}
.hero-background video{width:100%;height:100%;object-fit:cover;object-position:center 42%;opacity:.44}
.hero-atmosphere:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff5f0f5 0%,#fff5f0df 32%,#fff5f05c 75%),linear-gradient(0deg,#fff5f0 0%,#fff5f000 40%)}
.hero-atmosphere:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('cozy-orla.png') left top/560px auto repeat;opacity:.085}
.hero-atmosphere .hero-story{padding:0}.hero-atmosphere h1{max-width:620px;font-size:clamp(44px,4.4vw,64px)}
.hero-media-controls{display:flex;gap:12px;justify-content:flex-end;margin-top:52px}
.hero-media-controls button{min-height:44px;border:1px solid #ffffff;border-radius:30px;background:#fff5f0d9;color:#004030;padding:10px 18px;font:600 13px Albert;backdrop-filter:blur(12px);cursor:pointer}
.swipe-rail{display:grid!important;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);grid-template-columns:none!important;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:4px 2px 20px;scrollbar-width:thin;scrollbar-color:#80a07070 transparent;overscroll-behavior-x:contain}
.swipe-rail>*{scroll-snap-align:start;min-width:0}.swipe-rail:focus-visible{outline:2px solid #004030;outline-offset:6px;border-radius:12px}
.rail-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;font-size:13px;color:#31584b}.rail-controls>div{display:flex;gap:12px}.rail-controls button{min-width:48px;min-height:48px;background:#fff5f0b3;border:1px solid #00403030;border-radius:50%;font-size:22px;color:#004030;cursor:pointer}.rail-controls button:disabled{opacity:.35;cursor:default}
.result-card{border:1px solid #fff;background:linear-gradient(130deg,#fff5f0d9,#f0d0c09c);border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #00403008;display:flex;flex-direction:column}
.result-card .result-open{border:0;border-radius:0;background:#fff5f066;padding:16px;flex-shrink:0}.result-card .result-open img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:12px;opacity:1;filter:none}
.result-card-copy{padding:8px 24px 28px;display:flex;flex-direction:column;flex:1}.result-card h3{font-size:23px;line-height:1.4;margin:12px 0 24px}.result-card-copy .link{margin-top:auto;font-size:14px}.result-context{font-size:13px;margin-top:24px}
.clean-card>img{opacity:.68;object-fit:contain;height:220px}.clean-card>div{background:linear-gradient(125deg,#fff5f0cf,#f0d0c0b5)}
.brand-care{background:linear-gradient(135deg,#fff5f0b8,#f0d0c0b8)!important;min-height:340px}
.brand-care:before{content:'';position:absolute;inset:0;background:url('cozy-orla.png') left top/420px auto repeat;opacity:.1;pointer-events:none;z-index:-1}
.protocol-card.brand-care{padding-top:32px!important;justify-content:flex-start}.protocol-card.brand-care .card-bottom{margin-top:auto}
.clean-card.brand-care>div{display:flex;flex-direction:column;justify-content:center;background:transparent;padding:32px;min-height:100%}.clean-card.brand-care .card-link{margin-top:auto;padding-top:32px}
.care-card-photo{background:#f0d0c080;height:210px}.care-card-photo img{opacity:.68}.care-card-photo.is-proof img{opacity:1}.care-card-photo.is-proof:after{display:none}
.protocols{background:linear-gradient(135deg,#f0d0c080,#ffe0e05c 65%,#fff5f040)}
.unit{overflow:hidden;padding:0 24px 28px;display:flex;flex-direction:column;border-radius:24px;box-shadow:0 12px 32px #00403008}.unit-photo{margin:0 -24px 24px;background:linear-gradient(140deg,#f0d0c099,#fff5f066);height:240px;position:relative;flex-shrink:0}.unit-photo img{display:block;width:100%;height:100%;object-fit:contain;opacity:.78}.unit-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:#fff5f0e8;font:11px/1.5 Albert;padding:6px 12px;color:#004030}.unit-photo figcaption a{text-decoration:underline}.unit>.link{margin-top:auto;padding-top:20px}.unit-top{padding-top:0}
.unit-photo[hidden]{display:none}.unit:has(.unit-photo[hidden]) .unit-top{padding-top:28px}
.human-strip figure img{opacity:.88}.product-stage{background:linear-gradient(130deg,#fff5f0b0,#f0d0c088)!important}.combo-photo img{opacity:.88}.combo-body{background:linear-gradient(120deg,#fff5f0d9,#f0d0c088)}
@media(max-width:1000px){.swipe-rail{grid-auto-columns:calc((100% - 24px)/2)}.hero-atmosphere{min-height:620px;padding-top:64px}}
@media(max-width:760px){.hero-atmosphere{padding:56px 0 24px;min-height:640px}.hero-atmosphere .hero-story{padding:0 4px}.hero-atmosphere h1{font-size:42px;max-width:340px}.hero-atmosphere .hero-story>p{max-width:330px}.hero-background video{object-position:56% center;opacity:.36}.hero-atmosphere:before{background:linear-gradient(90deg,#fff5f0d9,#fff5f088),linear-gradient(0deg,#fff5f0 0%,#fff5f000 55%)}.hero-media-controls{justify-content:flex-start;margin-top:32px;flex-wrap:wrap;gap:8px}.hero-media-controls button{font-size:12px;padding:10px 14px}.swipe-rail{grid-auto-columns:88%;gap:16px}.rail-controls{margin-top:12px}.result-card-copy{padding:8px 20px 24px}.result-card h3{font-size:22px}.site-orla{opacity:.10;background-size:420px auto}.hero-atmosphere:after{background-size:420px auto}.clean-card>img{height:220px;aspect-ratio:auto}.clean-card.brand-care>div{padding:28px}.unit-photo{height:260px}.unit{padding-bottom:28px}.protocol-card.brand-care{min-height:340px}}
@media(prefers-reduced-motion:reduce){.swipe-rail{scroll-behavior:auto}}
.clean-card{min-height:340px}.clean-card>img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;opacity:.55}.clean-card>div{display:flex;flex-direction:column;justify-content:center;min-height:340px;backdrop-filter:none;background:linear-gradient(120deg,#fff5f0b5,#f0d0c080)}.clean-card.brand-care .card-link{margin-top:24px;padding-top:0}.result-open{scroll-margin-block:128px}
.skin-editorial{margin-top:0;margin-bottom:24px;height:220px}.skin-editorial img{object-fit:cover;opacity:.78}.skin-editorial:after{display:none}.skin-editorial figcaption{position:absolute;bottom:8px;left:12px;padding:3px 8px;border-radius:12px;background:#fff5f0eb;color:#31584b;font-size:11px;line-height:1.5}.illustration-label{margin-top:16px;font-size:11px;line-height:1.6}.clean-card>div{background:linear-gradient(120deg,#fff5f0e8,#f0d0c0bb)}
.skin-detail{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:24px 0 56px}.skin-detail figure{margin:0}.skin-detail img{width:100%;height:auto;border-radius:24px;display:block;opacity:.88}.skin-detail figcaption{font-size:12px;margin-top:12px;color:#31584b}.skin-detail h2,.skin-next h2{font-size:36px;margin:16px 0 24px}.skin-detail p{font-size:18px;line-height:1.85;margin-bottom:28px}.skin-detail .btn{white-space:normal;text-align:center}.skin-next{padding:32px 0 80px}.skin-next ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:steps}.skin-next li{background:#fff5f0c9;border:1px solid #fff;border-radius:24px;padding:28px;counter-increment:steps}.skin-next li:before{content:'0'counter(steps);display:block;font:500 32px MyFaceFraunces;color:#91463e;margin-bottom:16px}.skin-next li p{font-size:16px;margin-top:16px}.skin-next .link{margin-top:24px;display:inline-block;max-width:100%}
@media(max-width:760px){.skin-detail{grid-template-columns:1fr;gap:28px;padding-top:16px}.skin-detail h2,.skin-next h2{font-size:30px}.skin-detail p{font-size:17px}.skin-next ol{grid-template-columns:1fr}.skin-next{padding-top:0}.skin-editorial{height:190px}.clean-card>div{padding:24px;min-height:360px}}