:root{--blood:#790d1a;--black:#000;--paper:#ebe9e0;--gold:#b49b64;--white:#efefec;--line:#282828;--display:Impact,'Arial Narrow',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:var(--white);font:16px/1.6 Arial,Helvetica,sans-serif}#skol-experience{background:#000;isolation:isolate;color:var(--white)}#skol-experience h1,#skol-experience h2,#skol-experience h3{color:var(--white)}#skol-experience .rating-link,#skol-experience .review-total{color:#cacac6}#skol-experience .hero-title h1{color:var(--white)}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a,select{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:.98;letter-spacing:-.02em}p{color:#b8b8b5}h2{font-size:clamp(46px,11vw,90px)}.eyebrow,.chapter{font:11px/1.5 Arial;letter-spacing:.13em;color:#a3a3a0;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;left:10px;top:-100px;background:white;color:black;z-index:200;padding:10px}.skip:focus{top:10px}.announcement{background:var(--blood);color:#fff;text-align:center;font-size:10px;line-height:1.65;padding:9px 14px;font-weight:700;letter-spacing:.025em}.announcement span{display:block}.signature{padding:30px 0 20px;background:#000;position:relative;overflow:hidden;scroll-margin-top:8px}.hero-title{text-align:center;padding:0 15px}.hero-title h1{font-size:clamp(54px,15vw,105px);margin:13px 0 18px}.hero-title i{font-style:normal;color:#e4e4df}.rating-link{font-size:11px;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.stars{color:#ddb900;letter-spacing:2px;font-size:15px}.swipe-stage{position:relative;height:365px;max-height:48svh;min-height:275px;touch-action:pan-y;user-select:none;cursor:grab;overflow:hidden}.swipe-stage:active{cursor:grabbing}.fragrance-scene{position:absolute;inset:0;pointer-events:none;will-change:transform}.big-word{position:absolute;top:32%;left:-10%;width:120%;text-align:center;font-family:var(--display);font-size:clamp(62px,17vw,180px);line-height:.8;color:var(--tone,#27221b);opacity:.68;white-space:nowrap;transform:rotate(-7deg)}.halo{position:absolute;inset:10% 5%;background:radial-gradient(ellipse,var(--tone,#35281d),transparent 65%);opacity:.24;z-index:-1}.bottle-wrap{position:absolute;inset:0;display:grid;place-items:center;filter:drop-shadow(0 15px 14px #000);z-index:3;animation:bob 6s ease-in-out infinite}.bottle-wrap img{position:absolute;max-width:none;width:370px;height:370px;object-fit:contain}.character{position:absolute;width:130px;aspect-ratio:1;left:calc(50% - 196px);top:25%;z-index:2;animation:characterFloat 5s ease-in-out infinite;filter:drop-shadow(0 8px 6px #0008)}.character-right{left:auto;right:calc(50% - 196px);top:50%;animation-delay:-2.5s}.character-extra{width:80px;left:calc(50% - 155px);top:58%;animation-delay:-1.3s;display:none}.character-art{width:100%;height:100%;background-repeat:no-repeat;background-size:400% 400%;transform:rotate(-8deg);transition:filter .2s}.character-right .character-art{transform:rotate(9deg)}.fragrance-scene[data-mood=smooth] .bottle-wrap{animation-duration:9s}.fragrance-scene[data-mood=smooth] .character{animation-duration:9s}.fragrance-scene[data-mood=royal] .character-right{top:21%;animation-name:royalBob}.fragrance-caption{text-align:center;padding:0 18px}.fragrance-caption h2{font-size:32px;margin:9px 0}.fragrance-caption p{font-size:14px;min-height:23px;color:#cacac6}.swipe-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin:18px 0}.swipe-controls>span{font-size:10px;letter-spacing:.1em;color:#a0a09c}.round{border:1px solid #454545;background:#080808;width:44px;height:44px;border-radius:50%;font-size:23px}.round:hover{border-color:var(--gold)}.buy-controls{max-width:420px;margin:auto;padding:0 20px}.buy-controls select{display:block;width:100%;border:1px solid #454545;padding:13px 12px;background:#080808;color:white;border-radius:0;font-size:14px;margin-bottom:10px}.button{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;min-height:54px;font-weight:700;font-size:13px;letter-spacing:.035em;text-transform:uppercase;width:100%;border:1px solid #454545;transition:background .2s}.primary{background:var(--blood);border-color:var(--blood);color:#fff}.primary:hover{background:#951126}.primary:disabled{opacity:.45;cursor:not-allowed}.availability{min-height:20px;font-size:11px;text-align:center;margin-top:7px}.trust-line{display:flex;justify-content:center;gap:12px;padding:12px 12px 0;font-size:10px;flex-wrap:wrap}.motion-control{display:block;margin:16px auto 0;border:0;border-bottom:1px solid #777;color:#aaa;background:none;font-size:11px;padding:3px}.scroll-invitation{display:flex;justify-content:center;align-items:center;gap:15px;font-size:10px;letter-spacing:.1em;margin:8px 0 0;color:#999}.scroll-invitation span{font-size:23px}.scroll-story{position:relative;background:#000;height:110svh}.pinned{position:sticky;top:0;height:100svh;min-height:520px;overflow:hidden;padding:30px 24px 80px;background:#000;display:flex;flex-direction:column;justify-content:center}.chapter{position:absolute;top:25px;left:24px;right:24px;font-size:10px}.scroll-meter{position:absolute;bottom:65px;left:24px;right:24px;background:#252525;height:1px}.scroll-meter span{display:block;height:1px;background:#9e9279;width:0}.trust-story{height:110svh}.presence{height:115svh}.presence-word{text-align:left}.presence-word h2{font-size:clamp(52px,13vw,120px);line-height:1.05}.presence-word h2 span{color:#aaa}.presence-word p{font-size:20px;line-height:1.5;margin:30px 0;max-width:420px;min-height:64px}.presence-pills{display:flex;gap:8px;flex-wrap:wrap}.presence-pills span{border:1px solid #484848;padding:7px 10px;font-size:10px;letter-spacing:.12em;color:#aaa}.presence-pills span.active{color:#eee;border-color:#aaa}.ticker{overflow:hidden;background:#000;border-top:1px solid #444;border-bottom:1px solid #444;padding:10px 0}.ticker-track{display:flex;width:max-content;animation:ticker 40s linear infinite;font-family:var(--display);font-size:27px;color:#ccc}.ticker-track span{white-space:nowrap}.notes{height:620svh}.notes-heading{position:absolute;top:70px;left:24px;right:24px;font-size:36px;line-height:1.03}.note-stage{position:absolute;left:27px;right:27px;top:190px;bottom:115px;perspective:1000px;max-width:470px;margin:auto}.note{position:absolute;inset:0;background:var(--paper);color:#151515;padding:28px 25px 23px;box-shadow:0 7px 24px #0006;transform:translateY(120vh) rotate(var(--angle));transform-origin:50% 85%;border:1px solid #d3d0c6;display:flex;flex-direction:column;justify-content:center;will-change:transform,opacity}.note:before{content:'';position:absolute;width:76px;height:24px;top:-12px;left:calc(50% - 38px);background:#bfb7a49c;transform:rotate(-4deg);border-left:1px dashed #ddd;border-right:1px dashed #ddd}.note-num{font-size:11px;letter-spacing:.15em;color:#6a665c}.note h3{font-size:clamp(30px,8.5vw,45px);margin:18px 0;line-height:1.04}.note p{font-size:16px;line-height:1.6;color:#44413b}.note small{font-size:9px;letter-spacing:.09em;margin-top:23px;padding-top:14px;border-top:1px solid #b9b5aa}.note-position{position:absolute;bottom:83px;left:24px;font-size:11px;color:#aaa}.people{height:290svh}.people-visual{position:absolute;inset:12% 0 35%;overflow:hidden}.people-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000,transparent 75%)}.people-visual img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.62);transform:scale(1.1)}.story-copy{position:absolute;left:24px;right:24px;top:48%;max-width:700px}.story-copy h2{font-size:clamp(43px,11vw,90px)}.story-copy p{font-size:17px;max-width:450px;margin-top:20px;min-height:80px;line-height:1.6}.giving{height:220svh}.giving-copy{max-width:760px}.since{letter-spacing:.16em;color:var(--gold);font-size:11px}.giving h2{font-size:clamp(78px,22vw,150px);margin:20px 0}.giving p{max-width:560px;font-size:16px;line-height:1.65}.giving-detail{margin-top:24px;color:#ddd;font-size:14px!important}.giving small{display:block;font-size:10px;letter-spacing:.13em;margin-top:25px;color:#777}.ritual{height:520svh}.ritual .pinned{justify-content:flex-start;padding-top:75px}.ritual-title{position:relative;z-index:2;pointer-events:none}.ritual-title h2{font-size:clamp(39px,10vw,80px)}.ritual-title span{color:#bdbbb5}.ritual-step{margin-top:26px;z-index:2;pointer-events:none;max-width:590px}.ritual-step>span{font-size:11px;color:var(--gold);letter-spacing:.1em}.ritual-step h3{font:700 21px/1.25 Arial;margin:10px 0}.ritual-step p{font-size:15px;line-height:1.65;max-width:470px}.magic-field{position:absolute;left:0;right:0;top:48%;bottom:75px;overflow:hidden;isolation:isolate}.magic-field canvas{width:100%;height:100%;display:block;touch-action:none}.magic-field>span{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.16em;color:#777;pointer-events:none}.reviews{height:700svh}.reviews .pinned{justify-content:flex-start;padding-top:70px}.judge-shell{width:100%;max-width:950px;margin:0 auto;font-family:Arial,sans-serif}.judge-shell h2{text-align:center;font:700 24px/1.3 Arial;text-transform:none;letter-spacing:0;margin-bottom:20px}.judge-summary{display:flex;justify-content:center;gap:25px;padding-bottom:20px}.judge-score{display:flex;flex-direction:column;text-align:center;align-items:center;font-size:12px;gap:3px}.judge-score strong{font-size:15px}.judge-score small{font-size:10px;color:#aaa}.rating-bars{display:none;min-width:210px}.rating-bar{display:flex;align-items:center;gap:8px;font-size:11px}.rating-bar>span{min-width:55px;color:#ddb900}.rating-bar>i{background:#232323;width:120px;height:9px}.rating-bar>i>b{background:#ddb900;height:100%;display:block}.judge-filter{border-top:1px solid #383838;border-bottom:1px solid #383838;padding:13px 0;display:flex;justify-content:space-between;gap:10px;font-size:11px}.judge-filter a{color:#aaa;text-decoration:underline}.review-deck{position:relative;margin-top:20px;height:340px}.judge-review{position:absolute;inset:0;opacity:0;transform:translateY(25px);pointer-events:none;overflow:auto;scrollbar-width:thin;background:#000}.judge-review.active{opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity .4s,transform .5s}.review-meta{display:flex;align-items:center;gap:10px;font-size:13px}.avatar{width:35px;height:35px;background:#222;display:grid;place-items:center;color:#ccc;font-size:15px}.verified{font-size:10px;color:#bbb;display:block}.review-date{margin-left:auto;font-size:10px;color:#999}.judge-review .stars{margin:14px 0 9px;font-size:16px}.review-title{font:700 16px/1.4 Arial;text-transform:none;letter-spacing:0;margin-bottom:8px}.review-body{font-size:14px;line-height:1.65;color:#ddd}.review-product{margin-top:15px;font-size:11px;color:#aaa;text-decoration:underline}.review-pagination{border-top:1px solid #333;padding:10px 0;font-size:11px;text-align:center;color:#aaa}.finish{padding:85px 24px 120px;text-align:center;background:#000}.finish h2{font-size:clamp(64px,17vw,130px);margin:20px 0 32px}.finish .button{max-width:350px;margin:0 auto 23px}.signature-dock{position:fixed;bottom:0;left:0;right:0;background:#000e;border-top:1px solid #333;padding:10px 18px calc(10px + env(safe-area-inset-bottom));z-index:40;backdrop-filter:blur(10px)}.signature-dock a{display:flex;align-items:center;justify-content:space-between;max-width:540px;margin:auto;min-height:34px;font-size:12px;letter-spacing:.07em;font-weight:bold}.signature-dock span{font-size:20px}.toast{position:fixed;z-index:70;left:20px;right:20px;bottom:82px;max-width:480px;margin:auto;padding:20px;background:#171717;border:1px solid #666;box-shadow:0 12px 35px #000;color:#eee;font-size:14px;display:none}.toast.visible{display:block}.preview-footnote{font-size:10px;color:#777;text-align:center;padding:0 20px 90px}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}.motion-off .scroll-story{height:auto!important}.motion-off .pinned{height:auto;min-height:0;position:relative;padding:85px 24px 70px}.motion-off .notes-heading{position:static;margin-bottom:40px}.motion-off .note-stage{position:static;display:grid;gap:35px;max-width:470px}.motion-off .note{position:relative;transform:rotate(var(--angle))!important;opacity:1!important;min-height:330px}.motion-off .people-visual{position:relative;height:350px;inset:auto}.motion-off .story-copy{position:relative;inset:auto}.motion-off .people-visual img{transform:none!important}.motion-off .review-deck{height:auto}.motion-off .judge-review{position:relative;opacity:1;transform:none;margin:25px 0;padding-bottom:25px;border-bottom:1px solid #333}.motion-off .magic-field{position:relative;height:300px;inset:auto}.motion-off .scroll-meter,.motion-off .note-position{display:none}@keyframes bob{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -10px;rotate:3deg}}@keyframes characterFloat{0%,100%{translate:0 0;rotate:-6deg}50%{translate:5px -14px;rotate:6deg}}@keyframes royalBob{0%,100%{translate:0 0;rotate:0deg}45%{translate:0 -22px;rotate:9deg}60%{translate:0 -18px;rotate:-5deg}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(min-width:760px){.announcement span{display:inline}.announcement{font-size:12px}.signature{padding-top:45px}.hero-title h1{font-size:94px}.swipe-stage{height:430px;max-height:none}.bottle-wrap img{width:430px;height:430px}.character{width:195px;left:calc(50% - 330px);top:25%}.character-right{left:auto;right:calc(50% - 330px)}.character-extra{width:115px;left:calc(50% - 265px)}.big-word{font-size:165px}.fragrance-caption h2{font-size:44px}.rating-link{font-size:13px}.trust-line{font-size:12px;gap:24px}.chapter{top:40px;left:7%;right:7%;font-size:11px}.pinned{padding:70px 10% 100px}.presence-word{max-width:1100px;margin:auto;width:100%}.notes-heading{left:10%;top:20%;font-size:55px;width:35%}.note-stage{left:50%;right:9%;top:20%;bottom:20%;max-width:520px}.note{padding:40px}.note h3{font-size:47px}.note-position{left:10%;bottom:25%}.note p{font-size:18px}.people-visual{inset:10% 35% 5% 5%}.story-copy{left:50%;right:8%;top:28%}.story-copy p{font-size:20px}.giving-copy{margin:auto;width:100%}.ritual .pinned{padding-top:110px}.ritual-title h2{font-size:76px}.ritual-step{margin-top:38px}.ritual-step h3{font-size:27px}.magic-field{left:42%;top:22%;bottom:90px}.ritual-step p{max-width:410px}.reviews .pinned{padding-top:100px}.judge-shell h2{font-size:30px}.rating-bars{display:block}.judge-summary{gap:60px}.judge-score{font-size:14px}.judge-score strong{font-size:18px}.judge-filter{font-size:13px}.review-deck{height:320px}.review-body{font-size:16px}.judge-review{padding:0 10px}.review-title{font-size:18px}.review-meta{font-size:15px}.review-date{font-size:12px}.signature-dock{padding-top:12px;padding-bottom:12px}.signature-dock a{font-size:13px}.finish{padding-top:130px;padding-bottom:160px}}
@media(max-height:700px) and (max-width:759px){.pinned{min-height:520px}.notes-heading{top:60px;font-size:28px}.note-stage{top:145px;bottom:105px}.note{padding:22px}.note h3{font-size:29px;margin:12px 0}.note p{font-size:14px}.note small{margin-top:15px;padding-top:10px}.ritual .pinned{padding-top:58px}.ritual-title h2{font-size:33px}.ritual-step{margin-top:20px}.magic-field{top:58%}.review-deck{height:240px}.reviews .pinned{padding-top:58px}.judge-summary{padding-bottom:12px}.judge-shell h2{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.signature.offscreen .character,.signature.offscreen .character-art,.signature.offscreen .halo{animation-play-state:paused}
/* Fragrance stories: each composition has its own movement, with a quieter continuous journey. */
#journey-atmosphere{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:8;mix-blend-mode:screen}#scent-atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.fragrance-scene{z-index:2}.character,.bottle-wrap{animation:none}.character{width:142px;left:calc(50% - 199px);top:23%}.character-right{left:auto;right:calc(50% - 199px);top:48%}.character-art,.character-right .character-art{transform:none}.character-extra{display:none!important}.fragrance-scene[data-scent=oak] .character-left{width:173px;left:calc(50% - 215px);top:9%}.fragrance-scene[data-scent=don] .character-left,.fragrance-scene[data-scent=money] .character-right{width:150px}.fragrance-scene[data-scent=royal] .character-right{top:20%}.fragrance-scene[data-scent=cedar] .character,.fragrance-scene[data-scent=sandalwood] .character{top:40%}.fragrance-scene[data-scent=black] .character-left,.fragrance-scene[data-scent=urban] .character-right{width:150px}.fragrance-caption .fragrance-feeling{font-size:13px;color:#9c8a69;line-height:1.45;margin:7px auto 0;max-width:340px;min-height:38px}.scroll-invitation{font:clamp(25px,7vw,43px)/1.1 var(--display);letter-spacing:-.01em;color:#e5e3dd;margin:30px 24px 0;justify-content:space-between;text-align:left}.scroll-invitation span{font:35px Arial;animation:invite 2.3s ease-in-out infinite}.signature{padding-bottom:0}.presence{height:115svh}.presence .pinned{padding-top:10px;padding-bottom:40px}.presence-word{width:100%;text-align:center;position:relative}.presence-intro{font-size:12px!important;letter-spacing:.1em;min-height:0!important;margin:0 0 25px!important;max-width:none!important}.benefit-word{font-family:var(--display);font-size:clamp(66px,20vw,190px);line-height:.92;letter-spacing:-.025em;white-space:pre-line;will-change:transform,opacity;min-height:1.84em;display:flex;align-items:center;justify-content:center}.presence-word #presence-line{margin:24px auto 0;font-size:19px;min-height:56px;max-width:310px}.presence-pills{display:none}.ticker{padding:13px 0}.ticker-track{animation-duration:16s;font-size:25px}.notes{height:340svh}.notes-heading{top:64px;font-size:32px}.note-stage{top:155px;bottom:95px}.note{justify-content:center;padding:28px 24px;backface-visibility:hidden}.note small{font-size:10px;line-height:1.5}.note-position{bottom:66px}.people,.giving{height:auto}.people .pinned,.giving .pinned{position:relative;height:auto;min-height:0;overflow:hidden}.people .pinned{padding:75px 24px 55px}.people-visual{position:relative;inset:auto;height:330px;margin:0 -24px}.story-copy{position:relative;inset:auto;margin-top:-85px;z-index:2}.story-copy p{font-size:16px;min-height:0}.giving .pinned{padding:85px 24px 75px}.giving h2{margin:15px 0 25px}.giving-copy{position:relative;z-index:2}.giving-detail{margin-top:20px}.ritual{height:auto;position:relative;padding:80px 24px 40px;background:#000}.ritual-title{position:relative}.ritual-title h2{font-size:clamp(40px,11vw,80px)}.ritual-steps{margin-top:30px;max-width:900px}.ritual-step{pointer-events:auto;margin:0;padding:26px 0 32px;border-top:1px solid #27251f;position:relative}.ritual-step h3{font-size:23px;margin:10px 0 12px}.ritual-step p{font-size:16px;max-width:490px}.ritual-step>span{font-size:12px}.reviews{height:auto;position:relative;background:#000}.reviews .pinned{position:relative;height:auto;min-height:0;padding:80px 24px 35px;overflow:visible}.review-deck{height:auto;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:28px;position:relative;touch-action:pan-x pan-y}.review-deck::-webkit-scrollbar{display:none}.judge-review,.judge-review.active{position:relative;inset:auto;flex:0 0 100%;min-width:0;opacity:1;transform:none;pointer-events:auto;scroll-snap-align:start;overflow:visible;min-height:260px;padding-bottom:20px}.review-product{font-size:11px;line-height:1.5;max-width:95%}.review-controls{display:flex;align-items:center;justify-content:center;gap:25px;border-top:1px solid #333;padding:15px 0}.review-controls>span{font-size:10px;letter-spacing:.12em;color:#aaa;text-align:center}.review-controls b{display:block;font-weight:400;font-size:12px;padding-top:4px}.review-controls .round:disabled{opacity:.3;cursor:default}.finish{padding-top:50px}.routine-cart{color:#eee;background:#0b0b0b;border:1px solid #373737;margin:0 0 0 auto;top:0;right:0;width:min(440px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:24px 22px calc(24px + env(safe-area-inset-bottom));overflow:auto}.routine-cart::backdrop{background:#000b;backdrop-filter:blur(4px)}.cart-head{display:flex;justify-content:space-between;align-items:center}.routine-cart h2{font-size:46px;margin:22px 0 8px}.routine-cart #cart-scent{color:var(--gold);font-size:21px}.cart-oil,.cart-total{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:23px 0;border-bottom:1px solid #333}.routine-cart h3{font-size:29px;margin:32px 0 12px}.cart-intro{font-size:14px}.routine-options{margin:20px 0}.routine-options label{display:flex;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid #333;font-size:14px}.routine-options input{appearance:auto;accent-color:var(--blood);width:20px;height:20px;flex-shrink:0}.routine-options small{display:block;font-size:11px;color:#999;margin-top:5px}.routine-options b{margin-left:auto;font-size:13px;white-space:nowrap}.routine-options label:has(input:disabled){opacity:.4}.cart-total{border:0;margin-bottom:16px}.cart-demo-note{font-size:11px;text-align:center;margin-top:16px;color:#888}.routine-cart .availability{font-size:12px;line-height:1.5}.motion-off #journey-atmosphere,.motion-off #scent-atmosphere{display:none}.motion-off .benefit-word{min-height:0;font-size:clamp(47px,12vw,100px);line-height:1.2}.motion-off .review-deck{display:flex;height:auto}.motion-off .judge-review{margin:0;transform:none}.motion-off .people-visual{height:330px}.motion-off .story-copy{margin-top:-70px}.motion-off .presence-word{transform:none!important}.motion-off .note{margin:0!important}.motion-off .ritual-step{opacity:1!important;transform:none!important}.motion-off .giving-copy{transform:none!important}
@keyframes invite{50%{transform:translateY(7px)}}
@media(min-width:760px){.scroll-invitation{max-width:650px;margin:35px auto 0}.character{width:205px;left:calc(50% - 320px);top:24%}.character-right{left:auto;right:calc(50% - 320px);top:44%}.fragrance-scene[data-scent=oak] .character-left{width:250px;left:calc(50% - 350px);top:8%}.fragrance-scene[data-scent=don] .character-left,.fragrance-scene[data-scent=money] .character-right{width:225px}.fragrance-scene[data-scent=black] .character-left,.fragrance-scene[data-scent=urban] .character-right{width:215px}.fragrance-caption .fragrance-feeling{font-size:15px;max-width:500px;min-height:23px}.presence .pinned{padding-left:10%;padding-right:10%}.presence-word #presence-line{max-width:600px;font-size:24px}.presence-intro{font-size:14px!important}.benefit-word{white-space:normal;font-size:clamp(120px,14vw,190px);min-height:1.2em}.notes-heading{top:30%;left:8%;width:37%;font-size:50px}.note-stage{top:17%;bottom:16%;left:50%;right:7%}.note{padding:38px}.note-position{left:8%;bottom:32%}.people .pinned{padding:75px 8% 65px;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.people-visual{height:480px;margin:0}.story-copy{margin:0}.story-copy h2{font-size:clamp(55px,6vw,85px)}.story-copy p{font-size:18px}.giving .pinned{padding:95px 10% 80px}.giving h2{font-size:130px}.ritual{padding:100px 10% 60px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.ritual-title{position:sticky;top:140px}.ritual-title h2{font-size:65px}.ritual-steps{margin:0}.ritual-step{padding:32px 0 45px}.ritual-step h3{font-size:27px}.reviews .pinned{padding:90px 10% 55px}.judge-review,.judge-review.active{min-height:240px}.judge-shell{max-width:850px}.finish{padding-top:65px}.motion-off .people-visual{height:480px}.motion-off .story-copy{margin:0}}
@media(max-height:700px) and (max-width:759px){.notes-heading{top:55px;font-size:27px}.note-stage{top:135px;bottom:90px}.note h3{font-size:28px}.note p{font-size:14px}.note small{font-size:9px}.benefit-word{font-size:20vw}.pinned{min-height:480px}.people-visual{height:280px}.reviews .pinned{padding-top:70px}.review-deck{height:auto}}
.sprite-frame{position:absolute;inset:0;background-repeat:no-repeat;background-size:400% 400%;transition:opacity .32s ease-in-out}.character-art{position:relative;background:none!important;mix-blend-mode:screen}.sprite-b{opacity:0}.character-art[data-expression="1"] .sprite-a{opacity:0}.character-art[data-expression="1"] .sprite-b{opacity:1}.character{filter:none;mix-blend-mode:screen}.trust-story{height:110svh}.trust-story .pinned{padding:48px 24px 36px;min-height:0;height:90svh;justify-content:flex-start}.trust-scenes{position:relative;width:100%;height:280px;max-width:950px;margin:auto}.trust-beat{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;will-change:transform,opacity}.trust-beat h2{font-size:clamp(51px,14vw,112px);line-height:1.02;margin:20px 0}.trust-beat:nth-child(3) h2{font-size:clamp(44px,11vw,98px)}.trust-beat>p:last-child{font-size:17px;max-width:310px}.trust-beat .eyebrow{font-size:11px}.trust-beat:not(:first-child){opacity:0}.note{background:#eee9dc url('assets/paper.png') center/100% 100%;border:0;box-shadow:0 2px 2px #0006,1px 14px 24px #0008,-2px 0 2px #bdb5a722;justify-content:flex-start;padding:23px 23px 17px;clip-path:polygon(0 .2%,99.5% 0,100% 99.6%,.3% 100%)}.note:before{display:none}.note-num{font-size:10px}.note h3{font-size:clamp(27px,7.8vw,40px);margin:15px 0 13px}.note p{font-size:15px;line-height:1.5}.note small{font-size:9px;line-height:1.45;margin-top:15px;padding-top:12px}.note-signoff{display:flex;flex-direction:column;margin-top:auto;padding-top:15px;position:relative}.hand-signature{font:italic 31px/1.05 'Segoe Print','Bradley Hand','Snell Roundhand',cursive;color:#252222;transform:rotate(-5deg);transform-origin:left}.note-role{font-size:10px;color:#5a5349;margin-top:7px}.note-brand{font-size:9px;letter-spacing:.12em;color:#746e62;position:absolute;bottom:2px;right:0}.note-stage{bottom:85px;top:155px}.note-position{bottom:56px}.motion-off .trust-scenes{height:auto;display:grid;gap:45px}.motion-off .trust-beat{position:relative;opacity:1!important;transform:none!important}.motion-off .note{min-height:420px}.motion-off .sprite-b{display:none}.motion-off .sprite-a{opacity:1!important}
@media(min-width:760px){.trust-story .pinned{padding:80px 10%}.trust-beat>p:last-child{max-width:500px;font-size:22px}.note-stage{top:16%;bottom:13%;left:50%;right:7%}.note{padding:33px}.note h3{font-size:42px}.note p{font-size:17px}.note small{font-size:10px;margin-top:20px}.hand-signature{font-size:37px}.note-role{font-size:12px}.note-brand{font-size:11px}.note-signoff{padding-top:22px}.trust-scenes{height:320px}}
@media(max-height:740px) and (max-width:759px){.notes-heading{top:50px;font-size:27px}.note-stage{top:126px;bottom:77px}.note{padding:18px 21px}.note h3{font-size:26px;margin:12px 0 10px}.note p{font-size:14px;line-height:1.4}.note small{font-size:8px;margin-top:10px;padding-top:8px}.note-signoff{padding-top:9px}.hand-signature{font-size:27px}.note-role{font-size:9px;margin-top:4px}.note-brand{font-size:8px}.note-position{bottom:58px}}
.customer-photo{width:100%;height:230px;object-fit:contain;object-position:center;background:#000;margin:19px 0 0;border-radius:2px}.review-body{white-space:pre-line}.judge-review{min-height:0}.review-title{font-size:16px}.reviews .pinned{padding-bottom:25px}.review-deck{align-items:stretch}.judge-review{display:flex;flex-direction:column}.customer-photo{margin-top:auto;padding-top:18px;box-sizing:content-box}.review-product{margin-top:12px}.judge-filter{font-size:12px}.fragrance-caption p{max-width:450px;margin-left:auto;margin-right:auto}.fragrance-caption #fragrance-notes{font-size:13px;line-height:1.6;min-height:42px}.character-art{mask-image:linear-gradient(0deg,transparent,#000 2%,#000 98%,transparent)}
@media(min-width:760px){.customer-photo{height:285px}.review-body{max-width:700px}.fragrance-caption #fragrance-notes{min-height:22px;font-size:14px;max-width:700px}}
/* V5: readable paper in normal document flow, with progressive motion. */
#notes{height:auto;overflow:visible;padding:0 0 24px}
#notes>.pinned{position:relative;top:auto;height:auto;min-height:0;overflow:visible;display:block;padding:58px 28px 35px;max-width:1300px;margin:auto;background:#000}
#notes .chapter{position:relative;inset:auto;margin-bottom:18px}
#notes .notes-heading{position:relative;inset:auto;width:auto;font-size:clamp(34px,9.3vw,64px);line-height:1.03;margin:0 0 32px;max-width:520px}
#notes .note-stage{position:relative;inset:auto;max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:52px;padding:8px 0 30px;perspective:1100px}
#notes .note{position:sticky;inset:auto;top:calc(72px + var(--order)*7px);width:100%;min-height:385px;padding:29px 26px 26px;transform:translateY(var(--paper-lift,0px)) rotate(calc(var(--angle) + var(--paper-rustle,0deg)));opacity:1;z-index:calc(var(--order) + 1);transform-origin:center 85%;will-change:transform;clip-path:none;box-shadow:0 3px 2px #0003,0 12px 25px #000a,0 0 0 1px #bdb5a744;transition:box-shadow .2s}
#notes .note:after{content:'';position:absolute;right:0;bottom:0;width:21px;height:21px;background:linear-gradient(135deg,transparent 48%,#b4a993 49%,#e8dfce 72%,#d3c9b5);pointer-events:none;filter:drop-shadow(-1px -1px 1px #998b6b33)}
#notes .note h3{font-size:clamp(29px,8vw,43px);margin:17px 0 16px}
#notes .note p{font-size:15px;line-height:1.55}
#notes .note small{font-size:10px;line-height:1.5;margin-top:20px;padding-top:13px}
#notes .note-signoff{padding-top:25px;margin-top:auto}
#notes .hand-signature{font-size:33px}
#notes .note-role{font-size:10px;margin-top:7px}
#notes .note-brand{font-size:8px;right:3px;bottom:1px;max-width:90px;text-align:right}
#skol-experience .reactive-visual{--light-x:50%;--light-y:45%;--touch-x:0px;--touch-y:0px;--scroll-float:0px;position:relative;isolation:isolate;overflow:hidden}
.reactive-visual:after,.fragrance-shelf:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,45%),#b3985d29,transparent 55%);mix-blend-mode:screen;z-index:2}
.reactive-visual img{transform:translate(var(--touch-x),calc(var(--scroll-float) + var(--touch-y))) scale(1.045);transition:transform .7s cubic-bezier(.2,.8,.2,1);will-change:transform}
#giving .pinned{padding:65px 24px 60px;display:flex;flex-direction:column;gap:30px;overflow:hidden}
#giving .chapter{position:static;order:-3;width:100%}
.giving-visual{order:-2;margin:0;width:100%;max-width:600px;aspect-ratio:1.18;background:#111;border:1px solid #312d24;transform:rotate(-2deg);box-shadow:0 18px 55px #0008}
.giving-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.giving-visual:before{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#000e);z-index:1;pointer-events:none}
.giving-visual figcaption{position:absolute;z-index:3;bottom:22px;left:22px;right:18px;color:#fff;font:28px/1.05 var(--display);text-shadow:0 2px 5px #000}
.giving-visual figcaption small{display:block;font:10px/1.6 Arial;margin-top:7px;color:#ddd}
#giving h2{font-size:clamp(78px,21vw,142px);margin:12px 0 22px}
#giving .giving-detail{color:var(--gold)}
#ritual{padding-top:62px}
#ritual .chapter{position:relative;inset:auto;margin-bottom:18px;grid-column:1/-1}
#ritual .ritual-title h2{font-size:clamp(43px,11.6vw,76px);position:relative;z-index:3}
.oil-visual{margin:22px -24px 0;height:430px;background:#000}
.oil-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 49%;mask-image:linear-gradient(transparent,#000 13%,#000 85%,transparent)}
.oil-visual figcaption{position:absolute;left:25px;bottom:50px;z-index:3;font:clamp(68px,20vw,103px)/.84 var(--display);color:#f0eee7;text-shadow:0 3px 22px #0008}
.oil-visual figcaption i{font-style:normal;color:#ba9b5b}
.oil-visual figcaption small{display:block;font:10px/1.5 Arial;letter-spacing:.18em;margin-top:16px;color:#c4bfb3}
#ritual .ritual-steps{margin-top:2px}
#ritual .ritual-step{padding:28px 0 32px 42px;min-height:175px;isolation:isolate}
#ritual .ritual-step:before{position:absolute;content:'01';left:-3px;top:26px;font:34px/1 var(--display);color:#8e7548}
#ritual .ritual-step:nth-child(2):before{content:'02'}
#ritual .ritual-step:nth-child(3):before{content:'03'}
#ritual .ritual-step:nth-child(4):before{content:'04'}
#ritual .ritual-step:after{content:'';position:absolute;inset:0 -24px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 55%,#a5874514,transparent 70%);opacity:.8}
#ritual .ritual-step h3{font-size:clamp(24px,6.2vw,30px)}
#reviews .pinned{padding-top:50px}
#reviews .chapter{position:static;margin-bottom:28px}
.community-intro{max-width:1100px;margin:0 auto 45px;width:100%;text-align:center}
.community-intro h2{font-size:clamp(48px,13vw,96px);margin-top:14px}
.community-intro>p:last-child{font-size:12px;color:#b5aea2;margin-top:14px}
.community-wall{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:9px;margin:32px -12px 22px;padding:9px 0}
.community-photo{margin:0;aspect-ratio:.72;border:1px solid #3e3526;background:#111;transform:rotate(-5deg);box-shadow:0 8px 24px #0008}
.community-photo:nth-child(2){transform:rotate(3deg);aspect-ratio:.69;z-index:1}
.community-photo:nth-child(3){transform:rotate(-3deg)}
.community-photo img{width:100%;height:100%;object-fit:cover}
.community-photo figcaption{position:absolute;inset:auto 0 0;padding:22px 9px 8px;background:linear-gradient(transparent,#000c);font:10px/1.2 Arial;z-index:3;text-align:left;color:#eee}
#reviews .judge-shell{width:100%}
.fragrance-return{padding:64px 0 45px;position:relative;overflow:hidden;background:#000;scroll-margin-top:20px}
.return-heading{text-align:center;padding:0 24px;position:relative;z-index:3}
.return-heading h2{font-size:clamp(52px,13vw,105px);margin:20px 0 17px}
.return-heading h2 i{font-style:normal;color:#b59a63}
.return-heading>p:last-child{font-size:15px;line-height:1.6}
.fragrance-shelf{position:relative;margin:30px 0 0;isolation:isolate}
.shelf-still-life{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;mask-image:linear-gradient(transparent,#000 15%,#000 78%,transparent);pointer-events:none;z-index:-1}
.scent-shelf{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;position:relative;padding:18px max(24px,calc((100% - 260px)/2)) 24px;touch-action:pan-x pan-y;z-index:3}
.scent-shelf::-webkit-scrollbar{display:none}
.scent-card{flex:0 0 260px;position:relative;scroll-snap-align:center;min-width:0;background:#080806d9;border:1px solid #3b3529;border-radius:2px;color:#e8e5dd;padding:16px 16px 22px;isolation:isolate;transition:background .35s,border-color .35s,transform .35s;box-shadow:0 9px 22px #0008}
.scent-card:before{content:'';position:absolute;inset:15% 0 10%;background:radial-gradient(ellipse,#ac88412e,transparent 67%);z-index:-1;opacity:.3;transition:opacity .5s}
.scent-card[aria-pressed=true]{border-color:#b29a65;background:#0b0905ed;transform:translateY(-7px)}
.scent-card[aria-pressed=true]:before{opacity:1}
.scent-card-number{position:absolute;top:15px;left:17px;font:11px/1.5 Arial;letter-spacing:.12em;color:#a58e5c}
.shelf-bottle{display:grid;place-items:center;width:100%;height:236px;pointer-events:none}
.shelf-bottle img{grid-area:1/1;max-width:none;object-fit:contain;filter:drop-shadow(0 8px 10px #0009)}
.scent-card strong{display:block;font:25px/1.08 var(--display);text-transform:uppercase;min-height:28px;margin-top:8px}
.scent-card small{display:block;color:#b6b0a3;font:11px/1.5 Arial;margin-top:10px}
.fragrance-return .swipe-controls{margin:12px 10px 22px;gap:14px}
.fragrance-return .swipe-controls>span{font-size:9px;letter-spacing:.04em}
.return-caption{padding:0 24px;max-width:650px;text-align:center;margin:0 auto 24px}
.return-caption h3{font-size:34px;margin:10px 0 12px}
#return-notes{font-size:13px;line-height:1.7;min-height:42px}
.return-caption .return-feeling{font-size:14px;line-height:1.6;color:#ac9360;margin-top:10px;min-height:45px}
.fragrance-return .buy-controls>label{display:block;font:10px/1.4 Arial;letter-spacing:.1em;margin-bottom:10px;color:#b7ad9a}
#finish{padding-top:48px;padding-bottom:110px}
.motion-off #notes .note{position:relative;top:auto;transform:rotate(var(--angle))!important}
.motion-off .reactive-visual img{transform:none!important;transition:none!important}
.motion-off .scent-card{transition:none}
@media(min-width:760px){
 #notes>.pinned{display:grid;grid-template-columns:1fr 1fr;gap:0 8%;padding:75px 8% 45px}
 #notes .chapter{grid-column:1/-1;margin-bottom:25px}
 #notes .notes-heading{position:sticky;top:140px;align-self:start;margin-top:35px;font-size:clamp(38px,4.7vw,66px)}
 #notes .note-stage{width:100%;margin:0;max-width:none;gap:65px;grid-column:2}
 #notes .note{min-height:420px;top:calc(100px + var(--order)*8px);padding:31px}
 #notes .note p{font-size:16px}
 #notes .note h3{font-size:clamp(30px,3.3vw,43px)}
 #notes .note-brand{font-size:9px;max-width:none}
 #giving .pinned{display:grid;grid-template-columns:1fr 1fr;gap:35px 7%;padding:80px 8%}
 #giving .chapter{grid-column:1/-1}
 .giving-visual{width:100%;aspect-ratio:.91;align-self:center}
 #giving .giving-copy{align-self:center}
 #giving h2{font-size:clamp(85px,10vw,140px)}
 #ritual{grid-template-columns:1fr 1fr;gap:0 7%;padding-top:75px}
 #ritual .ritual-title{top:70px}
 #ritual .ritual-title h2{font-size:clamp(40px,4.7vw,68px)}
 .oil-visual{height:450px;margin:0 -30px 0}
 .oil-visual figcaption{font-size:92px;bottom:35px}
 #ritual .ritual-steps{margin-top:30px}
 #ritual .ritual-step{min-height:210px;padding-top:35px}
 .community-wall{gap:24px;max-width:770px;margin:40px auto 32px}
 .community-photo{aspect-ratio:.95}
 .community-photo:nth-child(2){aspect-ratio:.86}
 .community-photo figcaption{font-size:12px;padding:40px 14px 14px}
 .community-intro{margin-bottom:70px}
 #reviews .pinned{padding-top:65px}
 .fragrance-return{padding-top:80px}
 .fragrance-shelf{max-width:1150px;margin:35px auto 0}
 .scent-card{flex-basis:290px}
 .scent-shelf{gap:24px;padding-left:calc((100% - 290px)/2);padding-right:calc((100% - 290px)/2)}
 .return-caption h3{font-size:42px}
}
@media(prefers-reduced-motion:reduce){#notes .note{position:relative;top:auto;transform:rotate(var(--angle))!important}.reactive-visual img{transform:none!important;transition:none!important}}
/* V6: tactile men's grooming, readable notes and a true swipe-to-select shelf. */
@font-face{font-family:SkolNotes;src:url('assets/kalam-regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
.journey-choice{position:relative;padding:4px 24px 6px;background:#000}
.journey-choice a{max-width:510px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #443c2d;border-bottom:1px solid #443c2d;padding:21px 0;color:#c9ae74;font-size:14px;font-weight:700;letter-spacing:.045em}
.journey-choice a span{font-size:24px;font-weight:400}
.ticker-track{animation-duration:9s}
.fragrance-caption .fragrance-feeling{font-size:16px;line-height:1.5;max-width:410px;min-height:48px}
#notes .note{min-height:460px;padding:27px 25px 25px}
#notes .note h3{font-size:clamp(27px,7.3vw,39px);line-height:1.06;letter-spacing:0;margin:17px 0 15px}
#notes .note p{font:400 20px/1.45 SkolNotes,'Segoe Print',cursive;color:#292722}
#notes .note p strong{display:inline-block;font-weight:700;margin-top:4px}
#notes .note small{font-size:12px;line-height:1.45;padding-top:10px;margin-top:15px}
#notes .note-signoff{padding-top:19px;gap:0}
#notes .note-from{font:700 11px/1.4 Arial;letter-spacing:.12em;color:#75694e;margin-bottom:6px}
#notes .hand-signature{font:400 34px/1.12 SkolNotes,'Segoe Print',cursive;transform:rotate(-4deg)}
#notes .note-role{font:700 13px/1.4 Arial;letter-spacing:.025em;color:#332f28;margin-top:9px}
#notes .note-brand{display:none}
#giving .pinned{display:block;padding:50px 24px 50px;max-width:1100px;margin:auto}
#giving .chapter{margin-bottom:24px}
#giving .giving-copy{max-width:720px}
#giving h2{font-size:clamp(88px,24vw,146px)}
.oil-visual{height:470px;margin-top:26px;border-top:1px solid #3b3325;border-bottom:1px solid #3b3325}
.oil-visual img{object-position:51% 42%;mask-image:linear-gradient(transparent,#000 5%,#000 90%,transparent)}
.oil-visual:before{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000e);z-index:1;pointer-events:none}
.oil-visual figcaption{bottom:33px;font-size:clamp(66px,19vw,96px)}
.scent-action{position:absolute;left:18px;top:66%;z-index:6;display:flex;align-items:center;gap:9px;min-height:40px;padding:8px 12px;color:#dac18b;background:#080705e8;border:1px solid #8c764d;border-radius:2px;font:700 12px/1.3 Arial;letter-spacing:.04em;box-shadow:0 5px 18px #0008;animation:actionInvite 2.9s ease-in-out infinite}
.scent-action[hidden]{display:none!important}
.scent-action[data-scent=barber]{top:17%;left:15px}
.scent-action[data-scent=valhalla]{top:77%;left:auto;right:18px}
.scent-action:active{background:#32291a}
.scent-action>span:last-child{font-size:19px;font-weight:400}
@keyframes actionInvite{0%,100%{translate:0 0}50%{translate:0 -4px}}
.scent-shelf{gap:20px;align-items:stretch;padding:20px max(20px,calc((100% - min(82vw,340px))/2)) 26px;cursor:grab}
.scent-shelf:active{cursor:grabbing}
.scent-card{flex:0 0 min(82vw,340px);display:block;min-width:0;padding:0;overflow:hidden;background:#070706;border-color:#39352c;transform:none!important;transition:border-color .3s,background .3s;text-align:center;scroll-snap-align:center;scroll-snap-stop:normal;touch-action:pan-x pan-y;user-select:none;isolation:isolate}
.scent-card[aria-pressed=true]{background:#0d0b07;border-color:#b69b60}
.scent-card:before{inset:15% -20% 0;background:radial-gradient(ellipse at 50% 65%,var(--card-tone,#544329),transparent 65%);opacity:.48}
.scent-card[aria-pressed=true]:before{opacity:.85}
.shelf-card-heading{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;height:126px;padding:18px 17px 10px;background:linear-gradient(#080807,#080807ee 74%,#08080700)}
.scent-card .scent-card-number{position:static;font:12px/1.4 Arial;letter-spacing:.12em;color:#ba9e62;display:block;margin-bottom:10px}
.scent-card .shelf-full-name{font:clamp(28px,7.5vw,36px)/1.04 var(--display);letter-spacing:0;text-transform:uppercase;display:block;width:100%;max-width:285px;color:#f1eee6;min-height:0;margin:0;overflow-wrap:normal;white-space:normal;text-wrap:balance}
.shelf-stage{height:280px;position:relative;display:block;overflow:hidden;perspective:850px;transform:translateX(var(--shelf-slide,0px)) rotateY(var(--shelf-turn,0deg));transition:transform .2s ease-out;isolation:isolate;pointer-events:none}
.shelf-bottle{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;width:100%;height:100%;z-index:3;animation:shelfBottle var(--shelf-duration,8s) ease-in-out infinite;animation-play-state:paused}
.shelf-bottle img{flex:none;max-width:none;object-fit:contain;filter:drop-shadow(0 14px 12px #000c);pointer-events:none}
.shelf-ingredient{position:absolute;width:132px;height:132px;top:14px;left:-7px;mix-blend-mode:screen;z-index:1;animation:shelfIngredient var(--shelf-duration,8s) ease-in-out infinite;animation-play-state:paused}
.shelf-right{left:auto;right:-8px;top:125px;animation-direction:reverse;animation-delay:-2.5s}
.shelf-ingredient .sprite-frame{inset:0;pointer-events:none}
.scent-card.in-view .shelf-ingredient,.scent-card.in-view .shelf-bottle{animation-play-state:running}
.scent-card .shelf-card-status{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;min-height:48px;margin:0;padding:12px 10px 17px;font:13px/1.4 Arial;color:#c0b8a7;background:#080807;border-top:1px solid #2e281e}
.shelf-still-life{opacity:.22}
#return-feeling{font-size:16px}
@keyframes shelfBottle{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -8px;rotate:1deg}}
@keyframes shelfIngredient{0%,100%{translate:0 0;rotate:-3deg}50%{translate:5px -11px;rotate:3deg}}
.motion-off .scent-action,.motion-off .shelf-ingredient,.motion-off .shelf-bottle{animation:none!important}
.motion-off .shelf-stage{transform:none!important;transition:none!important}
@media(min-width:760px){
 .journey-choice{padding:10px 8% 12px}
 .fragrance-caption .fragrance-feeling{font-size:18px;min-height:28px;max-width:650px}
 #notes .note{min-height:500px;padding:32px}
 #notes .note h3{font-size:clamp(29px,3.1vw,41px)}
 #notes .note p{font-size:22px}
 #notes .note-role{font-size:14px}
 #giving .pinned{padding:70px 8% 55px}
 .oil-visual{height:500px}
 .scent-action{left:calc(50% - 305px);top:62%}
 .scent-action[data-scent=barber]{left:calc(50% - 295px);top:18%}
 .scent-action[data-scent=valhalla]{right:calc(50% - 285px);top:80%}
 .shelf-ingredient{width:143px;height:143px}
}

@media(prefers-reduced-motion:reduce){.scent-action,.shelf-bottle,.shelf-ingredient{animation:none!important}.shelf-stage{transform:none!important}}
/* V7: confident characters, quiet discovery, and a Safari-safe paper stack. */
#notes .note-stage{display:block;perspective:none;overflow:visible;padding-bottom:45px}
#notes .note-sleeve{position:-webkit-sticky;position:sticky;top:var(--note-pin,64px);z-index:calc(var(--order) + 1);width:100%;overflow:visible}
#notes .note-sleeve+.note-sleeve{margin-top:48px}
#notes .note-sleeve>.note{position:relative;inset:auto;top:auto;width:100%;margin:0}
#notes .notes-heading{z-index:0}
.scent-action{font:400 9px/1.3 Arial;letter-spacing:.02em;text-transform:lowercase;min-height:44px;min-width:44px;padding:12px 3px;gap:0;background:transparent;border:0;border-radius:0;box-shadow:none;color:#aaa08b;opacity:.58;animation:none;transition:opacity .2s}
.scent-action>span:last-child{display:none}
#scent-action-label{text-decoration:underline;text-decoration-color:#aaa08b55;text-underline-offset:3px}
.scent-action:hover,.scent-action:focus-visible{opacity:1;background:transparent;color:#dac18b}
.scent-action:active{background:transparent;opacity:1}
.sprite-frame.secretary-frame{opacity:0;transition:opacity .13s ease-out}
[data-character="68"][data-expression="0"] .secretary-frame[data-frame="0"],
[data-character="68"][data-expression="1"] .secretary-frame[data-frame="1"],
[data-character="68"][data-expression="2"] .secretary-frame[data-frame="2"],
[data-character="68"][data-expression="3"] .secretary-frame[data-frame="3"]{opacity:1}
.motion-off [data-character="68"] .secretary-frame{opacity:0!important}
.motion-off [data-character="68"] .secretary-frame[data-frame="0"]{opacity:1!important}
#skol-experience .oil-visual{background:#000;border-color:#29241a;height:420px;isolation:isolate}
.oil-visual:before{display:none}
.oil-visual .ritual-product{position:absolute;inset:0 -8% 0 37%;display:flex;justify-content:center;align-items:center;z-index:2;transform:translate(var(--touch-x,0px),calc(var(--scroll-float,0px) + var(--touch-y,0px)));transition:transform .6s ease-out;pointer-events:none}
.oil-visual .ritual-product img{max-width:none;flex:none;object-fit:contain;object-position:center;mask-image:none;will-change:auto;filter:drop-shadow(0 15px 18px #000);transition:none}
.oil-visual figcaption{left:24px;bottom:55px;font-size:clamp(46px,14vw,68px);z-index:3}
.oil-visual figcaption i{color:#ae9154}
.oil-visual figcaption small{max-width:160px;font-size:11px;line-height:1.5}
.motion-off .oil-visual .ritual-product{transform:none}
#scent-shelf .scent-card,#scent-shelf .scent-card[aria-pressed=true],#scent-shelf .shelf-card-heading,#scent-shelf .shelf-stage,#scent-shelf .shelf-card-status{background:#000}
#scent-shelf .scent-card:before,.fragrance-shelf:after{display:none}
.shelf-still-life{display:none}
#scent-shelf .scent-card{box-shadow:none}
#scent-shelf .scent-card[aria-pressed=true]{border-color:#b69b60}
@media(min-width:760px){#notes .note-sleeve+.note-sleeve{margin-top:62px}#skol-experience .oil-visual{height:440px}.oil-visual figcaption{font-size:clamp(52px,5.5vw,76px)}}

/* V8: quiet, wordless wood cues and a faceless royal composition. */
.scent-action{justify-content:center;text-transform:none}
.scent-action>span:last-child{display:inline;font-size:9px}
.scent-action[data-action=wood] #scent-action-label{display:none}
.scent-action[data-action=wood]{top:calc(25% - 34px);left:calc(50% - 169px);width:44px;height:44px;padding:0;opacity:.5}
.scent-action[data-scent=valhalla]{top:calc(50% - 34px);left:auto;right:calc(50% - 169px)}
.tap-cue{overflow:visible;color:#b5ac94;flex:none}
.tap-ring{fill:none;stroke:currentColor;stroke-width:.8;transform-box:fill-box;transform-origin:center;animation:tapRipple 5.5s ease-out infinite}
.tap-dot{fill:currentColor}
.scent-action[data-action=razor] .tap-cue{display:none}
.scent-action[data-action=razor]{min-width:64px}
@keyframes tapRipple{0%,68%,100%{transform:scale(.76);opacity:.32}74%{transform:scale(.65);opacity:.8}88%{transform:scale(1.35);opacity:0}}
.royal-cologne{position:absolute;right:-7%;bottom:-1%;width:48%;height:48%;z-index:2;transform:rotate(5deg)}
.fragrance-scene[data-scent=mafia] .character-left{width:150px;left:max(0px,calc(50% - 210px))}
.fragrance-scene[data-scent=mafia] .character-right{width:140px;right:max(0px,calc(50% - 202px))}
@media(min-width:760px){.scent-action[data-action=wood]{left:calc(50% - 280px);top:calc(24% - 34px)}.scent-action[data-scent=valhalla]{left:auto;right:calc(50% - 280px);top:calc(44% - 34px)}.fragrance-scene[data-scent=mafia] .character-left{width:240px;left:calc(50% - 350px)}.fragrance-scene[data-scent=mafia] .character-right{width:215px;right:calc(50% - 330px)}}
.motion-off .tap-ring{animation:none}
@media(prefers-reduced-motion:reduce){.tap-ring{animation:none}}

[data-character="69"]{mask-image:linear-gradient(#000 0%,#000 81%,transparent 100%)}

/* Oil lander shoppable drawer additions */
#skol-experience .cart-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}
#skol-experience .button.secondary{background:transparent;color:inherit;border:1px solid rgba(255,255,255,.28)}
#skol-experience .trio-fallback{margin:12px 0;padding:0}
#skol-experience .trio-offer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #333;cursor:pointer}
#skol-experience .trio-offer strong{display:block;font-size:16px}
#skol-experience .trio-offer small{display:block;font-size:12px;color:#9c8a69;margin-top:4px}
#skol-experience .trio-offer b{font-size:18px;white-space:nowrap}
#skol-experience .trio-pick-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#aaa;margin:16px 0 8px}
#skol-experience .trio-picks{display:grid;gap:8px}
#skol-experience .trio-picks label{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px}
#skol-experience .trio-picks span{font-size:13px;color:#9c8a69}
#skol-experience .trio-picks select{appearance:auto;width:100%;padding:12px;border-radius:10px;border:1px solid #444;background:#141414;color:#eee;font-size:15px}
#skol-experience .trio-skip{margin-top:14px;background:none;border:0;color:#888;font-size:13px;text-decoration:underline;cursor:pointer;padding:0}
#skol-experience .trio-fallback.trio-skipped .trio-picks,
#skol-experience .trio-fallback.trio-skipped .trio-pick-label{display:none}
#skol-experience .cart-oil.is-hidden{display:none}
#skol-experience .trio-fallback[hidden],#skol-experience .routine-options[hidden]{display:none!important}
#skol-experience #continue-to-cart[disabled]{opacity:.55;cursor:wait}