/* A continuous photographic space. The foreground moves; the landscape changes around it. */
:root{--ivory:#f1ead8;--ink:#080b08;--review-height:38px;--journey-gutter:clamp(30px,7.5vw,128px)}
html{background:var(--ink)}body{background:var(--ink)}
.review{background:#0d130d;color:#b7b9a4;border-bottom:1px solid #c4cbb316;font-size:9px;letter-spacing:.09em;padding:9px 3.5%;gap:15px}
.review .motion-shortcuts{gap:12px}.review a,.review button{text-decoration:none!important;border:0!important;color:inherit}.review a:hover,.review button:hover{color:#f0eddc}
.header{padding:30px var(--journey-gutter);color:var(--ivory)!important}.header .brand,.header .nav a{color:var(--ivory)!important}
.header .nav a{font-size:9px;letter-spacing:.14em}.brand{font-size:20px}.brand i{font-size:30px}
body:has(#welcome.active) .header .nav a,body:has(#afters.active) .header .nav a,body:has(#welcome.active) .header .brand,body:has(#afters.active) .header .brand{color:var(--ivory)!important}
body:has(#connect.active) .header a,body:has(#aftercare.active) .header a,body:has(#embodied.active) .header a,body:has(#resources.active) .header a{color:#293c23!important}
.hero{height:calc(100svh - var(--review-height));min-height:640px;max-height:none}
.opening{left:var(--journey-gutter);right:var(--journey-gutter);bottom:15%}.opening h1{font-size:clamp(66px,9.5vw,150px);line-height:.92;max-width:760px;font-weight:400;letter-spacing:-.065em}
.hero .outline{border-color:#e5e3d2;color:#e5e3d2;min-width:150px;text-align:center}
.hero:after{background:linear-gradient(0deg,#0b1209a8,transparent 75%),linear-gradient(90deg,#11190c55,transparent 70%)}
.sample-note{left:var(--journey-gutter);bottom:27px;color:#d0d5c7;font-size:9px;letter-spacing:.12em}
.immersive-panel{background:var(--ink);color:var(--ivory)}
.immersive-story{position:relative;isolation:isolate;--stage-height:calc(100svh - var(--review-height));background:var(--ink)}
.story-stage{position:sticky;top:var(--review-height);height:var(--stage-height);margin-bottom:calc(-1 * var(--stage-height));width:100%;overflow:hidden;z-index:0;background:#10170e}
.story-frame{position:absolute;inset:0;opacity:0;will-change:opacity;pointer-events:none;transition:opacity .16s linear}.story-frame:first-child{opacity:1}
.story-frame img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.025) translate3d(0,var(--scene-drift,0px),0);will-change:transform;filter:none}
.story-frame[data-scene="0"] img{object-position:50% 59%}
.story-frame[data-scene="1"] img{object-position:50% 43%}
.story-frame[data-scene="2"] img{object-position:50% 44%}
.story-frame[data-scene="3"] img{object-position:50% 52%}
.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#151c10bb 0%,#151c1070 44%,#151c1010 80%),linear-gradient(0deg,#11170e80,transparent 45%,#11170e22)}
[data-scene="1"] .scene-shade{background:linear-gradient(270deg,#14180fed 0%,#14180fb0 38%,#14180f10 78%),linear-gradient(0deg,#080b0855,transparent 55%)}
[data-scene="2"] .scene-shade{background:linear-gradient(90deg,#142411ec 0%,#142411b5 33%,#14241122 78%),linear-gradient(0deg,#080b0870,transparent 40%)}
[data-scene="3"] .scene-shade{background:linear-gradient(270deg,#080b08ee 0%,#080b08c0 35%,#080b0822 85%)}
.story-edge{position:absolute;inset:0;background:linear-gradient(0deg,#080b08a0,transparent 15%,transparent 86%,#080b0840);pointer-events:none}
.story-stage:after{content:'';position:absolute;inset:0;background:#080b08;opacity:var(--story-exit,0);pointer-events:none}
.story-coordinate{position:absolute;bottom:30px;left:var(--journey-gutter);display:flex;align-items:center;gap:16px;font:9px/1.4 Arial,sans-serif;letter-spacing:.2em;color:#d9dece;z-index:2}.coordinate-rule{width:55px;height:1px;background:#d9dece66}
.coordinate-rule{position:relative;background:#d9dece35}.coordinate-rule:after{content:'';position:absolute;inset:0;background:#cfb77f;transform:scaleX(var(--chapter-progress,0));transform-origin:left}
.story-coordinate [data-scene-number]{font-variant-numeric:tabular-nums}.story-coordinate [data-scene-name]{min-width:135px}
.story-wayfinder{position:sticky;top:calc(var(--review-height) + 45svh);height:0;z-index:4;margin-left:auto;margin-right:24px;width:25px;display:flex;flex-direction:column;gap:15px}
.story-wayfinder button{position:relative;width:24px;height:24px;min-height:24px;flex:0 0 24px;padding:0;border:0;background:transparent;cursor:pointer;color:#eeeddc}
.story-wayfinder button:before{content:'';position:absolute;left:8px;top:10px;width:4px;height:4px;background:#eeeddc66;border-radius:50%;transition:transform .4s,background .4s}
.story-wayfinder button[aria-current="step"]:before{transform:scale(1.5);background:#efeddb;box-shadow:0 0 12px #efeddb33}
.story-wayfinder button span{position:absolute;right:28px;top:5px;opacity:0;font-size:9px;transition:opacity .3s}.story-wayfinder button:hover span,.story-wayfinder button:focus-visible span{opacity:1}
.story-wayfinder button:focus-visible{outline:1px solid #f0eddd;outline-offset:6px}
.story-wayfinder button:after{content:'';position:absolute;inset:-10px 0 -10px -20px}
.story-beat{position:relative;z-index:1;min-height:133svh;display:flex;align-items:center;padding:18svh var(--journey-gutter);pointer-events:none}
.beat-copy{width:100%;max-width:510px;pointer-events:auto;transform:translate3d(0,var(--copy-drift,0px),0);opacity:var(--copy-opacity,1)}
.story-eyebrow{display:block;font:9px/1.6 Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#d8c392;margin-bottom:33px}
.story-beat h1,.story-beat h2{font:400 clamp(64px,7.5vw,114px)/.95 Georgia,serif;letter-spacing:-.055em;margin:0 0 38px;max-width:700px;color:var(--ivory);text-shadow:0 3px 30px #080b0822}
.story-beat h1{font-size:clamp(86px,10vw,158px)}
.story-beat h1 em,.story-beat h2 em{font-weight:400;letter-spacing:-.06em}
.story-beat h1,.story-beat h2,.story-beat .beat-lead{text-wrap:balance}.story-beat p{text-wrap:pretty}
.story-beat p{font:15px/1.9 Arial,sans-serif;max-width:420px;margin:0 0 24px;color:#e1e5d9}
.story-beat .beat-lead{font:26px/1.4 Georgia,serif;letter-spacing:-.015em;color:#f0eddf;margin-bottom:28px;max-width:430px}
.beat-arrival{min-height:125svh;padding-top:20svh;padding-bottom:35svh}
.beat-arrival .beat-copy{max-width:800px}.story-beat .arrival-line{font:23px/1.5 Georgia,serif;margin-left:5px;color:#ecebdd}
.scroll-invitation{display:flex;align-items:center;gap:15px;margin-top:52px;letter-spacing:.17em;font:8px/1.7 Arial,sans-serif;text-transform:uppercase;color:#c3ccbf}
.scroll-invitation>span{display:block;width:1px;height:44px;background:linear-gradient(0deg,transparent,#dac99e)}
.beat-inward,.beat-human{justify-content:flex-end}.beat-inward .beat-copy{max-width:500px}.beat-human .beat-copy{max-width:490px}
.beat-rooted{min-height:150svh}.beat-human{min-height:130svh;padding-bottom:27svh}
.story-beat .outline{border:1.5px solid #c7b17b;color:#f1ead8;font:700 10px/1.4 Georgia,serif;letter-spacing:.13em;padding:13px 23px;margin-top:7px;border-radius:300px}
.story-beat .outline:hover{background:#e6e8d8;color:#24351d}
.night-threshold{height:30svh;min-height:210px;position:relative;z-index:2;background:#080b08;display:flex;flex-direction:column;gap:28px;align-items:center;justify-content:center;color:#c5cfc0;font:italic 25px/1.4 Georgia,serif;text-align:center;padding:30px}
.threshold-line{width:1px;height:55px;background:linear-gradient(#bac7b355,transparent)}
#welcome .lightpassage{position:relative;background:#080b08}
#welcome .lightpassage:before{content:'';position:absolute;inset:0 0 auto;height:150px;background:linear-gradient(#080b08,transparent);z-index:2;pointer-events:none}
#welcome .lightstage{height:110svh;max-height:none}
#welcome .lightstage:after{background:linear-gradient(0deg,#080b08,transparent 23%)}
#welcome .spiritpause{background:#080b08;padding:80px var(--journey-gutter) 150px;color:#eeeddf}
#welcome .spiritpause>p{font-size:clamp(40px,5vw,76px);line-height:1.12;max-width:1050px}
#welcome .spiritpause .kicker{color:#b7ac8d}
.closing-invitation{position:relative;margin:48px auto 0;display:flex;flex-direction:column;align-items:center;gap:22px}
.closing-invitation>span{font:14px/1.7 Arial,sans-serif;color:#b9b7a3;letter-spacing:.02em}
.closing-invitation .outline{color:#eceadb;border:1.5px solid #c7b17b;font:700 11px/1.4 Georgia,serif;letter-spacing:.1em;padding:15px 28px;border-radius:300px}
.hero .outline,.story-beat .outline,.closing-invitation .outline,#guides .textlink,#process .textlink,#afters .textlink{transition:background-color .35s,color .35s,border-color .35s,box-shadow .35s}
.hero .outline:hover,.story-beat .outline:hover,.closing-invitation .outline:hover,#guides .textlink:hover,#process .textlink:hover,#afters .textlink:hover{background:#e8d9b2;color:#24351d;border-color:#e8d9b2;box-shadow:0 0 34px #dfd9b415}
.header .nav a{position:relative;padding-block:6px}.header .nav a:after{content:'';height:1px;position:absolute;left:0;right:0;bottom:0;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s}
.header .nav a:hover:after,.header .nav a:focus-visible:after{transform:scaleX(1)}
.header a:focus-visible,.review a:focus-visible,.review button:focus-visible{outline:1px solid currentColor;outline-offset:6px}
::selection{background:#d5c08c;color:#24351d}
#welcome .footer{background:#080b08;color:#aaa995;border-top:1px solid #d3dbc71c;padding:35px var(--journey-gutter)}
/* Inner chapters use the same uninterrupted photographic language. */
#guides,#process,#afters{--paper:#142313;--scene-tone:#142313;--next-tone:#142313;background:#142313;color:#e2e7db}
.panel:not(#welcome) .master-mast{height:110svh!important;min-height:780px!important;max-height:none!important;display:block;background:#142313}
.panel:not(#welcome) .master-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0;mask:none!important;-webkit-mask:none!important;clip-path:none!important}
.panel:not(#welcome) .master-art img{height:100%;object-fit:cover;object-position:center 43%!important;transform:none!important}
.panel:not(#welcome) .master-art:before{background:linear-gradient(90deg,#132211d9, #13221188 38%,transparent 80%),linear-gradient(#13221144,transparent 30%)}
.panel:not(#welcome) .master-art:after{background:linear-gradient(0deg,#142313,transparent 33%)}
.panel:not(#welcome) .master-mast .mastcopy{position:absolute!important;left:var(--journey-gutter)!important;top:auto!important;bottom:24%!important;width:70%!important;max-width:900px!important;margin:0!important;padding:0!important}
.panel:not(#welcome) .master-mast .mastcopy h1{font-size:clamp(76px,9vw,140px)!important;color:#eeeddf;line-height:.96!important;letter-spacing:-.06em;margin:28px 0 0!important}
.panel:not(#welcome) .master-mast .mastcopy .kicker{color:#dac99e}
.panel:not(#welcome) .master-mast .imageindex{position:absolute;left:var(--journey-gutter);bottom:48px;max-width:none;color:#b7b99a;background:none;padding:0;margin:0}
#guides .inside.illustrated,#process .inside.illustrated,#afters .inside.illustrated{background:#142313;padding-top:60px;padding-bottom:130px;max-width:1300px}
#guides .inside .intro,#process .inside .intro,#afters .inside .intro{font-size:clamp(28px,3.3vw,44px);line-height:1.35;letter-spacing:-.025em;margin-bottom:110px;color:#e7eadc}
#guides .copyblock,#process .copyblock,#afters .copyblock{margin-top:110px}
#guides .copyblock h2,#process .copyblock h2,#afters .copyblock h2{font-size:46px;font-weight:400;color:#eeeddf}
#guides .role,#process .kicker,#afters .kicker{color:#cbb783}.scope{color:#a4b4a6}
#guides .footer,#process .footer,#afters .footer{background:#142313;color:#a2b5a8;border-color:#cbd8c51c}
#guides .textlink,#process .textlink,#afters .textlink{border-color:#c7b17b;color:#e9eddf}
#process .widepause{background:#142313;margin-top:110px;margin-bottom:110px}
#process .widepause img{height:110svh;max-height:1150px;mask-image:linear-gradient(0deg,transparent,#000 22%,#000 80%,transparent)!important;-webkit-mask-image:linear-gradient(0deg,transparent,#000 22%,#000 80%,transparent)!important;mask-composite:add;-webkit-mask-composite:source-over}
#process .widepause figcaption{bottom:32%;font-size:clamp(38px,5vw,76px);max-width:600px;left:10%;right:10%}
@media(max-width:700px){
 :root{--journey-gutter:31px}
 .review{padding:8px 20px;font-size:8px;gap:4px;line-height:1.8}.review>span:first-child{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.review .motion-shortcuts{margin-left:0;gap:10px}.review>span:last-child{margin-left:auto;font-size:7px}
 .header{top:var(--review-height)!important;padding:24px var(--journey-gutter)!important;gap:18px}.header .brand{font-size:18px}.header .brand i{font-size:27px}.header .nav{justify-content:flex-start;gap:23px!important;width:100%;max-width:none}.header .nav a{font-size:8px!important}
 .hero{min-height:650px}.opening{bottom:18%;gap:35px}.opening h1{font-size:76px;max-width:310px}.hero .outline{min-width:145px}.sample-note{font-size:7px;letter-spacing:.08em;right:25px}
 .story-stage{top:var(--review-height)}.story-wayfinder{margin-right:8px;width:20px;gap:16px}
 .story-coordinate{bottom:24px;font-size:7px;gap:12px}.coordinate-rule{width:36px}
 .story-beat{padding:18svh var(--journey-gutter);min-height:145svh}.beat-copy{max-width:100%!important}
 .story-beat h1{font-size:clamp(66px,18vw,89px);margin-bottom:30px}.story-beat h2{font-size:clamp(57px,15vw,75px);line-height:1.01;margin-bottom:30px}
 .story-eyebrow{font-size:8px;letter-spacing:.18em;margin-bottom:28px}.story-beat p{font-size:15px;line-height:1.85;max-width:100%}.story-beat .beat-lead{font-size:23px;line-height:1.45}.story-beat .arrival-line{font-size:22px}
 .beat-arrival{min-height:125svh;padding-top:28svh;padding-bottom:26svh}.beat-inward{min-height:165svh}.beat-rooted{min-height:165svh}.beat-human{min-height:145svh}
 .story-frame[data-scene="0"] img{object-position:42% 52%}.story-frame[data-scene="1"] img{object-position:38% 45%}.story-frame[data-scene="2"] img{object-position:54% 40%}.story-frame[data-scene="3"] img{object-position:47% 55%}
 .scene-shade{background:linear-gradient(90deg,#141c108c,#141c1022),linear-gradient(0deg,#141c10aa,transparent 70%)}
 [data-scene="1"] .scene-shade{background:linear-gradient(90deg,#080b08a8,#080b0860),linear-gradient(0deg,#080b08ee 0%,#080b0888 55%,#080b0811)}
 [data-scene="2"] .scene-shade{background:linear-gradient(90deg,#172a139c,#172a1322),linear-gradient(0deg,#080b08c0,transparent 85%)}
 [data-scene="3"] .scene-shade{background:linear-gradient(90deg,#080b08bb,#080b0877),linear-gradient(0deg,#080b08df,transparent 95%)}
 .night-threshold{min-height:180px;height:25svh;font-size:23px}
 #welcome .lightstage{height:105svh;min-height:720px}#welcome .passagewords{left:var(--journey-gutter);top:19%}#welcome .passagewords p{font-size:75px}
 #welcome .spiritpause{padding:65px var(--journey-gutter) 100px}#welcome .spiritpause>p{font-size:42px;line-height:1.15}#welcome .spiritpause .kicker{font-size:8px;line-height:1.8}
 .closing-invitation{margin-top:36px;gap:20px}.closing-invitation>span{font-size:13px}.closing-invitation .outline{padding:14px 25px}
 #welcome .footer{gap:22px;font-size:9px}
 .panel:not(#welcome) .master-mast{height:110svh!important;min-height:740px!important}
 .panel:not(#welcome) .master-mast .mastcopy{bottom:22%!important;width:calc(100% - 2 * var(--journey-gutter))!important;padding:0!important}
 .panel:not(#welcome) .master-mast .mastcopy h1{font-size:clamp(59px,15.5vw,80px)!important;line-height:1.01!important}
 .panel:not(#welcome) .master-art:before{background:linear-gradient(90deg,#132211b8,#13221122),linear-gradient(0deg,#13221170,transparent 90%)}
 .panel:not(#welcome) .master-mast .imageindex{position:absolute;left:var(--journey-gutter);bottom:35px;font-size:8px}
 #guides .inside.illustrated,#process .inside.illustrated,#afters .inside.illustrated{padding:35px var(--journey-gutter) 85px}
 #guides .inside .intro,#process .inside .intro,#afters .inside .intro{font-size:29px;line-height:1.4;margin-bottom:75px}
 #guides .copyblock,#process .copyblock,#afters .copyblock{margin-top:80px;font-size:15px;line-height:1.9}
 #guides .copyblock h2,#process .copyblock h2,#afters .copyblock h2{font-size:37px}
 #process .widepause{margin-top:50px;margin-bottom:65px}#process .widepause img{height:110svh;min-height:750px}#process .widepause figcaption{font-size:40px;left:var(--journey-gutter);right:var(--journey-gutter);bottom:31%}
}
.motion-paused .story-frame{transition:none}
@media(prefers-reduced-motion:reduce){.story-frame img,.beat-copy{transform:none!important;will-change:auto}.story-frame{will-change:auto;transition:none}.header .nav a:after{transition:none}}

/* Earth and light: uncoloured night, living forest, restrained sun-warmed gold. */
#welcome .lightstage{background:#080b08}
.night-threshold{background:linear-gradient(#080b08,#050605)}
#welcome .lightpassage{background:#050605}
#welcome .lightpassage:before{background:linear-gradient(#050605,transparent)}
#welcome .lightstage:after{background:linear-gradient(0deg,#080b08,transparent 23%)}
.story-frame[data-scene="0"] img{filter:saturate(1.24) contrast(1.04)}
.story-frame[data-scene="2"] img{filter:saturate(.96)}
#guides .inside.illustrated,#process .inside.illustrated,#afters .inside.illustrated{background:linear-gradient(180deg,#142313,#192b16 55%,#142313)}
#process .widepause{background:#101a0e}
.hero .outline,.story-beat .outline,.closing-invitation .outline{border-color:#c7b17b}
/* A spatial fade stays attached to the valley's edge as the sticky scene releases. */
.immersive-story:after{content:none}
.night-threshold:before{content:'';position:absolute;left:0;right:0;bottom:calc(100% - 1px);height:70svh;min-height:360px;pointer-events:none;background:linear-gradient(180deg,rgba(5,6,5,0) 0%,rgba(5,6,5,.03) 12%,rgba(5,6,5,.13) 26%,rgba(5,6,5,.32) 43%,rgba(5,6,5,.58) 60%,rgba(5,6,5,.82) 77%,rgba(5,6,5,.96) 91%,#050605 100%)}
.story-stage:after{background:#050605;opacity:0}
.night-threshold{background:#050605;height:16svh;min-height:130px;gap:18px;padding:20px 30px}
#welcome .lightpassage:before{height:clamp(200px,35svh,420px);background:linear-gradient(180deg,#050605 0%,#050605f2 16%,#050605c4 36%,#0506057a 58%,#05060529 80%,#05060500 100%)}
.threshold-line{background:linear-gradient(#c7b17b35,transparent)}
/* Long photographic falloff, with one shared black on both sides of the night. */
#welcome .lightpassage:before{height:clamp(240px,43svh,510px);background:linear-gradient(180deg,#050605 0%,rgba(5,6,5,.96) 9%,rgba(5,6,5,.83) 22%,rgba(5,6,5,.62) 38%,rgba(5,6,5,.38) 55%,rgba(5,6,5,.17) 73%,rgba(5,6,5,.04) 89%,rgba(5,6,5,0) 100%)}
#welcome .lightstage:after{content:'';position:absolute;inset:auto 0 -1px;height:clamp(320px,48svh,600px);z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(5,6,5,0) 0%,rgba(5,6,5,.04) 13%,rgba(5,6,5,.16) 28%,rgba(5,6,5,.37) 45%,rgba(5,6,5,.63) 63%,rgba(5,6,5,.85) 79%,rgba(5,6,5,.97) 92%,#050605 100%)}
#welcome .lightstage,#welcome .spiritpause,#welcome .footer{background-color:#050605}
#welcome .passagewords{z-index:3}
#welcome{background:#050605}
#welcome .spiritpause{position:relative;z-index:3;margin-top:-12svh;background:transparent;padding-top:0}
#welcome .spiritpause:before{content:none}
.threshold-line{height:42px}
#welcome .lightstage .state-night{object-position:50% 0!important;transform:scale(1.28)!important;transform-origin:50% 0!important}
#welcome .passagewords p{font-size:clamp(45px,6vw,90px)}
#welcome .passagewords .kicker{font-size:7.5px}
@media(max-width:700px){#welcome .passagewords p{font-size:56.25px}}
/* The forest image fades onto the actual surrounding surface, not a darker rectangle. */
#process .widepause{background:transparent}
#process .widepause{position:relative}
#process .widepause .waterfall-motion{position:absolute;pointer-events:none;z-index:1}
#process .widepause figcaption{z-index:2}
#process .widepause img{object-position:50% 50%}
.story-frame[data-scene="1"] img{object-position:50% 50%}
.story-frame[data-scene="1"] .scene-shade{background:linear-gradient(90deg,rgba(5,12,6,.63),rgba(5,12,6,.12)),linear-gradient(0deg,rgba(5,12,6,.7),transparent 65%)}
@media(max-width:700px){.beat-arrival h1{font-size:clamp(56px,15vw,72px);letter-spacing:-.055em}.beat-arrival h1 em{display:block;max-width:340px}}
#process .widepause img{mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.04) 4%,rgba(0,0,0,.16) 9%,rgba(0,0,0,.38) 15%,rgba(0,0,0,.65) 22%,rgba(0,0,0,.88) 29%,#000 38%,#000 62%,rgba(0,0,0,.88) 71%,rgba(0,0,0,.65) 78%,rgba(0,0,0,.38) 85%,rgba(0,0,0,.16) 91%,rgba(0,0,0,.04) 96%,transparent 100%)!important;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.04) 4%,rgba(0,0,0,.16) 9%,rgba(0,0,0,.38) 15%,rgba(0,0,0,.65) 22%,rgba(0,0,0,.88) 29%,#000 38%,#000 62%,rgba(0,0,0,.88) 71%,rgba(0,0,0,.65) 78%,rgba(0,0,0,.38) 85%,rgba(0,0,0,.16) 91%,rgba(0,0,0,.04) 96%,transparent 100%)!important}

.story-frame .valley-fog-motion{position:absolute;inset:0;pointer-events:none;transform-origin:center;will-change:transform}

/* Mobile: frame the crescent in the right-hand sky, retaining the lake. */
@media(max-width:760px){
 #welcome .lightstage .state-night{object-position:90% 0!important;transform-origin:90% 0!important}
 #welcome .lightpassage:before{height:clamp(120px,18svh,180px)}
}
