.concept{--concept-cream:#f7ecdc;--concept-navy:#0b2238;scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior-y:contain;background:var(--concept-cream);color:#332325;height:100svh;overflow:clip auto}.concept *,.concept :before,.concept :after{box-sizing:border-box}.concept a:focus-visible,.concept button:focus-visible{outline-offset:5px;outline:2px solid #e7a875}.concept-rail{z-index:13;background:var(--concept-navy);width:70px;color:var(--concept-cream);flex-direction:column;align-items:center;padding:38px 0 26px;display:flex;position:fixed;inset:0 auto 0 0}.concept-rail__toggle{width:42px;color:inherit;cursor:pointer;background:0 0;border:0;gap:6px;padding:7px 3px;display:grid}.concept-rail__toggle span{background:currentColor;height:2px;transition:transform .25s,opacity .25s}.concept-rail__toggle[aria-expanded=true] span:first-child{transform:translateY(8px)rotate(45deg)}.concept-rail__toggle[aria-expanded=true] span:nth-child(2){opacity:0}.concept-rail__toggle[aria-expanded=true] span:last-child{transform:translateY(-8px)rotate(-45deg)}.concept-rail i{background:#f7ecdc94;flex:1;width:1px;margin:27px 0}.concept-rail__social{font-size:28px;line-height:1}.concept-menu__backdrop{z-index:11;cursor:pointer;background:#0b10187a;border:0;position:fixed;inset:0}.concept-menu{z-index:12;background:var(--concept-cream);flex-direction:column;width:min(370px,100vw - 70px);padding:50px 34px 30px;display:flex;position:fixed;inset:0 auto 0 70px;box-shadow:20px 0 60px #0f0c1433}.concept-menu__brand{letter-spacing:.05em;align-items:center;gap:14px;font:500 31px/.9 Cormorant Garamond,serif;display:flex}.concept-menu__brand img{object-fit:cover;border-radius:50%;width:64px;height:64px}.concept-menu__brand small{letter-spacing:.35em;margin-top:8px;font:500 8px DM Sans,sans-serif;display:block}.concept-menu__links{margin:auto 0;display:grid}.concept-menu__links a{border-bottom:1px solid #33232540;padding:19px 0 14px;font:500 clamp(38px,4vw,52px)/.9 Cormorant Garamond,serif}.concept-menu__links a:hover,.concept-menu__links a:focus-visible{color:#9b593e}.concept-menu__instagram{letter-spacing:.2em;border-bottom:1px solid;width:fit-content;padding-bottom:5px;font-size:10px}.concept-hero,.concept-chapter,.concept-ending{scroll-snap-align:start;scroll-snap-stop:always;height:100svh;min-height:0;margin-left:70px;position:relative}.concept-hero{isolation:isolate;color:var(--concept-cream)}.concept-hero__image,.concept-hero__shade,.concept-ads__image{position:absolute;inset:0}.concept-hero__image{z-index:-2;background:url(/assets/sly-fox-homepage-hero-sunset-v1.png) 50%/cover no-repeat}.concept-hero__shade{z-index:-1;background:linear-gradient(90deg,#190f1b1f,#0000 56%),linear-gradient(#0000 65%,#180e1c59)}.concept-brand{align-items:center;gap:16px;display:flex;position:absolute;top:5%;left:3.5%}.concept-brand img{aspect-ratio:1;object-fit:cover;border:1px solid var(--concept-cream);border-radius:50%;width:clamp(90px,8vw,116px)}.concept-brand strong{letter-spacing:.07em;white-space:nowrap;font:500 clamp(38px,3.7vw,58px)/.85 Cormorant Garamond,serif;display:block}.concept-brand small{letter-spacing:.48em;align-items:center;gap:10px;margin-top:12px;font:500 10px DM Sans,sans-serif;display:flex}.concept-brand small:before,.concept-brand small:after{content:"";background:currentColor;flex:1;height:1px}.concept-hero__copy{position:absolute;top:34%;left:clamp(184px,14vw,270px)}.concept-hero__copy h1{color:#fff0dc;letter-spacing:.003em;text-shadow:0 1px 1px #ffefd759,0 2px 5px #25111c75,0 0 20px #ffc28929;font:500 clamp(44px,3.5vw,65px)/.91 Cormorant Garamond,serif;display:block}.concept-hero__copy p{letter-spacing:.23em;margin:13px 0 0;font-size:10px;font-weight:500}.concept-next{letter-spacing:.25em;align-items:center;gap:25px;font-size:10px;display:flex;position:absolute;bottom:5%;right:3%}.concept-next span{font-size:19px}.concept-chapter{padding:clamp(35px,7vh,80px) clamp(38px,6vw,105px)}.concept-kicker{letter-spacing:.3em;text-transform:uppercase;font-size:10px;font-weight:600;display:block}.concept-chapter h2,.concept-ending h2{letter-spacing:-.035em;margin:24px 0;font:500 clamp(70px,8vw,130px)/.75 Cormorant Garamond,serif}.concept-chapter h2 em,.concept-ending h2 em{font-weight:400}.concept-chapter p{max-width:350px;font-size:15px;line-height:1.65}.concept-text-link{letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid;align-items:center;gap:26px;width:fit-content;margin-top:20px;padding-bottom:8px;font-size:10px;display:inline-flex}.concept-text-link span{font-size:17px}.concept-stories{background:#f7efe4;grid-template-columns:.8fr 1.2fr;align-items:center;gap:4vw;display:grid}.concept-chapter__intro{z-index:2;position:relative}.concept-stories h2{font-size:clamp(67px,5.7vw,90px)}.concept-posters{perspective:900px;grid-template-columns:.88fr 1.12fr;align-items:end;gap:18px;display:grid}.concept-poster{min-width:0;height:min(68svh,650px);margin:0;position:relative;overflow:hidden;box-shadow:0 30px 45px #23171b2e}.concept-poster--aj{height:min(55svh,510px);transform:translateY(25px)}.concept-poster img{object-fit:cover;width:100%;height:100%}.concept-poster--aj img{object-position:48%}.concept-poster:after{content:"";background:linear-gradient(#0000,#0a0c14d6);position:absolute;inset:40% 0 0}.concept-poster figcaption{z-index:1;color:var(--concept-cream);position:absolute;inset:auto 20px 20px}.concept-poster figcaption small{letter-spacing:.2em;margin-bottom:8px;font-size:9px;display:block}.concept-poster figcaption strong{font:500 clamp(25px,2.8vw,42px)/.9 Cormorant Garamond,serif;display:block}.concept-poster--daddy figcaption{display:none}.concept-edge-note{color:#9e705b;letter-spacing:.22em;text-transform:uppercase;font-size:9px;position:absolute;bottom:22px;right:6vw}.concept-ads{isolation:isolate;color:var(--concept-cream);align-items:center;display:flex;overflow:hidden}.concept-ads__image{z-index:-2;background:url(/assets/sly-fox-homepage-hero-sunset-v1.png) 64%/cover no-repeat}.concept-ads:before{content:"";z-index:-1;background:linear-gradient(90deg,#11141ddb,#1e111a70 55%,#140c131f);position:absolute;inset:0}.concept-ads__copy{max-width:760px}.concept-ads__copy p{color:#f7ecdcdb}.concept-ads__actions{flex-wrap:wrap;gap:16px 36px;display:flex}.concept-ads__caption{letter-spacing:.25em;font-size:10px;position:absolute;bottom:28px;right:6vw}.concept-paths{background:#f6eee3}.concept-paths__heading{grid-template-columns:1.25fr .75fr;align-items:end;margin-bottom:40px;display:grid}.concept-paths__heading .concept-kicker{grid-column:1/-1}.concept-paths__heading h2{margin-bottom:0}.concept-paths__heading p{margin-bottom:5px}.concept-paths__grid{border-top:1px solid #33232540;border-bottom:1px solid #33232540;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.concept-path{border-right:1px solid #33232540;flex-direction:column;min-height:min(310px,36svh);padding:24px 22px 26px;transition:background .25s,color .25s;display:flex}.concept-path:first-child{padding-left:0}.concept-path:last-child{border-right:0}.concept-path[href]:hover{background:#e8d5c4}.concept-path small{color:#a76547;letter-spacing:.2em;font-size:9px}.concept-path h3{margin:45px 0 14px;font:500 clamp(30px,3.1vw,49px)/.9 Cormorant Garamond,serif}.concept-path p{margin:0 0 30px;font-size:13px}.concept-path>span{letter-spacing:.18em;text-transform:uppercase;margin-top:auto;font-size:10px}.concept-path--soon{color:#8c807a;background:#dbcdbe45}.concept-path--soon>span{color:#a76547}.concept-ending{text-align:center;color:var(--concept-cream);background:radial-gradient(circle at 50% 90%,#9c5549,#0000 45%),linear-gradient(145deg,#382b43,#0b2238);flex-direction:column;justify-content:center;align-items:center;padding:70px 24px;display:flex}.concept-ending h2{margin:32px 0 20px}.concept-ending p{font-size:15px}.concept-ending a{border:1px solid var(--concept-cream);letter-spacing:.2em;margin-top:33px;padding:15px 24px;font-size:11px}.concept-ending a span{margin-left:25px}.concept-ending>small{letter-spacing:.2em;opacity:.65;font-size:9px;position:absolute;bottom:26px}@media (prefers-reduced-motion:reduce){.concept{scroll-behavior:auto}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (min-width:901px){.concept>section{backface-visibility:hidden;animation:linear both concept-page-turn;animation-timeline:view();animation-range:cover}.concept-chapter__intro,.concept-ads__copy,.concept-paths__heading,.concept-ending>h2{animation:linear both concept-turn;animation-timeline:view();animation-range:entry entry 85%}.concept-posters{animation:linear both concept-arrive;animation-timeline:view();animation-range:entry}.concept-ads__image{animation:linear both concept-depth;animation-timeline:view();animation-range:entry exit}@keyframes concept-page-turn{0%{opacity:.62;transform:perspective(1200px)rotateX(-7deg)scale(.965)}50%{opacity:1;transform:perspective(1200px)rotateX(0)scale(1)}to{opacity:.62;transform:perspective(1200px)rotateX(7deg)scale(.965)}}@keyframes concept-turn{0%{opacity:.4;transform:perspective(900px)rotateX(-8deg)translateY(35px)}to{opacity:1;transform:perspective(900px)rotateX(0)translateY(0)}}@keyframes concept-arrive{0%{opacity:.5;transform:translateY(70px)rotateY(-7deg)}to{opacity:1;transform:translateY(0)rotateY(0)}}@keyframes concept-depth{0%{transform:scale(1.12)}to{transform:scale(1)}}}}@media (max-width:900px){.concept{scroll-snap-type:y proximity}.concept-rail{width:54px}.concept-menu{width:min(370px,100vw - 54px);left:54px}.concept-hero,.concept-chapter,.concept-ending{height:auto;min-height:100svh;margin-left:54px}.concept-brand{left:20px}.concept-brand img{width:68px}.concept-brand strong{font-size:31px}.concept-brand small{font-size:7px}.concept-hero__copy{top:38%;left:25px;right:20px}.concept-hero__copy h1{font-size:clamp(42px,8vw,68px)}.concept-hero__copy p{max-width:280px;line-height:1.7}.concept-chapter{padding:80px 25px}.concept-stories{grid-template-columns:1fr}.concept-posters{margin-top:20px}.concept-poster{height:48svh}.concept-poster--aj{height:39svh}.concept-paths__heading{grid-template-columns:1fr}.concept-paths__grid{grid-template-columns:1fr 1fr}.concept-path:nth-child(2){border-right:0}.concept-path:nth-child(-n+2){border-bottom:1px solid #33232540}}@media (max-width:560px){.concept-rail{width:42px}.concept-menu{width:calc(100vw - 42px);padding:30px 24px;left:42px}.concept-hero,.concept-chapter,.concept-ending{margin-left:42px}.concept-hero__image{background-position:61%}.concept-brand{top:25px;left:15px}.concept-brand img{width:55px}.concept-brand strong{font-size:24px}.concept-hero__copy{left:18px}.concept-hero__copy h1{font-size:clamp(34px,10vw,48px)}.concept-hero__copy p{font-size:8px}.concept-next{right:20px}.concept-chapter h2,.concept-ending h2{font-size:62px}.concept-posters{gap:8px}.concept-poster figcaption{inset:auto 10px 10px}.concept-poster figcaption strong{font-size:23px}.concept-poster figcaption small{font-size:7px}.concept-paths__grid{grid-template-columns:1fr}.concept-path,.concept-path:first-child{border-bottom:1px solid #33232540;border-right:0;min-height:210px;padding:22px 0}.concept-path:last-child{border-bottom:0}.concept-path h3{margin-top:25px}}
