:root{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#5b6058;background:#f7f6f2;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;padding:12px}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
button:focus-visible,a:focus-visible{outline:2px solid #846020;outline-offset:6px}
.hero{isolation:isolate;position:relative;min-height:760px;height:calc(100svh - 24px);overflow:hidden;border-radius:16px;background:#d4d0c8}
header{position:absolute;left:4.8%;right:4.8%;top:32px;display:flex;align-items:center;justify-content:space-between;z-index:5}
.brand{font-size:25px;letter-spacing:-1.25px;color:inherit;text-decoration:none}
.brand span{display:block;font-size:12px;letter-spacing:0;margin-top:5px;color:#666a61}
.edition{font-size:11px;letter-spacing:2.2px;margin-left:9%}
.soundless{border:1px solid #92948730;background:#f4f1e960;border-radius:30px;padding:12px 18px;font-size:12px;display:flex;gap:20px;align-items:center}
.portrait{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
.scene{position:absolute;aspect-ratio:1672/941;pointer-events:auto;transform-origin:55% 65%;will-change:transform}
.scene img,.scene canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.scene img{object-fit:fill}
.scene canvas{mix-blend-mode:screen;touch-action:pan-y}
.copy{position:relative;z-index:2;pointer-events:none;margin-left:4.8%;padding:0;top:27%;width:43%;max-width:760px}
h1{font-weight:400;font-size:clamp(64px,6.5vw,128px);letter-spacing:-.067em;line-height:.98;margin:0 0 30px}
h1 span{display:block}
h2{font-size:clamp(23px,2.05vw,34px);font-weight:400;line-height:1.23;letter-spacing:-.035em;margin:0 0 23px}
.intro{font-size:clamp(16px,1.15vw,19px);line-height:1.65;color:#62675e;max-width:33ch;margin:0}
.explore{pointer-events:auto;background:#71776b;color:#fffdf7;border:1px solid #ffffff12;border-radius:40px;margin-top:34px;padding:18px 25px;display:flex;align-items:center;gap:36px;font-size:15px;letter-spacing:.01em;box-shadow:0 5px 18px #98998d18;transition:background .2s,transform .2s}
.explore:hover{background:#818579;transform:translateY(-2px)}
.explore span{font-size:23px;line-height:1}
.side-note{position:absolute;right:3%;top:34%;font-size:10px;line-height:2;letter-spacing:2px;z-index:2;color:#6a6e64}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1100px){.edition,.side-note{display:none}.copy{top:26%;width:47%}h1{font-size:clamp(60px,6.8vw,77px)}h2{font-size:25px}.intro{max-width:29ch}}
@media(max-width:600px){
body{padding:6px}.hero{border-radius:12px;height:calc(100svh - 12px);min-height:820px;background:#cecbc4}
header{top:23px;left:6%;right:6%}.brand{font-size:23px}.brand span{font-size:11px}
.soundless{font-size:0;padding:12px;width:40px;height:40px;justify-content:center}.soundless span{font-size:13px}
.copy{top:136px;margin-left:6%;width:88%;max-width:none}
h1{font-size:clamp(49px,12.6vw,75px);letter-spacing:-.065em;margin-bottom:23px;line-height:.99}
h2{font-size:23px;letter-spacing:-.035em;margin-bottom:21px;line-height:1.24}
.intro{font-size:15px;width:155px;line-height:1.55}
.explore{font-size:13px;padding:15px 18px;gap:21px;margin-top:25px}
.portrait:after{content:"";position:absolute;inset:20% 0 54%;pointer-events:none;background:linear-gradient(#cecbc4,transparent)}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
/* A shared paper-toned background connects the photograph and the next chapter. */
body{background:#d1cdc5}
.hero{border-radius:16px 16px 0 0}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:280px;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(203,199,192,0) 0%,rgba(203,199,192,.45) 48%,#cbc7c0 100%)}
.sensations{position:relative;isolation:isolate;overflow:hidden;padding:55px 4.8% 88px;background:linear-gradient(180deg,#c6c2bb 0%,#cdc9c1 45%,#d4d0c8 100%);border-radius:0 0 16px 16px;scroll-margin-top:24px}
.section-heading{display:grid;grid-template-columns:1fr auto;align-items:start;gap:30px;margin-bottom:53px}



.section-title h2{font-size:clamp(34px,3.35vw,58px);font-weight:400;line-height:1.04;letter-spacing:-.05em;margin:0 0 20px}
.section-title p{font-size:17px;line-height:1.55;color:#62675f;margin:0}
.section-caption{padding-top:16px;font-size:12px;letter-spacing:.1em;color:#6e7268}
.sensation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start}
.sensation-card{--accent:#987c69;position:relative;min-width:0;padding-bottom:19px;border-bottom:1px solid #a6ac9d60;transition:border-color .3s}
.sensation-card[data-tone=teal]{--accent:#788880}.sensation-card[data-tone=olive]{--accent:#898b76}.sensation-card[data-tone=blue]{--accent:#7c8790}
.sensation-select{border:0;background:transparent;color:inherit;padding:0;display:block;width:100%;text-align:left}
.step-track{display:flex;align-items:center;gap:12px;margin-bottom:21px;color:#686d63}
.step-number{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;font-size:12px;border:1px solid #92948755;border-radius:50%;transition:background .25s,color .25s,border-color .25s}
.step-name{font-size:12px;white-space:nowrap;letter-spacing:.01em}
.step-line{height:1px;flex:1;min-width:5px;background:#999b8e35}
.card-art{position:relative;display:block;overflow:hidden;aspect-ratio:4/4.7;border-radius:24px 24px 7px 7px;background:#deddd2;box-shadow:0 14px 30px #94968a14}
.card-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.65,.3,1),filter .45s;filter:saturate(.8)}
.art-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 55%,#9a9d8f18)}
.sensation-select:hover .card-art img,.sensation-select:focus-visible .card-art img{transform:scale(1.035);filter:saturate(1)}
.card-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 0}
.sensation-name{font-family:inherit;font-size:clamp(20px,1.85vw,31px);font-weight:400;letter-spacing:-.045em}
.card-toggle{border:1px solid #96988b49;border-radius:50%;width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;font-family:inherit;font-size:20px;font-weight:300;transition:background .25s,color .25s}
.sensation-card.is-active{border-color:var(--accent)}
.is-active .step-number{background:var(--accent);border-color:var(--accent);color:#fffdf7}
.is-active .card-art img{filter:saturate(1.05)}
.is-active .card-toggle{background:#777d70;border-color:#777d70;color:#fffdf7}
.sensation-detail p{font-size:16px;line-height:1.6;color:#62675f;max-width:27ch;margin:15px 0 3px}
.sensation-detail[hidden]{display:none}
.sensation-progress{--step:0;display:flex;align-items:center;gap:22px;max-width:410px;margin:44px auto 0;font-size:12px;letter-spacing:.04em;color:#686d63}
.progress-track{position:relative;flex:1;height:2px;background:#999b8e30;overflow:hidden}
.progress-track>span{position:absolute;left:0;top:0;width:25%;height:100%;background:#858779;transform:translateX(calc(var(--step)*100%));transition:transform .4s ease}
.progress-name{min-width:108px;text-align:right}
@media(max-width:1100px){.section-heading{grid-template-columns:1fr;gap:20px}.section-caption{display:none}.sensation-grid{gap:16px}.step-name{font-size:11px}.step-track{gap:8px}.step-number{width:32px;height:32px;flex-basis:32px}.sensation-name{font-size:22px}.card-toggle{width:26px;height:26px;flex-basis:26px}.card-label{gap:5px}}
@media(max-width:760px){.sensations{padding:38px 6% 60px}.section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.section-title h2{font-size:38px}.section-title p{font-size:16px}.wide-only{display:none}.sensation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 17px}.card-art{border-radius:18px 18px 6px 6px;aspect-ratio:4/4.9}.step-name{font-size:11px}.step-track{margin-bottom:14px}.step-line{display:none}.card-label{margin-top:17px;flex-wrap:wrap;gap:9px}.sensation-name{font-size:21px}.sensation-detail p{font-size:14px;line-height:1.55}.sensation-progress{gap:15px;margin-top:32px}.hero:after{height:210px}.step-number{width:28px;height:28px;flex-basis:28px;font-size:11px}}
@media(max-width:370px){.step-name{font-size:10px}.sensation-name{font-size:19px}.sensation-grid{gap:24px 12px}}
@media(max-width:760px){.sensation-card[data-tone=olive] .sensation-name{font-size:18px}}

/* Texture is baked into the background tone: no blend/filter can hide it. */
.sensations{background-color:#cbc7c0;background-image:linear-gradient(180deg,#cbc7c0 0%,rgba(203,199,192,.94) 45px,rgba(203,199,192,.5) 145px,rgba(203,199,192,0) 280px),url('./fondo-gris-texturizado.webp');background-size:100% 100%,820px 820px;background-repeat:no-repeat,repeat}
.sensations:before{content:none}
.sensations>*{position:relative;z-index:1}
.card-art img{filter:saturate(.85) brightness(1.08)}
.art-shade{background:linear-gradient(transparent 55%,#9a9d8f18)}
.sensation-name{letter-spacing:-.04em;font-weight:400}
.burning-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;opacity:0;transition:opacity .5s;z-index:1}
.heat-ready .burning-canvas{opacity:1}
.heat-ready>img{visibility:hidden}
.heat-ready .art-shade{z-index:2}
.heat-fallback>img{animation:burning-breath 5.8s ease-in-out infinite}
@keyframes burning-breath{0%,100%{filter:brightness(1.02) saturate(1.05)}50%{filter:brightness(1.24) saturate(1.3)}}
.heat-paused>img{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.heat-fallback>img{animation:none}}
/* Readable numbered capsules, consistent with the warm gray palette. */
.step-track{gap:10px;margin-bottom:17px;padding:8px 12px 8px 8px;width:100%;min-height:51px;border:1px solid rgba(255,253,245,.55);border-radius:28px;background:rgba(243,240,231,.48);box-shadow:inset 0 1px 0 rgba(255,255,250,.45);color:#5c6258}
.step-number{width:33px;height:33px;flex-basis:33px;font-size:13px;border-color:#93998b65;background:rgba(246,243,235,.52)}
.step-name{font-size:14px;font-weight:500;line-height:1.25;letter-spacing:0;white-space:normal}
.step-line{display:none}
/* Subtle glass panels keep the descriptions separate from the textured paper. */
.sensation-detail{position:relative;margin-top:18px;padding:20px 21px 21px;border:1px solid rgba(255,254,247,.75);border-radius:19px;background:linear-gradient(135deg,rgba(255,253,246,.58),rgba(236,235,224,.30));-webkit-backdrop-filter:blur(14px) saturate(105%);backdrop-filter:blur(14px) saturate(105%);box-shadow:inset 0 1px 0 rgba(255,255,250,.75),0 8px 22px rgba(123,121,106,.075)}
.sensation-detail:before{content:"";position:absolute;left:21px;top:0;width:34px;height:2px;background:var(--accent);opacity:.6;border-radius:2px}
.sensation-detail p{font-size:16px;line-height:1.6;margin:0;max-width:none;color:#5d6359}
.sensation-card{border-bottom-color:transparent}
.sensation-card.is-active{border-bottom-color:transparent}
[data-tone="teal"] .heat-fallback>img{animation:tingling-breath 3.4s ease-in-out infinite}
[data-tone="olive"] .heat-fallback>img{animation:numbness-breath 7s ease-in-out infinite}
[data-tone="blue"] .heat-fallback>img{animation:shocks-breath 4s ease-in-out infinite}
@keyframes tingling-breath{0%,100%{filter:brightness(1) saturate(1)}50%{filter:brightness(1.2) saturate(1.1)}}
@keyframes numbness-breath{0%,100%{filter:saturate(.8) contrast(.96)}50%{filter:saturate(.5) contrast(.83) brightness(1.1)}}
@keyframes shocks-breath{0%,65%,100%{filter:brightness(1)}78%{filter:brightness(1.35) saturate(1.2)}}
@media(max-width:1100px){.step-track{padding:7px;gap:8px}.step-name{font-size:14px}.sensation-detail{padding:17px}.sensation-detail:before{left:17px}}
@media(max-width:760px){.step-track{min-height:58px;border-radius:18px}.step-number{width:27px;height:27px;flex-basis:27px;font-size:12px}.step-name{font-size:14px;line-height:1.3}.sensation-detail{margin-top:14px;padding:16px 14px;border-radius:16px}.sensation-detail p{font-size:15px;line-height:1.55}.sensation-detail:before{left:14px}}
.heat-paused>img{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.heat-fallback>img{animation:none!important}}
/* Upright supporting typography, distinct from the large section titles. */
.section-title>p{font-family:inherit;font-size:clamp(17px,1.3vw,21px);font-weight:400;font-style:normal;letter-spacing:.005em;line-height:1.55;color:#807065;max-width:51ch;margin-top:22px}
.title-line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.title-line>span{display:block;transform-origin:left bottom}
.section-heading.will-reveal .title-line>span{opacity:0;transform:translate3d(0,110%,0);transition:transform 950ms cubic-bezier(.22,1,.36,1),opacity 700ms ease}
.section-heading.will-reveal .title-line:nth-child(2)>span{transition-delay:150ms}
.section-heading.will-reveal .section-title>p,.section-heading.will-reveal .section-caption{opacity:0;transform:translateY(15px);transition:opacity 700ms ease 330ms,transform 850ms cubic-bezier(.22,1,.36,1) 330ms}
.section-heading.is-revealed .title-line>span,.section-heading.is-revealed .section-title>p,.section-heading.is-revealed .section-caption{opacity:1;transform:translate3d(0,0,0) rotate(0)}
.sensation-card.will-reveal{opacity:0;transform:translate3d(0,44px,0);transition:opacity 750ms ease var(--entry-delay,0ms),transform 950ms cubic-bezier(.22,1,.36,1) var(--entry-delay,0ms),border-color .3s}
.sensation-card.will-reveal.is-revealed{opacity:1;transform:translate3d(0,0,0)}
@media(max-width:760px){.section-title>p{font-size:17px;max-width:33ch}.sensation-card.will-reveal{transform:translate3d(0,30px,0)}}
@media(prefers-reduced-motion:reduce){.will-reveal,.will-reveal .title-line>span,.will-reveal .section-title>p,.will-reveal .section-caption{opacity:1!important;transform:none!important;transition:none!important}}
/* A continuous paper surface connects sensations with the rhythm of a day. */
.sensations{border-radius:0;padding-bottom:95px}
.moments{position:relative;overflow:hidden;padding:65px 4.8% 64px;scroll-margin-top:20px;border-radius:0 0 16px 16px;background-color:#cbc7c0;background-image:linear-gradient(180deg,rgba(223,220,214,0),rgba(223,220,214,.5) 60%,rgba(223,220,214,.78)),url('./fondo-gris-texturizado.webp');background-size:100% 100%,820px 820px;color:#5b6058}
.moments .section-heading{align-items:end;margin-bottom:46px}.moments .section-title>p{max-width:48ch}.moments .section-caption{padding-bottom:8px}
.moment-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:25px}
.moment-tab{position:relative;overflow:hidden;border:1px solid transparent;border-radius:16px;padding:19px 10px 22px;background:transparent;color:#74756c;display:flex;flex-direction:column;gap:7px;align-items:center;transition:background .35s,border-color .35s,color .35s}
.moment-tab .moment-time{font-size:22px;font-weight:400;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.moment-tab>span+span{font-size:13px}.moment-tab.is-current{background:rgba(250,248,242,.45);border-color:rgba(255,254,249,.7);color:#5b6058;box-shadow:inset 0 1px 0 #fffaf070}.moment-tab:hover{background:#f6f3eb35}.moment-tab i{position:absolute;bottom:0;left:12%;width:76%;height:2px;background:#aaa69b40;transform:scaleX(0);transform-origin:left}.moment-tab.is-current i{background:#918779;transform:scaleX(var(--moment-progress,0))}
.moment-slide{display:grid;grid-template-columns:1.15fr 1fr;gap:6%;align-items:center;animation:moment-in .85s ease both}.moment-slide[hidden]{display:none}.moment-photo{position:relative;overflow:hidden;border-radius:28px 28px 8px 28px;aspect-ratio:3/2;background:#b7b2a8}.moment-photo img{display:block;width:100%;height:100%;object-fit:cover}.moment-photo-time{position:absolute;bottom:22px;left:24px;border:1px solid #fffcf466;border-radius:30px;background:#f3efe6b8;backdrop-filter:blur(16px);padding:10px 17px;color:#64665d;font-size:14px;letter-spacing:.06em;font-variant-numeric:tabular-nums}.moment-story{padding:20px 4% 20px 0}.moment-eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.16em;color:#83766b;display:flex;gap:16px;margin-bottom:28px}.moment-story h3{font-size:clamp(28px,2.8vw,46px);line-height:1.12;letter-spacing:-.045em;font-weight:400;margin:0 0 25px;color:#5d6259}.moment-story>p{max-width:36ch;font-size:clamp(16px,1.25vw,19px);line-height:1.65;margin:0;color:#727269}.moment-folio{display:block;margin-top:35px;font-size:24px;letter-spacing:-.05em;color:#897e71}.moment-folio>span{font-size:13px;letter-spacing:.04em;color:#89877d}
.moment-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:26px}.moment-footer>p{font-size:12px;color:#7b7b71;line-height:1.5}.moment-controls{display:flex;gap:10px;align-items:center}.moment-controls button{border:1px solid #a8a69a80;background:#f7f4eb66;color:#686c61;border-radius:50%;width:44px;height:44px;font-size:21px;transition:background .2s}.moment-controls button:hover{background:#fffaf0aa}.moment-controls .moment-pause{border-radius:30px;width:auto;display:flex;gap:11px;align-items:center;padding:0 17px;font-size:13px;margin-right:10px}
@keyframes moment-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:760px){.sensations{padding-bottom:55px}.moments{padding:40px 6% 38px}.moments .section-heading{margin-bottom:28px}.moment-timeline{gap:5px;overflow-x:auto;grid-template-columns:repeat(6,minmax(83px,1fr));padding:0 0 7px;scrollbar-width:thin}.moment-tab{padding:14px 5px 18px;border-radius:13px}.moment-tab .moment-time{font-size:19px}.moment-tab>span+span{font-size:11px}.moment-slide{grid-template-columns:1fr;gap:12px}.moment-photo{border-radius:22px 22px 6px 22px}.moment-story{padding:16px 0 0}.moment-eyebrow{margin-bottom:18px}.moment-story h3{font-size:32px;margin-bottom:18px}.moment-story>p{max-width:100%;font-size:16px}.moment-folio{margin-top:22px}.moment-footer{align-items:flex-start;flex-direction:column;margin-top:18px;gap:10px}.moment-controls{align-self:flex-end}.moment-footer>p{margin:0;font-size:11px;max-width:32ch}}
@media(prefers-reduced-motion:reduce){.moment-slide{animation:none}.moment-tab{transition:none}}

/* Two reading levels: a clear introduction, then a quieter supporting line. */
.sensations .section-title>p,.moments .section-title>p{position:relative;max-width:55ch;margin:25px 0 0;padding:1px 0 1px 19px;border-left:2px solid #a69b8b;font-style:normal;letter-spacing:0;line-height:1.55}
.subtitle-lead{display:block;font-size:clamp(17px,1.3vw,20px);font-weight:500;color:#62645d;text-wrap:pretty}
.subtitle-note{display:block;margin-top:7px;font-size:clamp(15px,1.08vw,17px);font-weight:400;color:#77736b;line-height:1.6;text-wrap:pretty}
@media(max-width:760px){.sensations .section-title>p,.moments .section-title>p{margin-top:21px;padding-left:15px;max-width:36ch}.subtitle-lead{font-size:17px}.subtitle-note{font-size:15px;margin-top:6px}}
/* Paper dissolves into an edge-to-edge moving neural scene. */
.moments{border-radius:0;padding-bottom:115px}
.understanding{position:relative;isolation:isolate;min-height:100svh;margin:0 -12px -12px;overflow:hidden;background:#354746;color:#efeee5;scroll-margin-top:0}
.nerve-backdrop,.understanding-shade{position:absolute;inset:0;pointer-events:none}.nerve-backdrop img,.nerve-backdrop canvas{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:60% center}.nerve-backdrop canvas{opacity:0;transition:opacity 1s}.nerve-backdrop.ready canvas{opacity:1}
.understanding:before{content:"";position:absolute;inset:0 0 auto;height:230px;z-index:2;pointer-events:none;background:linear-gradient(180deg,#dbd8d1 0%,rgba(219,216,209,.85) 14%,rgba(219,216,209,.3) 51%,rgba(219,216,209,0) 100%)}
.moments:after{content:"";position:absolute;bottom:0;left:0;right:0;height:130px;pointer-events:none;background:linear-gradient(180deg,rgba(219,216,209,0),#dbd8d1)}
.understanding-shade{background:linear-gradient(180deg,rgba(47,64,63,.12),rgba(47,64,63,.36) 29%,rgba(47,64,63,.04) 52%,rgba(40,57,56,.89) 100%),linear-gradient(90deg,rgba(47,64,63,.42),rgba(47,64,63,0) 80%)}
.understanding-content{position:relative;z-index:3;min-height:100svh;padding:220px max(6%,24px) 54px;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(160px,23vh,300px)}
.nerve-kicker{display:block;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#e0cfb0;margin-bottom:22px}.understanding-heading h2{font-size:clamp(36px,4.1vw,67px);font-weight:400;letter-spacing:-.045em;line-height:1.08;margin:0 0 24px;max-width:22ch}.understanding-heading h2 span{color:#d8d4c4}.understanding-heading>p{font-size:clamp(16px,1.15vw,19px);line-height:1.65;max-width:53ch;margin:0;color:#e0e0d6}.nerve-bottom{display:flex;align-items:end;gap:45px;justify-content:space-between}.nerve-explanations{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,90px);max-width:860px}.nerve-explanations article{border-top:1px solid #d7d8c95c;padding-top:22px}.nerve-label{font-size:12px;letter-spacing:.07em;color:#dacaab}.nerve-explanations h3{font-size:clamp(21px,1.8vw,28px);font-weight:400;letter-spacing:-.025em;margin:12px 0}.nerve-explanations p{font-size:15px;line-height:1.65;color:#d6dbd3;max-width:36ch;margin:0}.nerve-pause{flex-shrink:0;display:flex;gap:12px;align-items:center;color:#e5e6da;border:1px solid #d7dbcd55;border-radius:30px;background:#53635b66;backdrop-filter:blur(12px);padding:14px 18px;font-size:12px}.nerve-pause:hover{background:#67766b88}
@media(max-width:760px){.moments{padding-bottom:90px}.understanding:before{height:170px}.understanding-content{padding:170px 7% 36px;gap:170px}.understanding-heading h2{font-size:36px}.understanding-heading>p{font-size:16px}.nerve-bottom{flex-direction:column;align-items:stretch;gap:28px}.nerve-explanations{gap:22px}.nerve-explanations h3{font-size:21px}.nerve-explanations p{font-size:14px}.nerve-pause{align-self:flex-end}.nerve-kicker{font-size:10px;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){.nerve-backdrop canvas{transition:none}}

/* Match the full-width join and dissolve the paper before the neural image. */
.moments{margin-left:-12px;margin-right:-12px;padding-left:calc(4.8% + 12px);padding-right:calc(4.8% + 12px)}
.moments:after{height:190px;background:linear-gradient(180deg,rgba(219,216,209,0) 0%,rgba(219,216,209,.18) 25%,rgba(219,216,209,.6) 60%,#dbd8d1 100%)}
.understanding{margin-top:-1px;touch-action:pan-y}
.understanding:before{height:340px;background:linear-gradient(180deg,#dbd8d1 0%,rgba(219,216,209,.96) 8%,rgba(219,216,209,.78) 23%,rgba(219,216,209,.45) 44%,rgba(219,216,209,.16) 67%,rgba(219,216,209,.035) 85%,rgba(219,216,209,0) 100%)}
.understanding-content{padding-top:310px}
@media(max-width:760px){.moments{padding-left:calc(6% + 12px);padding-right:calc(6% + 12px)}.moments:after{height:140px}.understanding:before{height:230px}.understanding-content{padding-top:220px}}
.nerve-backdrop video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.understanding-shade{background:linear-gradient(180deg,rgba(47,64,63,.12),rgba(47,64,63,.72) 29%,rgba(47,64,63,.18) 55%,rgba(40,57,56,.93) 100%),linear-gradient(90deg,rgba(47,64,63,.42),rgba(47,64,63,0) 80%)}
.understanding-content{justify-content:flex-start;gap:0}
/* A quiet portrait follows the neural scene, with no added paper texture. */
.understanding{margin-bottom:0}
.understanding:after{content:"";position:absolute;z-index:4;left:0;right:0;bottom:0;height:170px;pointer-events:none;background:linear-gradient(180deg,rgba(222,218,211,0),rgba(222,218,211,.12) 25%,rgba(222,218,211,.54) 62%,#dedad3)}
.unseen{position:relative;isolation:isolate;overflow:hidden;margin:0 -12px -12px;min-height:900px;background:#dedad3;color:#5d615a;scroll-margin-top:0}
.unseen-portrait{position:absolute;inset:0;display:block;z-index:-2}.unseen-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% center}
.unseen:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#dedad3,rgba(222,218,211,0) 150px),linear-gradient(90deg,#dedad3 0%,rgba(222,218,211,.98) 27%,rgba(222,218,211,.8) 40%,rgba(222,218,211,.12) 62%,rgba(222,218,211,0) 78%)}
.unseen-content{padding:100px 6% 85px;width:58%;max-width:920px}.unseen-eyebrow{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#877b6f;margin-bottom:26px}.unseen h2{margin:0 0 27px;font-size:clamp(42px,4.5vw,72px);font-weight:400;letter-spacing:-.055em;line-height:1.04}.unseen-intro{font-size:clamp(16px,1.25vw,19px);line-height:1.65;margin:0;color:#71736a;max-width:39ch}.unseen-voices{margin:37px 0 29px;padding-left:20px;border-left:1px solid #a89c8e75;display:flex;flex-direction:column;gap:12px}.unseen-voices p{font-size:clamp(17px,1.4vw,22px);font-weight:400;letter-spacing:-.015em;color:#837d72;margin:0;line-height:1.4}.unseen-emphasis>span{display:block;color:#7e7c71;font-size:12px;letter-spacing:.02em;margin-bottom:10px}.unseen-emphasis>p{font-size:clamp(29px,2.9vw,45px);letter-spacing:-.04em;line-height:1.15;color:#75695d;margin:0}.unseen-closing{font-size:15px;line-height:1.7;margin:24px 0 0;color:#72756b}.unseen-affirmation{margin-top:35px;display:flex;align-items:start;gap:17px}.unseen-affirmation>span{height:1px;width:35px;margin-top:11px;background:#9a8d79}.unseen-affirmation p{margin:0;font-size:16px;line-height:1.6;color:#64695e}.unseen-affirmation strong{font-weight:500}
@media(max-width:760px){.unseen{min-height:0}.unseen-portrait{height:520px;inset:0 0 auto}.unseen-portrait img{object-position:79% center}.unseen:before{background:linear-gradient(180deg,#dedad3 0%,rgba(222,218,211,.1) 90px,rgba(222,218,211,0) 240px,#dedad3 500px)}.unseen-content{width:100%;padding:420px 7% 55px;max-width:none}.unseen-eyebrow{font-size:10px;margin-bottom:20px}.unseen h2{font-size:46px}.unseen-intro{font-size:16px;max-width:34ch}.unseen-intro br{display:none}.unseen-voices{margin-top:28px;gap:10px}.unseen-voices p{font-size:19px}.unseen-emphasis>p{font-size:33px}.unseen-closing{font-size:15px}.understanding:after{height:130px}}
/* A shared dusk tone bridges the video and portrait without a pale stripe. */
.understanding:after{height:260px;background:linear-gradient(180deg,rgba(40,57,56,0) 0%,rgba(40,57,56,.12) 24%,rgba(40,57,56,.48) 55%,rgba(40,57,56,.87) 82%,#283938 100%)}
.unseen{margin-top:-1px;min-height:1320px}
.unseen:before{background:linear-gradient(180deg,#283938 0%,rgba(40,57,56,.97) 40px,rgba(40,57,56,.79) 125px,rgba(40,57,56,.43) 240px,rgba(40,57,56,.12) 355px,rgba(40,57,56,0) 460px),linear-gradient(90deg,#dedad3 0%,rgba(222,218,211,.99) 29%,rgba(222,218,211,.91) 40%,rgba(222,218,211,.3) 58%,rgba(222,218,211,0) 74%)}
.unseen-content{width:60%;max-width:1000px;padding:430px 6.5% 135px}
.unseen-eyebrow{margin-bottom:32px}
.unseen h2{margin-bottom:36px;line-height:1.08}
.unseen-intro{line-height:1.8;max-width:40ch}
.unseen-voices{margin:60px 0 48px;padding-left:24px;gap:23px}
.unseen-emphasis>span{margin-bottom:17px}
.unseen-closing{margin-top:36px;line-height:1.85}
.unseen-affirmation{margin-top:54px}
@media(max-width:760px){.understanding:after{height:190px}.unseen{min-height:0}.unseen-portrait{height:650px}.unseen:before{background:linear-gradient(180deg,#283938 0%,rgba(40,57,56,.88) 55px,rgba(40,57,56,.4) 150px,rgba(40,57,56,0) 285px,rgba(222,218,211,0) 360px,rgba(222,218,211,.5) 490px,#dedad3 650px)}.unseen-content{width:100%;padding:640px 8% 85px}.unseen h2{font-size:46px;margin-bottom:28px}.unseen-eyebrow{margin-bottom:25px}.unseen-voices{margin:42px 0 36px;gap:20px;padding-left:20px}.unseen-closing{margin-top:28px}.unseen-affirmation{margin-top:40px}}
/* Thoughts float on translucent glass, with generous space around each voice. */
.unseen-content{width:68%;max-width:1120px;padding-top:400px;padding-bottom:100px}
.unseen h2{font-size:clamp(42px,4.2vw,66px);margin-bottom:24px}
.unseen-intro{max-width:36ch;font-size:17px;line-height:1.7}
.unseen:before{background:linear-gradient(180deg,#283938 0%,rgba(40,57,56,.97) 40px,rgba(40,57,56,.79) 125px,rgba(40,57,56,.43) 240px,rgba(40,57,56,.12) 355px,rgba(40,57,56,0) 460px),linear-gradient(90deg,#dedad3 0%,rgba(222,218,211,.94) 23%,rgba(222,218,211,.7) 37%,rgba(222,218,211,.12) 57%,rgba(222,218,211,0) 72%)}
.thoughts{position:relative;height:475px;margin-top:54px;max-width:650px}
.thought{position:absolute;max-width:86%;padding:24px 31px;border:1px solid rgba(255,253,245,.55);border-radius:25px;background:linear-gradient(125deg,rgba(255,253,245,.25),rgba(245,240,230,.065) 62%,rgba(255,253,245,.17));-webkit-backdrop-filter:blur(9px) saturate(110%);backdrop-filter:blur(9px) saturate(110%);box-shadow:inset 0 1px 0 rgba(255,254,247,.65),inset 0 -1px 0 rgba(255,254,247,.2),0 12px 30px rgba(94,88,76,.07);animation:thought-drift 9s ease-in-out infinite alternate;will-change:transform}
.thought p{margin:0;font-family:inherit;font-style:normal;font-weight:400;font-size:clamp(20px,1.8vw,27px);line-height:1.35;letter-spacing:-.025em;color:#62645b}
.thought-one{top:0;left:2%;animation-delay:-2s}
.thought-two{top:122px;left:28%;animation-duration:11s;animation-delay:-5s}
.thought-three{top:256px;left:5%;animation-duration:10s;animation-delay:-7s}
.thought-four{top:358px;left:31%;animation-duration:12s;animation-delay:-3s}
@keyframes thought-drift{from{transform:translate3d(-13px,3px,0)}to{transform:translate3d(17px,-5px,0)}}
.unseen-affirmation{margin-top:52px}
.thoughts-paused .thought{animation-play-state:paused}
@media(max-width:760px){.unseen-content{width:100%;padding:390px 8% 75px}.unseen-portrait{height:100%;inset:0}.unseen-portrait img{object-position:72% center}.unseen:before{background:linear-gradient(180deg,#283938 0%,rgba(40,57,56,.7) 110px,rgba(40,57,56,0) 320px),linear-gradient(90deg,rgba(222,218,211,.96),rgba(222,218,211,.77) 50%,rgba(222,218,211,.2)),linear-gradient(0deg,#dedad3,rgba(222,218,211,0) 25%)}.unseen h2{font-size:43px}.unseen-intro{font-size:16px}.thoughts{height:470px;margin-top:40px}.thought{padding:21px 23px;border-radius:22px;max-width:90%}.thought p{font-size:21px}.thought-two{left:16%;top:120px}.thought-three{left:2%;top:250px}.thought-four{left:19%;top:350px}.unseen-affirmation{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.thought{animation:none;will-change:auto}}
/* Small, separated thoughts with reserved room for their drift. */
.thoughts{height:auto;display:flex;flex-direction:column;align-items:flex-start;gap:28px;margin-top:44px;padding:8px 14px;max-width:590px}
.thought{position:relative;top:auto;left:auto;flex:none;width:fit-content;max-width:calc(100% - 24px);padding:13px 19px;border-radius:19px;border-color:rgba(255,253,245,.4);background:linear-gradient(125deg,rgba(255,253,245,.17),rgba(245,240,230,.04));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset 0 1px 0 rgba(255,254,247,.38),0 5px 16px rgba(94,88,76,.035);will-change:transform}
.thought p{font-size:clamp(16px,1.25vw,19px);line-height:1.4;letter-spacing:-.015em}
.thought-two{align-self:center}.thought-three{margin-left:7%}.thought-four{align-self:center;margin-left:12%}
@keyframes thought-drift{from{transform:translate3d(-6px,1px,0)}to{transform:translate3d(7px,-2px,0)}}
@media(max-width:760px){.thoughts{height:auto;gap:25px;margin-top:35px;padding:6px 8px}.thought{top:auto;left:auto;max-width:calc(100% - 16px);padding:12px 16px;border-radius:17px}.thought p{font-size:16px}.thought-three{margin-left:3%}.thought-four{margin-left:8%}}
/* Visible floating motion; the vertical gap exceeds the full travel range. */
.thoughts{gap:34px;padding:16px 22px}
.thought{animation-name:thought-float;animation-duration:6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
.thought-two{animation-duration:7s;animation-delay:-3s}
.thought-three{animation-duration:6.5s;animation-delay:-1.5s}
.thought-four{animation-duration:7.5s;animation-delay:-4s}
@keyframes thought-float{0%{transform:translate3d(-12px,7px,0)}50%{transform:translate3d(0,-7px,0)}100%{transform:translate3d(12px,3px,0)}}
@media(max-width:760px){.thoughts{gap:32px;padding:15px 17px}}
@media(prefers-reduced-motion:reduce){.thought{animation:none}}
/* Night: the supplied film, a light glass checklist and the reference layout. */
.unseen{margin-bottom:0}
.unseen:after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;pointer-events:none;background:linear-gradient(180deg,rgba(222,218,211,0),#dedad3)}
.night{position:relative;isolation:isolate;overflow:hidden;min-height:800px;min-height:max(800px,90svh);margin:0 -12px -12px;background:#404b47;color:#f2f1e8}
.night-video,.night-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.night-video{object-fit:cover;object-position:center}
.night-shade{background:linear-gradient(90deg,rgba(48,61,56,.74),rgba(48,61,56,.24) 44%,rgba(48,61,56,.08) 67%,rgba(48,61,56,.5)),linear-gradient(180deg,rgba(48,61,56,.4),rgba(48,61,56,0) 65%,rgba(48,61,56,.34))}
.night:before{content:"";position:absolute;z-index:1;top:0;left:0;right:0;height:155px;pointer-events:none;background:linear-gradient(180deg,#dedad3,rgba(222,218,211,.72) 24%,rgba(222,218,211,.18) 66%,rgba(222,218,211,0))}
.night-content{position:relative;z-index:2;padding:160px 6.5% 75px}.night-heading h2{font-size:clamp(35px,3.7vw,58px);letter-spacing:-.045em;font-weight:400;line-height:1.08;margin:0 0 22px}.night-heading>p{font-size:clamp(16px,1.3vw,20px);line-height:1.6;max-width:54ch;margin:0;color:#e0e4db}
.night-layout{display:flex;justify-content:space-between;align-items:flex-start;gap:60px;margin-top:62px}.sleep-card{width:340px;max-width:100%;padding:32px 29px;border-radius:24px;border:1px solid rgba(239,242,220,.48);background:linear-gradient(135deg,rgba(220,228,199,.19),rgba(186,199,168,.1));-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);box-shadow:inset 0 1px 0 rgba(255,253,237,.18)}.sleep-card h3{font-size:21px;font-weight:400;letter-spacing:-.025em;line-height:1.35;margin:0 0 25px}.sleep-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:18px}.sleep-card li{display:flex;align-items:center;gap:13px;font-size:16px;color:#e4e8dd;line-height:1.4}.sleep-card li>span{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border:1px solid #dfe5d4;border-radius:50%;font-size:13px;line-height:1}
.night-thought{margin:0 0 0 auto;padding-top:9px;font-size:11px;text-transform:uppercase;letter-spacing:.17em;line-height:2.05;color:#edf0e5;max-width:24ch}
@media(max-width:760px){.night{min-height:940px}.night:before{height:125px}.night-content{padding:135px 7% 45px}.night-heading h2{font-size:36px;max-width:15ch}.night-heading>p{font-size:16px;max-width:34ch}.night-heading>p br{display:none}.night-video{object-position:60% center}.night-layout{margin-top:42px;gap:32px;flex-direction:column}.sleep-card{width:280px;padding:25px 23px;border-radius:21px}.sleep-card h3{font-size:19px;margin-bottom:22px}.sleep-card li{font-size:15px}.sleep-card ul{gap:16px}.night-thought{align-self:flex-end;margin-top:22px;font-size:10px}.night-shade{background:linear-gradient(90deg,rgba(48,61,56,.69),rgba(48,61,56,.13)),linear-gradient(180deg,rgba(48,61,56,.4),rgba(48,61,56,.07) 70%,rgba(48,61,56,.55))}}
/* Daily comfort: four photographic cards on a clean, continuous surface. */
.night{margin-bottom:0}.night:after{content:"";position:absolute;left:0;right:0;bottom:0;height:180px;pointer-events:none;background:linear-gradient(180deg,rgba(218,215,208,0),rgba(218,215,208,.18) 35%,rgba(218,215,208,.65) 73%,#dad7d0)}
.habits{position:relative;overflow:hidden;margin:0 -12px -12px;padding:95px 6.5% clamp(100px,20vh,220px);background:#dad7d0;color:#5d635a;scroll-margin-top:20px}.habits .section-heading{align-items:end;margin-bottom:58px}.habits .section-title>p{font-style:normal;border-left:2px solid #a69b8b;padding-left:19px;margin-top:25px;max-width:52ch}.habits .section-caption{padding-bottom:6px;color:#827a6e}.habit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.habit-slot{min-width:0}.habit-card{height:100%;overflow:hidden;border-radius:24px;background:linear-gradient(140deg,rgba(246,244,237,.72),rgba(239,237,228,.42));border:1px solid rgba(255,253,246,.5);box-shadow:0 12px 30px rgba(110,108,94,.055);transform-origin:center center}.habit-photo{aspect-ratio:1/1.03;overflow:hidden;background:#c7c4b9}.habit-photo img{display:block;width:100%;height:100%;object-fit:cover}.habit-copy{padding:27px 25px 31px}.habit-copy h3{margin:0 0 13px;font-size:clamp(22px,1.9vw,30px);font-weight:400;letter-spacing:-.035em;line-height:1.12}.habit-copy p{margin:0;color:#75766c;font-size:16px;line-height:1.65}.habit-card.scroll-animated{will-change:opacity,transform}
@media(max-width:1000px){.habit-grid{gap:16px}.habit-copy{padding:22px 18px 26px}.habit-copy p{font-size:15px}}
@media(max-width:760px){.habits{padding:65px 7% 95px}.habits .section-heading{margin-bottom:35px}.habits .section-title h2{font-size:38px}.habit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.habit-card{border-radius:18px}.habit-copy{padding:20px 15px 24px}.habit-copy h3{font-size:23px}.habit-copy p{font-size:14px;line-height:1.6}.night:after{height:140px}}
@media(max-width:380px){.habit-grid{grid-template-columns:1fr;gap:26px}.habit-photo{aspect-ratio:4/3}.habit-copy p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.habit-card.scroll-animated{will-change:auto;transform:none!important;opacity:1!important}}
.habit-float{height:100%}.habit-slot{perspective:1000px;touch-action:pan-y}
.habit-card{position:relative;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift,0px));transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;backface-visibility:hidden}
.habit-card.is-tilting{--lift:-10px;box-shadow:0 24px 42px rgba(88,89,77,.19),0 7px 15px rgba(88,89,77,.09);transition:transform .14s ease-out,box-shadow .35s}
.habit-card:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,30%),rgba(255,253,241,.3),rgba(255,253,241,0) 65%);transition:opacity .35s}
.habit-card.is-tilting:after{opacity:1}
#habits-title .title-char{white-space:pre-wrap}
@media(prefers-reduced-motion:reduce){.habit-card{transform:none!important;transition:none}.habit-card:after{transition:none}#habits-title .title-char{opacity:1!important;animation:none!important}}
.habits{margin-bottom:0;padding-bottom:90px}
.community{margin:0 -12px -12px;padding:55px 6.5% 110px;background:linear-gradient(180deg,#dad7d0,#e1ddd5 80%);color:#5d635a;scroll-margin-top:30px}.community .section-heading{margin-bottom:40px}.community .section-title>p{font-style:normal;max-width:60ch;margin-top:20px}.community .subtitle-lead{font-weight:400;font-size:18px;color:#73756b}.community-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:25px;align-items:stretch}.community-story{position:relative;overflow:hidden;min-height:440px;aspect-ratio:1.45;border-radius:25px;margin:0;background:#a4a59a}.community-story picture,.community-story img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.community-story:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(56,68,62,0) 40%,rgba(56,68,62,.2) 62%,rgba(56,68,62,.84))}.community-story figcaption{position:absolute;z-index:1;bottom:34px;left:35px;right:28px;color:#f6f3e9}.community-story blockquote{margin:0 0 18px;font-style:normal;font-size:clamp(24px,2.25vw,36px);line-height:1.22;letter-spacing:-.035em;font-weight:400}.community-story figcaption>span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#e0e3d6}.community-invite{padding:clamp(28px,3.3vw,54px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border-radius:25px;background:linear-gradient(135deg,rgba(248,246,239,.65),rgba(237,233,223,.48));border:1px solid rgba(255,253,246,.45)}.community-invite h3{font-size:clamp(28px,2.6vw,40px);line-height:1.14;letter-spacing:-.045em;font-weight:400;margin:0 0 24px}.community-invite>p{margin:0 0 34px;color:#72766b;font-size:clamp(16px,1.4vw,20px);line-height:1.65;max-width:27ch}.community-join{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 23px;border:1px solid #8b928173;border-radius:40px;background:#727b69;color:#faf8ee;font-size:14px;line-height:1.3;text-align:left;transition:background .25s,transform .25s}.community-join:hover{background:#626e5c;transform:translateY(-2px)}.community-join>span{font-size:22px}
.community-dialog{position:fixed;border:1px solid #eeece1;border-radius:25px;background:#e1ddd5;color:#5d635a;padding:45px;max-width:450px;width:calc(100% - 40px)}.community-dialog::backdrop{background:rgba(62,73,65,.5);backdrop-filter:blur(6px)}.community-dialog h3{font-size:30px;letter-spacing:-.035em;font-weight:400;margin:0 0 20px}.community-dialog p{font-size:17px;line-height:1.6}.community-close{position:absolute;right:15px;top:10px;border:0;background:transparent;color:#72776b;font-size:28px}.community-return{border:1px solid #989c8e;border-radius:25px;padding:12px 18px;background:transparent;color:#60695b;margin-top:12px}
@media(max-width:760px){.habits{padding-bottom:60px}.community{padding:35px 7% 70px}.community .section-heading{margin-bottom:30px}.community .subtitle-lead{font-size:16px}.community-grid{grid-template-columns:1fr;gap:20px}.community-story{min-height:350px;aspect-ratio:1.05;border-radius:21px}.community-story figcaption{left:24px;right:20px;bottom:27px}.community-story blockquote{font-size:27px}.community-story blockquote br{display:none}.community-invite{padding:30px 27px;border-radius:21px}.community-invite h3{font-size:31px;margin-bottom:18px}.community-invite>p{max-width:35ch;font-size:17px;margin-bottom:25px}.community-join{font-size:14px}.community-dialog{padding:40px 28px}}
.community{margin-bottom:0;padding-bottom:85px}
.orientation{margin:0 -12px;padding:80px 6.5% 100px;scroll-margin-top:25px;background-color:#cbc7c0;background-image:linear-gradient(180deg,#e1ddd5 0%,rgba(225,221,213,.75) 70px,rgba(225,221,213,0) 250px),url('./fondo-gris-texturizado.webp');background-size:100% 100%,820px 820px;color:#5d635a}.orientation .section-heading{margin-bottom:40px}.orientation .section-title>p{font-style:normal;padding-left:19px;border-left:2px solid #a69b8b;max-width:62ch}.orientation-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:26px}.orientation-form{padding:42px;border-radius:25px;border:1px solid #fffaf078;background:linear-gradient(130deg,rgba(249,247,240,.57),rgba(238,235,225,.32));backdrop-filter:blur(9px)}.orientation-fields{display:grid;grid-template-columns:1fr 1fr;gap:27px 23px}.orientation-fields label{display:flex;flex-direction:column;gap:12px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#737568}.orientation-fields input,.orientation-fields select{width:100%;min-width:0;height:55px;padding:0 16px;font:inherit;font-size:16px;letter-spacing:0;text-transform:none;color:#5d635a;background:#f8f6efb0;border:1px solid #b3b1a54a;border-radius:10px}.orientation-fields input::placeholder{color:#8a8a80}.orientation-form input:focus-visible,.orientation-form select:focus-visible{outline:2px solid #969d88;outline-offset:3px}.orientation-consent{display:flex;align-items:flex-start;gap:12px;margin-top:30px;font-size:13px;line-height:1.65;color:#74766c}.orientation-consent input{width:17px;height:17px;flex:none;margin:3px 0 0;accent-color:#7c856e}.orientation-preview{font-size:12px;color:#7a7b70;margin:22px 0 18px;line-height:1.5}.orientation-submit{display:flex;gap:26px;align-items:center;background:#747e6b;color:#faf8ee;border:1px solid #89947c;border-radius:35px;padding:17px 24px;font-size:15px;transition:background .2s}.orientation-submit:hover{background:#65715d}.orientation-submit>span{font-size:22px}.orientation-submit:disabled{opacity:.6;cursor:default}.orientation-status{font-size:14px;line-height:1.6;color:#626959;margin:0}.orientation-status:not(:empty){margin-top:20px;padding-top:17px;border-top:1px solid #aaa99655}.orientation-art{position:relative;overflow:hidden;border-radius:25px;min-height:470px;margin:0;background:#a4a591}.orientation-art picture,.orientation-art img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}.orientation-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(77,86,69,0) 32%,rgba(77,86,69,.55))}.orientation-art figcaption{position:absolute;z-index:1;left:30px;right:25px;bottom:38px;font-size:clamp(29px,2.6vw,42px);letter-spacing:-.045em;line-height:1.15;color:#f7f4e8}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 6.5%;margin:0 -12px -12px;background:#cbc7c0;border-top:1px solid #aaa99b55;color:#707568}.footer-brand{font-size:20px;letter-spacing:-.07em}.footer-brand span{display:inline-block;font-size:12px;letter-spacing:0;margin-left:20px;padding-left:20px;border-left:1px solid #93998955}.site-footer nav{display:flex;gap:24px}.site-footer a{font-size:13px;color:inherit;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer .back-top{display:grid;place-items:center;border:1px solid #919b8055;width:40px;height:40px;border-radius:50%;background:#7a846f;color:#f5f3e8;font-size:23px}
@media(max-width:760px){.orientation{padding:55px 7% 65px}.orientation .section-title h2{font-size:36px}.orientation-grid{grid-template-columns:1fr;gap:22px}.orientation-form{padding:27px 22px;border-radius:21px}.orientation-fields{gap:23px 15px}.orientation-fields input,.orientation-fields select{font-size:16px;padding:0 11px}.orientation-art{min-height:300px;border-radius:21px}.orientation-art figcaption{font-size:35px;bottom:30px}.site-footer{padding:30px 7%;flex-wrap:wrap;gap:24px}.footer-brand{flex:1}.footer-brand span{display:block;margin:8px 0 0;padding:0;border:0}.site-footer nav{order:3;flex-basis:100%;gap:20px;flex-wrap:wrap}.orientation-submit{font-size:14px;padding:15px 20px;gap:18px}}
@media(max-width:400px){.orientation-fields{grid-template-columns:1fr}}