@font-face{font-family:Josefin Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/josefin-sans-latin-300-normal.woff2)format("woff2")}@font-face{font-family:Josefin Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/josefin-sans-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Jost;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/jost-latin-300-normal.woff2)format("woff2")}@font-face{font-family:Jost;font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/jost-latin-300-italic.woff2)format("woff2")}@font-face{font-family:Jost;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jost-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Jost;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jost-latin-500-normal.woff2)format("woff2")}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@property --fg{syntax:"<color>";inherits:true;initial-value:#161615}@property --fg-2{syntax:"<color>";inherits:true;initial-value:#57554f}@property --au{syntax:"<color>";inherits:true;initial-value:#7a6036}@property --rule{syntax:"<color>";inherits:true;initial-value:#16161529}@property --ground{syntax:"<color>";inherits:true;initial-value:#f0efeb}:root{--linen:#f0efeb;--basalt:#1b1b1a;--leather:#4a3426;--paper:#fff;--black:#161615;--chalk:#eceae4;--settle:.32s;--travel:.9s;--lay:1.1s;--out:cubic-bezier(.16, 1, .3, 1);--io:cubic-bezier(.65, 0, .35, 1);--title:"Josefin Sans", "Futura", "Century Gothic", sans-serif;--text:"Jost", "Futura", "Helvetica Neue", Arial, sans-serif;--gut:20px;--bar:60px;--band:clamp(240px, 40svh, 560px);--ph-s:1;--fg:var(--black);--fg-2:#57554f;--au:#7a6036;--rule:#16161529;--ground:var(--linen);transition:--fg var(--travel) var(--io), --fg-2 var(--travel) var(--io), --au var(--travel) var(--io), --rule var(--travel) var(--io), --ground var(--travel) var(--io)}html[data-world=paper]{--ground:var(--paper)}html[data-world=basalt]{--fg:var(--chalk);--fg-2:#b3b0a8;--au:#c9ae76;--rule:#eceae429;--ground:var(--basalt)}html[data-world=leather]{--fg:#f6eee4;--fg-2:#ddcdba;--au:#e2c58c;--rule:#f6eee438;--ground:var(--leather)}html.reduced,html.reduced *{transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-delay:0s!important}html{-webkit-text-size-adjust:100%;scrollbar-color:color-mix(in srgb, var(--fg) 35%, transparent) transparent;font-size:16px}body{background:var(--ground);color:var(--fg);font-family:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;font-size:16px;font-weight:300;line-height:1.6}a{color:inherit;text-decoration:none}::selection{background:color-mix(in srgb, var(--au) 40%, transparent);color:var(--fg)}:focus-visible{outline:1.5px solid var(--au);outline-offset:3px}.page{z-index:1;position:relative;overflow-x:clip}.logo{--lk:26px;height:var(--lk);width:calc(var(--lk) * 2800 / 744);background:currentColor;flex:none;display:block;-webkit-mask:url(/brand/hoffmann-logo.svg) 50%/contain no-repeat;mask:url(/brand/hoffmann-logo.svg) 50%/contain no-repeat}.h1,.h2,.h3,.runhead,.btn,.tap,.pp-ok,.slide-h,.since,.shot figcaption,.ask-shot figcaption,.pp-photo figcaption{font-family:var(--title)}.h1,.h2{text-transform:uppercase;letter-spacing:.08em;color:var(--fg);text-wrap:balance;font-weight:300}.h1 .ln,.h2 .ln{display:block}.h1 span.ln,.h2 span.ln{color:var(--fg-2)}.h1 em,.h2 em{color:var(--fg);font-style:normal}.h1{font-size:clamp(27px,7.4vw,32px);line-height:1.24}.h2{font-size:clamp(23px,6.2vw,27px);line-height:1.28}.h3{letter-spacing:.2em;text-transform:uppercase;color:var(--fg);font-size:14px;font-weight:400;line-height:1.35}.lede{max-width:34em;color:var(--fg);text-wrap:pretty;font-size:17.5px;line-height:1.62}.bp{color:var(--fg-2);text-wrap:pretty;max-width:36em;font-size:15.5px;font-weight:400;line-height:1.62}.reveal .ln{clip-path:inset(0 0 100%);translate:0 -.12em}.reveal.seen .ln{clip-path:inset(0 0 -.2em);transition:clip-path var(--lay) var(--out), translate var(--lay) var(--out);translate:0}.reveal.seen .ln+.ln{transition-delay:.18s}.top{z-index:30;height:calc(var(--bar) + env(safe-area-inset-top));padding:0 var(--gut);padding-top:env(safe-area-inset-top);background:color-mix(in srgb, var(--linen) 99.6%, transparent);color:var(--black);justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px #1616151f}.mark{color:var(--black);align-items:center;gap:14px;display:inline-flex}.tmark{width:9.39px;height:20px;color:var(--black);display:block}.tmark-t{fill:currentColor;stroke:currentColor;stroke-width:.44px;stroke-linejoin:round}.lx{font-family:var(--text);color:#6a6862;font-size:14px}.top .mark{opacity:0}html.loaded .top .mark{opacity:1;transition:opacity var(--lay) var(--out)}.runhead{left:50%;top:calc(50% + env(safe-area-inset-top) / 2);letter-spacing:.24em;text-transform:uppercase;color:#3f3d39;white-space:nowrap;pointer-events:none;font-size:13px;font-weight:400;display:none;position:absolute;transform:translate(-50%,-50%)}.runhead span{padding-top:.15em;display:block}.runhead span.in{animation:head var(--travel) var(--out) both}@keyframes head{0%{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}.for{font-family:var(--text);letter-spacing:.02em;color:#3f3d39;white-space:nowrap;font-size:13.5px;font-weight:400}.btn{cursor:pointer;white-space:nowrap;min-height:50px;color:var(--fg);border:1px solid var(--fg);letter-spacing:.2em;text-transform:uppercase;transition:background-color var(--settle) var(--out), color var(--settle) var(--out);background:0 0;justify-content:center;align-items:center;padding:.15em 28px 0;font-size:14px;font-weight:400;display:inline-flex}.btn:hover{background:var(--fg);color:var(--ground)}.btn.ghost{text-underline-offset:7px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--au);text-decoration-color:var(--au);border-color:#0000;padding:.15em 0 0}.btn.ghost:hover{background:0 0;text-decoration-thickness:2px}.stage{position:relative}.sticky{z-index:2;height:var(--band);background:var(--ground);border-bottom:1px solid var(--rule);position:sticky;top:0;overflow:hidden}.box{inset:calc(var(--bar) + env(safe-area-inset-top)) 0 0 0;position:absolute}.nogl{place-items:center;display:grid;position:absolute;inset:8% 6%}.nogl img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;display:block}.copy{z-index:1;padding:0 var(--gut);position:relative}.chap{min-height:calc(100svh - var(--band));flex-direction:column;gap:22px;max-width:620px;padding:40px 0 64px;display:flex}.chap-prints{min-height:calc(3 * (100svh - var(--band)))}.prints-in{top:calc(var(--band) + 16px);flex-direction:column;gap:20px;display:flex;position:sticky}.facts{border-top:1px solid var(--fg);grid-template-columns:repeat(3,minmax(0,1fr));column-gap:18px;padding-top:14px;display:grid}.facts div{flex-direction:column;gap:4px;display:flex}.facts dt{font-family:var(--text);letter-spacing:.02em;color:var(--au);font-variant-numeric:lining-nums tabular-nums;font-size:24px;font-weight:400;line-height:1.1}.facts dd{color:var(--fg-2);font-size:13.5px;font-weight:400;line-height:1.45}.prints{border-top:1px solid var(--rule);list-style:none}.prints li{border-bottom:1px solid var(--rule);color:var(--fg);align-items:center;gap:14px;padding:11px 0 10px;font-size:15.5px;font-weight:400;display:flex}.prints i{background:var(--au);transform-origin:0;opacity:.7;width:40px;height:1.5px;transition:transform var(--travel) var(--out), opacity var(--settle) var(--out);flex:none;transform:scaleX(.3)}html[data-st="0"] .prints [data-l="0"] i,html[data-st="1"] .prints [data-l="1"] i,html[data-st="2"] .prints [data-l="2"] i{opacity:1;transform:none}.shot{flex-direction:column;gap:8px;max-width:400px;display:flex}.shot img{width:100%;height:auto;display:block}.shot figcaption,.ask-shot figcaption{letter-spacing:.22em;text-transform:uppercase;color:var(--fg-2);padding-top:.15em;font-size:12px}.three,.opts{border-top:1px solid var(--fg);list-style:none}.three li{border-bottom:1px solid var(--rule);grid-template-columns:2.4rem minmax(0,1fr);align-items:baseline;gap:4px 12px;padding:14px 0 16px;display:grid}.three i{font-style:normal;font-family:var(--text);color:var(--au);font-size:17px;font-weight:400;line-height:1}.three .h3,.three .own,.three .bp{grid-column:2}.own{color:var(--fg);font-size:17px;font-style:italic;line-height:1.4}.qa{border-top:1px solid var(--fg)}.qa details{border-bottom:1px solid var(--rule)}.qa summary{cursor:pointer;color:var(--fg);justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0 13px;font-size:16.5px;font-weight:400;line-height:1.4;list-style:none;display:flex}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:"";width:11px;height:11px;transition:transform var(--settle) var(--out);background:linear-gradient(currentColor,currentColor) 50%/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) 50%/1.5px 100% no-repeat;flex:none;transform:translateY(-1px)}.qa details[open] summary:after{transform:translateY(-1px)rotate(45deg)}.qa summary:hover{color:var(--au)}.qa .a{color:var(--fg-2);max-width:36em;padding:0 0 18px;font-size:15.5px;font-weight:400;line-height:1.62}.houses{gap:22px;display:grid}.house{border-top:1px solid var(--fg);flex-direction:column;gap:4px;padding-top:14px;display:flex}.since{letter-spacing:.22em;text-transform:uppercase;color:var(--au);padding-top:.15em;font-size:12px}.house ul{margin-top:10px;list-style:none}.house li{color:var(--fg-2);border-bottom:1px solid var(--rule);padding:7px 0;font-size:15px;font-weight:400;line-height:1.5}.tapring{z-index:3;pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.tapring:before,.tapring:after{content:"";opacity:0;border:1.5px solid #d6b97e;border-radius:50%;width:48px;height:48px;position:absolute;top:-24px;left:-24px}.tapring.go:before{animation:ring var(--lay) var(--out) both}.tapring.go:after{animation:ring var(--lay) var(--out) var(--settle) both}.tapring.rest:before{opacity:.85;transition:opacity var(--travel) var(--out);animation:none;transform:none}@keyframes ring{0%{opacity:1;transform:scale(.35)}to{opacity:0;transform:scale(2.4)}}.ovl{z-index:5;pointer-events:none;position:absolute;inset:0}.fade{opacity:0;transition:opacity var(--settle) var(--io), transform var(--settle) var(--io)}.fade.on{opacity:1;pointer-events:auto;transition:opacity var(--travel) var(--out), transform var(--travel) var(--out)}.rise{transform:translateY(14px)}.on.rise{transform:none}.ov{position:absolute;bottom:7vh;right:max(96px,8vw)}.ov>*{opacity:calc(1 - var(--x,0));translate:0 calc(var(--x,0) * var(--dir,-1) * 48px)}.ph-ov{transform:translateY(calc(-50% + 14px)) scale(var(--ph-s));transform-origin:100%;top:50%;bottom:auto;right:88px}.ph-ov.on{transform:translateY(-50%) scale(var(--ph-s))}.phone{background:#141413;border-radius:46px;width:292px;height:600px;padding:9px;box-shadow:0 40px 70px -34px #0009,inset 0 0 0 1.5px #d6b97e66}.screen{background:var(--linen);height:100%;color:var(--black);border-radius:38px;padding:14px 0 16px;position:relative;overflow:hidden}.ph-status{font-family:var(--text);justify-content:space-between;align-items:center;padding:0 26px;font-size:12px;font-weight:500;display:flex}.ph-status i{background:#141413;border-radius:999px;width:70px;height:18px}.ph-status .bat{border:1px solid;width:18px;height:8px}.idle{text-align:center;transition:opacity var(--settle) var(--io);flex-direction:column;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;inset:60px 26px 30px}.idle .pl{--lk:30px;color:var(--black);margin-top:8px}.idle .quiet{color:#4a4843;font-size:14.5px;font-weight:400;line-height:1.55}.seal{background:var(--black);width:148px;height:148px;-webkit-mask:url(/brand/hoffmann-seal.svg) 50%/contain no-repeat;mask:url(/brand/hoffmann-seal.svg) 50%/contain no-repeat}html:not(.reduced) .seal{animation:breathe 3.6s var(--io) infinite}@keyframes breathe{50%{opacity:.6;transform:scale(.96)}}.tap{border:1px solid var(--black);width:100%;min-height:48px;color:var(--black);cursor:pointer;letter-spacing:.24em;text-transform:uppercase;transition:background-color var(--settle) var(--out), color var(--settle) var(--out);background:0 0;padding-top:.15em;font-size:14px;font-weight:400}.tap:hover{background:var(--black);color:var(--linen)}.pp{opacity:0;visibility:hidden;transition:opacity var(--settle) var(--out), visibility 0s var(--settle);flex-direction:column;display:flex;position:absolute;inset:44px 0 14px}.screen.open .idle{opacity:0;visibility:hidden}.screen.open .pp{opacity:1;visibility:visible;transition:opacity var(--travel) var(--out) var(--settle)}.slides{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;flex:1;grid-auto-columns:100%;grid-auto-flow:column;display:grid;overflow-x:auto}.slides::-webkit-scrollbar{display:none}.slide{scroll-snap-align:start;flex-direction:column;gap:12px;min-width:0;padding:4px 20px 0;display:flex}.pp-brand{justify-content:center;padding:8px 0 2px;display:flex}.pp-brand .logo{--lk:24px;color:var(--black)}.pp-photo{background:var(--paper);flex-direction:column;gap:4px;padding:6px 8px 7px;display:flex}.slide:first-child .pp-photo{flex:1;min-height:0}.pp-photo img{object-fit:contain;flex:1;width:100%;min-height:0;display:block}.pp-photo figcaption{letter-spacing:.2em;text-transform:uppercase;color:#5d5b55;text-align:center;font-size:10.5px}.pp-ok{letter-spacing:.2em;text-transform:uppercase;color:#6e5530;text-align:center;align-self:center;padding-top:.15em;font-size:13px;font-weight:400}.slide dl{border-top:1px solid #16161538}.slide dl div{opacity:0;border-bottom:1px solid #1616151f;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;display:flex;transform:translateY(4px)}.screen.open .slide dl div{opacity:1;transition:opacity var(--settle) var(--out), transform var(--settle) var(--out);transition-delay:calc(var(--settle) + var(--i) * .12s);transform:none}.slide dt,.slide dd{white-space:nowrap}.slide dt{color:#5d5b55;font-size:12.5px;font-weight:400}.slide dd{text-align:right;font-size:14px;font-weight:500}.slide-h{letter-spacing:.08em;text-transform:uppercase;color:var(--black);margin-top:8px;font-size:21px;font-weight:300;line-height:1.25}.slide-p{color:#3f3d39;font-size:14.5px;font-weight:400;line-height:1.6}.news{background:var(--paper);color:#3f3d39;margin-top:6px;padding:12px 14px;font-size:13.5px;font-weight:400;line-height:1.55}.news b{font-family:var(--title);letter-spacing:.22em;text-transform:uppercase;color:#6e5530;margin-bottom:4px;font-size:12px;font-weight:400;display:block}.pnav{justify-content:center;align-items:center;gap:18px;padding:10px 0 6px;display:flex}.arrow{cursor:pointer;width:36px;height:36px;color:var(--black);transition:border-color var(--settle) var(--out);background:0 0;border:1px solid #16161573;border-radius:50%;place-items:center;display:grid}.arrow:hover{border-color:var(--black)}.arrow:disabled{opacity:.3;cursor:default}.arrow svg{fill:none;stroke:currentColor;stroke-width:1.25px;width:14px;height:14px}.dots{gap:7px;display:flex}.dots i{border:1px solid var(--black);width:6px;height:6px;transition:background-color var(--settle) var(--out);border-radius:50%}.dots i.on{background:var(--black)}.back{cursor:pointer;font:inherit;color:#4a4843;text-underline-offset:3px;background:0 0;border:0;align-self:center;padding:6px 10px;font-size:12.5px;font-weight:400;-webkit-text-decoration:underline #1616154d;text-decoration:underline #1616154d}.back:hover{color:var(--black)}.rail{right:var(--gut);z-index:20;flex-direction:column;align-items:flex-end;gap:0;display:none;position:fixed;top:50%;transform:translateY(-50%)}.rail button,.ticks button{cursor:pointer;color:var(--fg);font:inherit;background:0 0;border:0}.rail button{place-items:center end;width:40px;height:24px;display:grid;position:relative}.rail i,.ticks i{opacity:.6;transform-origin:100%;width:22px;height:1.5px;transition:transform var(--travel) var(--out), opacity var(--settle) var(--out);background:currentColor;display:block;transform:scaleX(.32)}.rail button:hover i{opacity:1}.rail .on i,.ticks .on i{opacity:1;background:var(--au);transform:none}.rail button span{opacity:0;pointer-events:none;white-space:nowrap;background:var(--linen);color:var(--black);font-family:var(--title);letter-spacing:.18em;text-transform:uppercase;transition:opacity var(--settle) var(--out), transform var(--settle) var(--out);padding:7px 10px 5px;font-size:12px;line-height:1.2;position:absolute;top:50%;right:46px;transform:translate(6px,-50%);box-shadow:0 0 0 1px #16161529}.rail button:hover span,.rail button:focus-visible span{opacity:1;transform:translateY(-50%)}.ticks{z-index:6;justify-content:flex-end;display:flex;position:absolute;bottom:4px;right:8px}.ticks button{place-items:center;width:28px;height:28px;display:grid}.ticks i{transform-origin:50%;width:14px;transform:scaleX(.43)}.sec{padding:clamp(84px, 12vh, 130px) var(--gut) clamp(72px, 10vh, 110px);position:relative}.ask{background:var(--linen);color:var(--black);--fg:var(--black);--fg-2:#57554f;--au:#7a6036;--rule:#16161529;--ground:var(--linen);gap:44px;display:grid}.ask-in{flex-direction:column;gap:24px;display:flex}.opts li{border-bottom:1px solid var(--rule);flex-direction:column;gap:4px;padding:13px 0 14px;display:flex}.strong{color:var(--fg);font-size:18px;font-weight:400}.ask-shot{flex-direction:column;gap:8px;display:flex}.ask-shot img{width:100%;height:auto;display:block}.acts{flex-wrap:wrap;align-items:center;gap:18px 26px;display:flex}.foot{z-index:1;background:var(--basalt);color:#eceae4cc;padding:34px var(--gut) calc(34px + env(safe-area-inset-bottom));gap:26px;font-size:14px;font-weight:400;line-height:1.65;display:grid;position:relative}.caveat{max-width:40em}.signs{gap:20px;display:grid}.signs b{color:var(--chalk);margin-bottom:2px;font-size:15px;font-weight:500;display:block}.signs a{text-underline-offset:4px;transition:color var(--settle) var(--out);-webkit-text-decoration:underline #c9ae7699;text-decoration:underline #c9ae7699;text-decoration-thickness:1px}.signs a:hover{color:var(--chalk)}.addr{align-self:start;padding-top:25px}@media (width>=640px){.signs{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.houses{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}}@media not ((width>=861px) and (height>=521px)){.chap>.ov{width:auto;position:static;transform:none}.chap>.fade{opacity:0;transition:opacity var(--settle) var(--io), translate var(--travel) var(--io);translate:0 14px}.chap>.fade.in{opacity:1;pointer-events:auto;transition:opacity var(--travel) var(--out), translate var(--travel) var(--out);translate:0}.chap .ph-ov{align-self:center;transform:none}.chap .phone{width:252px;height:min(540px, max(460px, calc(100svh - var(--band) - 48px)));border-radius:40px}.chap .screen{border-radius:32px}.chap .seal{width:120px;height:120px}.chap .slide{gap:8px;padding:2px 16px 0}.chap .pp-brand{padding:4px 0 0}.chap .pp-brand .logo{--lk:20px}.chap .slide:first-child .pp-photo{flex:0 auto}.chap .pp-photo img{max-height:64px}.chap .pp-photo figcaption{letter-spacing:.08em;font-size:9.5px}.chap .pp-ok{letter-spacing:.12em;font-size:11.5px;line-height:1.3}.chap .slide dl div{padding:6px 0}.chap .slide dd{font-size:13px}.chap .pnav{padding:6px 0 2px}.mark{gap:9px}.mark .logo{--lk:22px}.tmark{width:7.9815px;height:17px}.lx{font-size:12px}.for{letter-spacing:0;font-size:12px}.runhead{left:var(--gut);color:var(--fg);font-size:11.5px;top:calc(100% + 12px);transform:none}html.onstage .runhead{display:block}.facts{column-gap:12px}.facts dt{font-size:21px}.ask{padding-top:64px}.btn{white-space:normal;text-align:center;letter-spacing:.16em;padding:12px 20px 10px;line-height:1.4}.btn.ghost{padding:.15em 0 0}.ask,.ask-in{min-width:0}}@media (width<=360px){.for{display:none}}@media (height<=520px) and (orientation:landscape){.stage{grid-template-columns:54% 1fr;display:grid}.sticky{border-bottom:0;border-right:1px solid var(--rule);grid-area:1/1;align-self:start;height:100svh}.box{inset:0}.copy{padding:0 max(24px, env(safe-area-inset-right)) 0 28px;grid-area:1/2}.chap{justify-content:center;min-height:100svh;padding:72px 0 32px}}@media (width>=861px) and (height>=521px){:root{--gut:36px;--bar:68px}.mark .logo{--lk:30px}.runhead{display:block}.sticky{z-index:1;background:var(--ground);pointer-events:none;border:0;height:100vh}.box{inset:0}.rail{pointer-events:auto;display:flex}.ticks{display:none}.copy{z-index:2;pointer-events:none;margin-top:-100vh;padding:0}.chap{width:min(36vw,540px);max-width:none;min-height:100vh;padding:calc(var(--bar) + 44px) 0 80px;pointer-events:auto;justify-content:center;gap:24px;margin-left:max(40px,5.5vw)}.chap-prints{justify-content:flex-start;min-height:300vh}.prints-in{top:calc(var(--bar) + 8vh)}.chap-qa{padding-top:calc(var(--bar) + 64px);justify-content:flex-start;padding-bottom:50vh}.h1{font-size:clamp(34px,2.75vw,46px)}.h2{font-size:clamp(27px,2.1vw,34px)}.lede{font-size:18px}.sec{padding-left:max(40px,5.5vw);padding-right:140px}.ask{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;column-gap:clamp(48px,6vw,110px);min-height:100vh}.foot{padding-left:max(40px,5.5vw);padding-right:140px}}@media (width>=861px) and (height>=521px) and (height<=820px){.chap{padding-top:calc(var(--bar) + 26px);gap:16px}.lede{font-size:16.5px;line-height:1.55}.three li{padding:9px 0 10px}.three .bp{font-size:14.5px;line-height:1.5}.shot{max-width:340px}.ov{bottom:5vh}}.nw{white-space:nowrap}