/* Motion is progressive enhancement; navigation and content remain ordinary HTML. */
.experience-curtain{position:fixed;inset:0;z-index:9999;pointer-events:none;background:var(--curtain-color,#242a35);color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;opacity:0;transform:translateY(8%);transition:opacity .2s,transform .28s cubic-bezier(.2,.7,.2,1)}.experience-curtain.visible{opacity:1;transform:none;pointer-events:auto}.experience-curtain>span{font-size:clamp(25px,4vw,55px);font-weight:600;letter-spacing:-.04em}.experience-curtain>i{display:block;width:50px;height:2px;background:#ffffff55;transform:scaleX(.1);transition:transform .35s}.experience-curtain.visible>i{transform:scaleX(1)}.experience-curtain>span:empty+i{display:none}.experience-arrival{animation:experience-arrive .55s cubic-bezier(.2,.7,.2,1)}@keyframes experience-arrive{from{opacity:.45;transform:translateY(16px)}to{opacity:1;transform:none}}main:focus{outline:none}.experience-ready{opacity:0;transform:translateY(25px);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.experience-ready.experience-visible{opacity:1;transform:none}.cp-direction-card[data-depth-card]{transform:perspective(1100px) rotateX(var(--card-y,0deg)) rotateY(var(--card-x,0deg));transition:transform .25s ease}.cp-direction-card[data-depth-card]>img{transition:transform .65s ease}.cp-direction-card[data-depth-card]:hover>img{transform:scale(1.045)}
body[data-page=home] .editorial-carousel{margin-top:22px}body[data-page=home] .editorial-carousel .cp-slide{min-height:600px}body[data-page=home] .editorial-welcome{padding-top:85px;padding-bottom:25px}body[data-page=home] .editorial-welcome h2{font-size:clamp(50px,6.1vw,88px);font-weight:700;line-height:1.03;letter-spacing:-.065em}body[data-page=home] .editorial-welcome h2>span{color:#82828a}body[data-page=home] .editorial-carousel .cp-slide h1{font:inherit;font-size:clamp(38px,4vw,58px);line-height:1.07;font-weight:650;letter-spacing:-.05em;max-width:15ch}
.experience-section-nav{position:sticky;top:110px;z-index:35;backdrop-filter:blur(16px)}.experience-section-nav .cp-nav-link{position:relative;padding:12px 0}.experience-section-nav .cp-nav-link:after{content:'';position:absolute;bottom:1px;left:0;right:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.experience-section-nav .cp-nav-link.active:after,.experience-section-nav .cp-nav-link:hover:after{transform:scaleX(1)}.experience-hero-media img{animation:experience-float 8s ease-in-out 2}@keyframes experience-float{0%,100%{transform:scale(1.02) translateY(0)}50%{transform:scale(1.04) translateY(-7px)}}
.experience-showcase{padding-block:90px;scroll-margin-top:205px}.experience-showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:35px}.experience-showcase-heading>h2{font-size:clamp(34px,3.8vw,56px);letter-spacing:-.05em;line-height:1.1;font-weight:650}.experience-showcase [role=tablist]{display:flex;flex-wrap:wrap;gap:6px;border-radius:999px;padding:6px;background:var(--cp-soft)}.experience-showcase [role=tab]{padding:12px 20px;border-radius:999px;font-size:14px;background:transparent;color:inherit;border:0;transition:background .2s,color .2s}.experience-showcase [role=tab][aria-selected=true]{background:var(--cp-accent);color:#fff}.experience-showcase [role=tabpanel]{display:grid;grid-template-columns:1fr 1fr;background:var(--cp-soft);border-radius:32px;overflow:hidden;animation:experience-panel .4s ease}.experience-showcase [role=tabpanel][hidden]{display:none}.experience-showcase [role=tabpanel]>div{padding:55px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.experience-showcase [role=tabpanel] h2{font-size:clamp(32px,3.5vw,48px);line-height:1.1;letter-spacing:-.04em;font-weight:600}.experience-showcase [role=tabpanel] p:not(.cp-kicker){font-size:17px;line-height:1.65;margin-top:22px;max-width:43ch}.experience-showcase .experience-size{font-size:22px!important;font-weight:600;color:var(--cp-accent)}.experience-showcase [role=tabpanel] .cp-button{margin-top:30px}.experience-showcase figure{position:relative;min-height:480px;background:#f1f1f1}.experience-showcase figure img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.experience-showcase figcaption{position:absolute;bottom:18px;left:18px;right:18px;width:fit-content;max-width:calc(100% - 36px);font-size:12px;color:#fff;background:#17171799;border-radius:14px;padding:7px 11px;backdrop-filter:blur(10px)}@keyframes experience-panel{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}
.experience-story{padding:50px 0;background:var(--cp-soft);scroll-margin-top:195px}.experience-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}.experience-stage{position:sticky;top:220px;padding-block:25px}.experience-frames{position:relative;aspect-ratio:1;border-radius:32px;overflow:hidden;background:#eee}.experience-frame{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1);transform:scale(1.035)}.experience-frame.active{opacity:1;transform:scale(1);z-index:1}.experience-frame img{width:100%;height:100%;object-fit:cover}.experience-frame:nth-child(2) img{object-position:70% center;transform:scale(1.18)}.experience-frame figcaption{position:absolute;bottom:20px;left:20px;background:#15151588;color:#fff;font-size:12px;padding:7px 12px;border-radius:999px}.experience-step{min-height:75vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:70px;scroll-margin-top:200px}.experience-step h2{font-size:clamp(34px,4vw,57px);line-height:1.08;letter-spacing:-.04em;font-weight:650}.experience-step>p:not(.cp-kicker){font-size:18px;line-height:1.75;margin:28px 0;color:#777780}.experience-story-progress{display:flex;gap:7px;margin-top:20px}.experience-story-progress i{height:3px;background:#bdbdc3;flex:1;transition:background .3s}.experience-story-progress i.active{background:var(--cp-accent)}
.experience-next{padding-block:75px}.experience-next>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.experience-next a{display:flex;flex-direction:column;position:relative;background:var(--cp-soft);padding:28px;border-radius:25px;color:inherit;min-height:170px;transition:background .25s,transform .25s}.experience-next a:hover{transform:translateY(-4px)}.experience-next a>span{font-size:14px;color:#777780;margin-bottom:25px}.experience-next h3{font-size:26px;line-height:1.15;font-weight:600;letter-spacing:-.035em;max-width:20ch;padding-right:25px}.experience-next a>b{position:absolute;right:26px;bottom:25px;font-size:24px;font-weight:400}.experience-page-entrance{overflow:hidden}.experience-page-entrance:has(.experience-industry-media){display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch}.experience-page-entrance:has(.experience-industry-media)>span{display:none}.experience-page-entrance:has(.experience-industry-media)>.shell{margin:0;width:100%;padding:65px 5vw}.experience-page-entrance:has(.experience-industry-media) h1{font-size:clamp(40px,5vw,70px)}.experience-industry-media{margin:28px 4vw 28px 0;border-radius:30px;overflow:hidden;min-height:350px;background:#f0f0f0}.experience-industry-media img{width:100%;height:100%;max-height:600px;object-fit:contain;mix-blend-mode:multiply}
body[data-brand=craft] .experience-showcase [role=tabpanel]{background:#241910}body[data-brand=craft] .experience-showcase [role=tab][aria-selected=true]{background:#ffedd7;color:#241910}body[data-brand=craft] .experience-showcase .cp-button,body[data-brand=craft] .experience-step .cp-button{background:#ffedd7;color:#241910}body[data-brand=craft] .experience-step>p:not(.cp-kicker),body[data-brand=craft] .experience-next a>span{color:#bfb0a0}body[data-brand=craft] .experience-story{background:#100904}body[data-brand=craft] .experience-frame,body[data-brand=craft] .experience-frames{border-radius:14px}body[data-brand=craft] .experience-story-progress i{background:#40372e}body[data-brand=craft] .experience-story-progress i.active{background:#d4b298}body[data-brand=craft] .experience-next a{background:#241910;color:#ffedd7}
@media(max-width:1100px){.experience-showcase-heading{align-items:flex-start;flex-direction:column}.experience-showcase [role=tabpanel]>div{padding:35px}.experience-story-grid{gap:40px}.experience-stage{top:200px}.experience-step{min-height:65vh}}
@media(max-width:700px){body[data-page=home] .editorial-carousel .cp-slide{min-height:0}body[data-page=home] .editorial-carousel .cp-slide h1{font-size:36px;line-height:1.08;max-width:17ch}body[data-page=home] .editorial-carousel{margin-top:10px}body[data-page=home] .editorial-welcome{padding-top:48px;padding-bottom:5px}body[data-page=home] .editorial-welcome h2{font-size:clamp(44px,11.5vw,63px);line-height:1.06}.experience-section-nav{top:102px}.experience-section-nav .cp-nav-link{font-size:13px}.experience-showcase{padding-block:48px}.experience-showcase [role=tablist]{border-radius:20px}.experience-showcase [role=tab]{font-size:13px;padding:10px 15px}.experience-showcase [role=tabpanel]{grid-template-columns:1fr;border-radius:25px}.experience-showcase figure{min-height:290px}.experience-showcase [role=tabpanel]>div{padding:28px}.experience-showcase [role=tabpanel] h2{font-size:33px}.experience-showcase [role=tabpanel] p:not(.cp-kicker){font-size:16px}.experience-story{padding-block:30px}.experience-story-grid{grid-template-columns:1fr;gap:0}.experience-stage{position:relative;top:auto;padding-top:10px}.experience-frames{aspect-ratio:1.2}.experience-step{min-height:0;padding:35px 0}.experience-step h2{font-size:34px}.experience-step>p:not(.cp-kicker){font-size:16px;line-height:1.65;margin:22px 0}.experience-step+.experience-step{border-top:1px solid var(--cp-border)}.experience-next{padding-block:48px}.experience-next>div{grid-template-columns:1fr;gap:13px}.experience-next a{min-height:140px;padding:24px}.experience-next h3{font-size:25px}.experience-next a>span{margin-bottom:18px}.experience-page-entrance:has(.experience-industry-media){grid-template-columns:1fr}.experience-page-entrance:has(.experience-industry-media)>.shell{padding:40px 24px}.experience-industry-media{margin:0 22px 25px;min-height:230px;max-height:300px}.experience-industry-media img{height:280px}}
@media(prefers-reduced-motion:reduce){.experience-curtain{display:none!important}.experience-ready{opacity:1;transform:none}.experience-arrival,.experience-hero-media img{animation:none!important}.experience-frame{transition:none}.experience-stage{position:relative;top:auto}.experience-step{min-height:0;padding-block:50px}.cp-direction-card[data-depth-card]{transform:none!important}}
