/* One visual language. Four distinct stories. Semantic content comes first. */
.page-system{background:#101012;color:#f0eee7}
.page-system .site-header{position:fixed;inset:0 0 auto;z-index:40;background:#1d1c1a;isolation:isolate;transform:translateZ(0)}
.page-system .brand{background:url(assets/bespoke-logo-dark.jpeg) center/contain no-repeat}.page-system .brand img{opacity:0}
.page-system .nav-row{border-color:#ffffff20}.page-system .arrow-icon{width:18px;height:18px;flex:none}
.page-flow{--p:1;--pull:1;--dock:1;--pieces:1;--daylight:0;--intro-opacity:0;--px:0;--py:0;position:relative;isolation:isolate}
.page-stage{position:relative;height:100svh;min-height:720px;background:#101012;overflow:hidden;perspective:1500px}
.page-flow.is-assembling-page{height:390svh}.is-assembling-page .page-stage{position:sticky;top:0;min-height:0}
.page-environment{position:absolute;inset:0;background:#e9e6df;opacity:var(--daylight);pointer-events:none}
.page-environment:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#24212709 1px,transparent 1px),linear-gradient(90deg,#24212709 1px,transparent 1px);background-size:80px 80px}
.page-environment>span{position:absolute;bottom:5%;left:3%;font:650 24vw/.9 var(--display);color:#18171b06;white-space:nowrap}
.page-layout{position:absolute;inset:142px var(--pad) 160px;display:grid;grid-template-columns:1.03fr 1fr;grid-template-rows:auto auto auto;gap:22px 5%;align-content:center;z-index:4;transform-style:flat;pointer-events:none}
[data-page-piece]{position:relative;transform-origin:center;backface-visibility:hidden}
.is-assembling-page [data-page-piece]{will-change:transform,opacity}
[data-page-piece]:before{content:"";position:absolute;inset:-16px;background:#19181b;border:1px solid #ffffff20;border-radius:8px;box-shadow:0 20px 45px #0002;opacity:calc((1 - var(--dock)) * var(--pieces));z-index:-1;pointer-events:none}
.page-heading{grid-column:1;grid-row:1;z-index:5}.page-eyebrow{font:8px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#b8adb9;display:flex;align-items:center;gap:9px;margin:0 0 20px}.page-eyebrow:before{content:"";width:5px;height:5px;background:#ff6038;border-radius:50%;flex:none}
.page-heading h1{font:650 clamp(68px,min(10.4vw,16svh),164px)/.91 var(--display);text-transform:uppercase;letter-spacing:-.017em;margin:0}.page-heading h1 span{display:block;white-space:nowrap}.page-heading h1 span:last-child{color:#ff6038}
.page-detail{grid-column:1;grid-row:2;z-index:6}.page-detail>p{font-size:clamp(16px,1.45vw,22px);line-height:1.5;letter-spacing:-.02em;max-width:490px;margin:0;color:#ded7de}
.page-actions{grid-column:1;grid-row:3;display:flex;align-items:center;gap:22px;pointer-events:auto;z-index:7}.page-actions[inert]{pointer-events:none}.page-primary{display:flex;justify-content:space-between;align-items:center;gap:28px;background:#ff6038;color:#161517;min-height:52px;padding:15px 18px;font-size:12px}.page-primary:hover{background:#f0eee7}.page-secondary{font-size:11px;border-bottom:1px solid #ffffff60;min-height:44px;display:flex;align-items:center;gap:18px}
.page-art{grid-column:2;grid-row:1/4;align-self:stretch;min-height:300px;margin:0;z-index:3;container-type:size;overflow:hidden;border:1px solid #ffffff18;background:#141315;border-radius:calc((1 - var(--dock)) * 12px);box-shadow:0 calc((1 - var(--dock)) * 20px) calc((1 - var(--dock)) * 60px) #0003}
.page-art:before{display:none}.page-art figcaption{position:absolute;bottom:15px;left:18px;right:18px;font:7px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#b8acba;display:flex;justify-content:space-between;z-index:5}
.page-art figcaption i{width:5px;height:5px;display:block;background:#ff6038;border-radius:50%}
.page-components{position:absolute;bottom:64px;left:var(--pad);right:var(--pad);display:grid;grid-template-columns:repeat(3,1fr);z-index:6;transform-style:flat}
.page-component{padding:17px 24px;min-height:72px;border-top:1px solid rgb(255 255 255 / calc(.2 * var(--dock)));border-right:1px solid rgb(255 255 255 / calc(.12 * var(--dock)));display:flex;gap:17px;align-items:start}
.page-component:first-child{padding-left:0}.page-component:last-child{border-right:0;padding-right:0}.page-component:before{inset:0}.page-component>span{font:9px/1.5 var(--mono);color:#ff6038;padding-top:2px}.page-component strong{display:block;font-size:14px;font-weight:400;line-height:1.3}.page-component p{font-size:10px;line-height:1.5;color:#9e94a1;margin:6px 0 0}
.page-opening{display:none;position:absolute;inset:0;z-index:8;pointer-events:none;opacity:var(--intro-opacity);text-align:center}.is-assembling-page .page-opening{display:block}.page-opening>p{position:absolute;top:14%;left:20px;right:20px;font:8px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#bfb4c2;margin:0}.page-opening h2{position:absolute;top:19%;left:3%;right:3%;font:650 clamp(65px,8.5vw,140px)/.92 var(--display);text-transform:uppercase;margin:0;letter-spacing:-.02em}.page-opening h2 em{color:#ff6038;font-style:normal}.page-opening>span{position:absolute;left:var(--pad);right:var(--pad);bottom:12%;font-size:15px;color:#bfb5c2}
.page-rail{position:absolute;left:var(--pad);right:var(--pad);bottom:22px;z-index:12;display:flex;justify-content:space-between;align-items:center;gap:16px;color:color-mix(in srgb,#b2a7ba,#655b69 calc(var(--daylight) * 100%));font:8px/1.5 var(--mono);letter-spacing:.04em}.page-rail>span{display:flex;gap:20px}.page-rail b{font-weight:400}.page-rail a{border-bottom:1px solid currentColor;padding-bottom:4px}.page-scroll-hint{font-size:7px}.page-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff10;z-index:12}.page-track i{display:block;background:#ff6038;height:100%;transform-origin:left;transform:scaleX(1)}
.page-flow:not(.is-assembling-page) .page-scroll-hint{display:none}
/* Original DOM studies: the subject of each page is also its moving artwork. */
.visual-study{position:absolute;inset:0;perspective:900px;overflow:hidden}.visual-study:after{content:"";position:absolute;inset:9%;border:1px solid #ffffff07;pointer-events:none}
.study-body{position:absolute;inset:14% 11%;transform:rotateX(calc(var(--py) * -5deg)) rotateY(calc(var(--px) * 7deg));transform-style:flat}
.study-kicker{font:7px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#a99faa}
.web-sheet{position:absolute;inset:10% 4%;border:1px solid #77717a;border-radius:7px;background:#242126;box-shadow:0 18px 30px #0004;padding:9%;transform:translate(calc((1 - var(--pull)) * -12%),calc((1 - var(--pull)) * 8%)) rotate(calc((1 - var(--pull)) * -7deg))}
.web-sheet:before{content:"";position:absolute;left:8%;right:8%;top:8%;border-top:1px solid #ffffff25}.web-sheet>span{font:7px var(--mono);color:#bfb5c2}.web-sheet>strong{font:650 clamp(28px,8cqw,76px)/.9 var(--display);display:block;margin:8% 0 5%;letter-spacing:-.02em;color:#ede6ed}.web-sheet>strong em{font-style:normal;color:#ff6038}.web-sheet>i{display:block;width:35%;height:11%;background:#ff6038;margin-top:7%;border-radius:2px}.web-sheet>p{width:55%;height:2px;background:#ffffff50;margin:5% 0 0}.web-media{position:absolute;right:-2%;bottom:8%;width:34%;height:45%;border:1px solid #ffffff24;background:#3b353b;overflow:hidden;transform:translate(calc((1 - var(--pull)) * 25%),calc((1 - var(--pull)) * -16%)) rotate(calc((1 - var(--pull)) * 9deg));box-shadow:0 15px 30px #0005}.web-media img{width:100%;height:100%;object-fit:cover}.web-label{position:absolute;right:6%;top:3%;padding:3% 6%;background:#ede9e1;color:#1d1a20;font:8px var(--mono);transform:translateY(calc((1 - var(--pull)) * -14px)) rotate(-4deg)}
.search-study .study-body{inset:13% 10%}.search-questions{display:grid;grid-template-columns:1fr 1fr;gap:5%;position:absolute;inset:0 0 65%;font:clamp(7px,2cqw,12px)/1.4 var(--mono)}.search-questions>span{border:1px solid #8e808c;padding:8% 7%;display:flex;align-items:center;gap:8px;background:#242126;transform:translateX(calc((1 - var(--pull)) * -14%)) rotate(-4deg)}.search-questions>span:last-child{transform:translateX(calc((1 - var(--pull)) * 14%)) rotate(5deg)}.search-questions i{color:#ff6038;font-size:18px;font-style:normal}.search-connector{position:absolute;left:0;right:0;top:28%;height:36%;width:100%;fill:none;stroke:#ff6038;stroke-width:1;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--pull))}.answer-sheet{position:absolute;inset:53% 8% 0;background:#ebe6df;color:#201d22;padding:3cqh 4cqw;border-radius:4px;transform:translateY(calc((1 - var(--pull)) * 15%));box-shadow:0 15px 25px #0003}.answer-sheet>span{font:6px var(--mono);text-transform:uppercase;letter-spacing:.08em}.answer-sheet>strong{display:block;font:650 clamp(20px,6cqw,50px)/1 var(--display);margin:2cqh 0;text-transform:uppercase}.answer-sheet>p{font-size:clamp(7px,1.7cqw,12px);margin:0}.answer-sheet>b{position:absolute;right:6%;bottom:9%;font-size:25px;font-weight:400;color:#ef542e}
.promise-study .study-body{inset:6% 15% 10%;display:grid;place-items:center}.promise-dial{width:100%;height:100%;overflow:visible;position:absolute;fill:none}.promise-dial circle{stroke:#655a63;stroke-width:.8}.promise-dial .dial-progress{stroke:#ff6038;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--pull));transform:rotate(-90deg);transform-origin:50% 50%}.promise-target{text-align:center;position:relative}.promise-target strong{display:block;font:650 clamp(55px,23cqw,170px)/.85 var(--display);letter-spacing:-.04em;color:#f0eee7}.promise-target strong span{font-size:.45em;vertical-align:top;color:#ff6038}.promise-target small{display:block;font:clamp(6px,1.7cqw,10px)/1.6 var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-top:12px}.promise-target b{display:block;font-size:clamp(12px,3cqw,24px);font-weight:400;margin-top:12px;color:#bdb2bf}.promise-seal{position:absolute;right:6%;bottom:8%;background:#ff6038;color:#201b1e;transform:rotate(-7deg);padding:4%;font:8px var(--mono)}
.founder-study .study-body{inset:12% 8% 15%;display:flex;align-items:center;justify-content:center;gap:5%}.founder-tile{width:43%;height:88%;border:1px solid #bcb0bc50;background:#211f24;padding:9% 5% 5%;display:flex;flex-direction:column;justify-content:space-between;transform:translateX(calc((1 - var(--pull)) * -12%)) rotate(calc(-5deg - var(--px) * 3deg));box-shadow:0 20px 35px #0004}.founder-tile:last-child{transform:translateX(calc((1 - var(--pull)) * 12%)) rotate(calc(5deg + var(--px) * 3deg));background:#ece7e0;color:#201b21}.founder-tile strong{font:650 clamp(60px,22cqw,180px)/.85 var(--display);text-align:center;letter-spacing:-.04em}.founder-tile:last-child strong{color:#f15b35}.founder-tile>span{font-size:clamp(10px,2.5cqw,18px);text-align:center}.founder-tile small{display:block;font:6px var(--mono);text-transform:uppercase;margin-top:7px}.founder-join{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:15%;aspect-ratio:1;display:grid;place-items:center;background:#ff6038;color:#201b21;border-radius:50%;font:italic clamp(17px,5cqw,38px) Georgia;z-index:3}
/* Sections build their diagrams as the accompanying text enters reading range. */
[data-reveal-section]{--reveal:1;position:relative;isolation:isolate;overflow:hidden;scroll-margin-top:90px}
.chapter-block{padding:clamp(75px,8vw,135px) 0;border-top:1px solid #ffffff1e}.chapter-block.is-light{background:#eeeae2;color:#1d1b20}.chapter-block.is-orange{background:#ff6038;color:#1c181b}.chapter-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:center;min-height:520px}.chapter-copy .eyebrow{font-size:9px;color:inherit;opacity:.7;margin-bottom:25px}.chapter-copy h2{font:650 clamp(55px,6.3vw,104px)/.94 var(--display);text-transform:uppercase;letter-spacing:-.015em;margin:0 0 28px}.chapter-copy>p:not(.eyebrow){font-size:17px;line-height:1.75;max-width:470px;color:inherit;opacity:.8}.chapter-copy .text-link{margin-top:12px}
.chapter-diagram{position:relative;min-height:420px;--travel:calc(1 - var(--reveal));border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 20%,transparent);padding:34px;display:flex;flex-direction:column;justify-content:center;gap:18px;transform:translateY(calc(var(--travel) * 55px));border-radius:3px}.chapter-diagram:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#ff6038;transform-origin:left;transform:scaleX(var(--reveal))}.is-orange .chapter-diagram:before{background:#1c181b}.diagram-caption{font:8px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.08em;opacity:.6}.diagram-row{position:relative;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 25%,transparent);padding:21px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:color-mix(in srgb,currentColor 3%,transparent);transform:translateX(calc(var(--travel) * var(--shift,80px))) rotate(calc(var(--travel) * var(--turn,4deg)));opacity:calc(.4 + var(--reveal) * .6)}.diagram-row:nth-child(3){--shift:-75px;--turn:-5deg}.diagram-row:nth-child(4){--shift:100px;--turn:6deg}.diagram-row>span{font:9px var(--mono);opacity:.65}.diagram-row>strong{font-size:22px;font-weight:400;letter-spacing:-.025em}.diagram-arrow{color:#ff6038;font-size:30px;line-height:1;text-align:center;transform:scaleY(var(--reveal));transform-origin:top}.is-orange .diagram-arrow{color:#1c181b}.diagram-number{font:650 clamp(90px,12vw,190px)/1 var(--display);letter-spacing:-.04em}.diagram-number>span{color:#ff6038}.diagram-sub{font-size:18px;line-height:1.5;max-width:320px;margin:0}.diagram-pill{display:inline-block;align-self:flex-start;background:#ff6038;color:#211b20;padding:12px 17px;font:10px var(--mono);transform:rotate(calc(var(--travel) * -10deg))}.diagram-document{padding:35px 27px;background:#eeeae2;color:#201b21;transform:translateY(calc(var(--travel) * 90px)) rotate(calc(var(--travel) * 8deg));box-shadow:14px 18px 0 #0002}.diagram-document strong{display:block;font:650 44px/1 var(--display);text-transform:uppercase;margin:22px 0}.document-line{display:block;margin-top:15px;border-bottom:1px solid #201b2140;padding-bottom:12px;font-size:13px}.document-line:before{content:"✓";margin-right:12px;color:#e85c36}.origin-photo{margin:0;position:relative;overflow:hidden;min-height:420px}.origin-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transform:scale(calc(1.08 - var(--reveal) * .08));clip-path:inset(0 calc((1 - var(--reveal)) * 30%) 0 0)}.origin-photo figcaption{position:absolute;bottom:15px;left:20px;background:#151316bb;color:#eee6ed;padding:8px 10px;font:7px var(--mono);text-transform:uppercase}
.page-next{background:#eae6dd;color:#1d1a1f;padding:100px 0}.page-next-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:center}.page-next h2{font:650 clamp(58px,7.5vw,125px)/.92 var(--display);text-transform:uppercase;letter-spacing:-.02em;margin:0}.page-next p{font-size:18px;line-height:1.7;max-width:460px}.page-next .page-primary{background:#1d1a1f;color:#f0eee7;width:fit-content;margin-top:25px}.page-next .text-link{display:flex;width:fit-content;margin-top:20px}
.founders-section{--reveal:var(--assemble,1);padding:100px 0;background:#1a181c;color:#eee8ed}.founders-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:start}.founders-section h2{font:650 clamp(60px,7.4vw,116px)/.94 var(--display);text-transform:uppercase;letter-spacing:-.02em;margin:0}.founders-section h2 em{color:#ff6038;font-style:normal}.founders-section .eyebrow{font-size:9px;color:#aca0ae;margin-bottom:25px}.founders-intro>div:last-child>p{font-size:18px;line-height:1.7;color:#bdb1c0;margin:0 0 25px}.founders-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;margin-top:65px;border-top:1px solid #ffffff2b;padding-top:27px}.founder-name{border-right:1px solid #ffffff22;transform:translateY(calc((1 - var(--reveal)) * 50px));padding:0 10px}.founder-name>span{font:9px var(--mono);color:#9f92a2;text-transform:uppercase}.founder-name strong{font:650 clamp(46px,6vw,86px)/1 var(--display);display:block;text-transform:uppercase;margin:10px 0 12px}.founder-name small{font-size:12px;color:#b5a8b9}.experience-fact{display:flex;align-items:center;gap:22px}.experience-fact strong{font:650 clamp(75px,9vw,140px)/.9 var(--display);color:#ff6038;letter-spacing:-.04em}.experience-fact>span{font-size:14px;line-height:1.5;max-width:130px}
.page-system .pricing-section{border-top:1px solid #252128}.page-system #the-agreement{background:#211d23;color:#f0e8ef}.page-system #before-call{background:#eeeae2;color:#201b21}.page-system .call-notebook{box-shadow:14px 15px 0 #18141a10}.page-system #the-agreement .promise-section-title{font-size:clamp(52px,6.5vw,100px);text-transform:uppercase}.page-system .territory-statement{border-color:#ffffff25}
[data-reveal-section]:focus-within{--reveal:1!important}
@media(min-width:761px) and (max-height:720px){.page-layout{inset:110px var(--pad) 130px;gap:12px 4%}.page-heading h1{font-size:min(9vw,15svh)}.page-eyebrow{margin-bottom:12px;font-size:7px}.page-detail>p{font-size:15px;line-height:1.45}.page-art{min-height:210px}.page-primary{min-height:44px;padding:10px 14px;font-size:11px}.page-secondary{font-size:10px}.page-components{bottom:42px}.page-component{min-height:60px;padding-block:10px}.page-component strong{font-size:12px}.page-component p{font-size:9px}.page-rail{bottom:13px;font-size:7px}.page-opening>p{top:21%}.page-opening h2{top:26%;font-size:9vw}.page-opening>span{bottom:14%;font-size:12px}}
@media(max-width:1100px) and (min-width:761px){.page-actions{gap:16px}.page-primary{gap:18px;font-size:11px}.page-secondary{font-size:10px}.page-heading h1{font-size:min(9.5vw,15svh)}.page-detail>p{font-size:16px}}
@media(max-width:760px){
 .page-stage{min-height:720px}.page-flow.is-assembling-page{height:300svh}.page-layout{inset:98px var(--pad) 122px;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;align-content:stretch}.page-heading{grid-column:1;grid-row:1}.page-heading h1{font-size:clamp(48px,13.8vw,82px);line-height:.91}.page-eyebrow{font-size:6px;letter-spacing:.05em;margin-bottom:9px}.page-detail{grid-column:1;grid-row:3}.page-detail>p{font-size:13px;line-height:1.45;max-width:none}.page-art{grid-column:1;grid-row:2;min-height:0}.page-art figcaption{font-size:5px;bottom:9px;left:10px;right:10px}.page-actions{grid-column:1;grid-row:4;gap:12px}.page-primary{font-size:10px;min-height:44px;padding:10px 12px;gap:12px;flex:1}.page-secondary{font-size:9px;gap:9px;white-space:nowrap;min-height:44px}.page-primary .arrow-icon{width:14px}.page-secondary .arrow-icon{width:11px}
 .page-components{bottom:39px}.page-component{padding:12px 9px;min-height:60px;gap:7px}.page-component>span{display:none}.page-component strong{font-size:10px;line-height:1.3}.page-component p{font-size:8px;margin-top:5px}.page-component:first-child{padding-left:0}.page-component:last-child{padding-right:0}.page-rail{bottom:13px;font-size:5.5px;gap:8px}.page-rail>span{gap:8px}.page-scroll-hint{display:none}.page-rail>a{font-size:6px}.page-opening>p{top:16%;font-size:6px}.page-opening h2{top:21%;font-size:15vw;line-height:.93}.page-opening>span{bottom:14%;font-size:12px;line-height:1.5}.page-art .study-kicker{font-size:5px}.web-label{font-size:5px}.web-sheet>span{font-size:5px}.web-sheet>strong{font-size:8cqw}.promise-target strong{font-size:23cqw}.promise-target small{font-size:1.8cqw;margin-top:6px}.promise-target b{font-size:3.8cqw;margin-top:5px}.promise-seal{font-size:5px}.founder-tile strong{font-size:min(22cqw,70cqh)}.founder-tile small{font-size:4px}.founder-tile>span{font-size:2.9cqw}.search-questions{font-size:2cqw}.answer-sheet>strong{font-size:min(6cqw,15cqh)}.answer-sheet>b{font-size:18px}.answer-sheet>span{font-size:4px}.answer-sheet>p{font-size:1.9cqw}
 .chapter-block{padding:65px 0}.chapter-grid{grid-template-columns:1fr;gap:35px;min-height:0}.chapter-copy h2{font-size:clamp(48px,13vw,76px);margin-bottom:22px}.chapter-copy>p:not(.eyebrow){font-size:15px;line-height:1.75}.chapter-copy .eyebrow{font-size:8px;margin-bottom:20px}.chapter-diagram{min-height:330px;padding:23px;gap:14px}.diagram-row{padding:17px}.diagram-row>strong{font-size:20px}.diagram-number{font-size:110px}.diagram-document{padding:25px}.diagram-document strong{font-size:38px}.diagram-sub{font-size:16px}.origin-photo{min-height:340px}.page-next{padding:65px 0}.page-next-grid{grid-template-columns:1fr;gap:30px}.page-next h2{font-size:16vw}.page-next p{font-size:16px}.page-next .page-primary{flex:none;width:100%}.founders-section{padding:65px 0}.founders-intro{grid-template-columns:1fr;gap:30px}.founders-section h2{font-size:15vw}.founders-intro>div:last-child>p{font-size:16px}.founders-facts{gap:14px;margin-top:40px;grid-template-columns:1fr 1fr}.founder-name{padding:0}.founder-name strong{font-size:50px}.founder-name small{font-size:10px}.experience-fact{grid-column:1/-1;border-top:1px solid #ffffff22;padding-top:24px}.experience-fact strong{font-size:100px}.experience-fact>span{max-width:200px;font-size:15px}.page-system #the-agreement .promise-section-title{font-size:13vw}.page-system [id]{scroll-margin-top:78px}
}
@media(max-width:760px) and (max-height:680px){.page-layout{inset:90px var(--pad) 109px;gap:9px}.page-heading h1{font-size:13.5vw}.page-detail>p{font-size:11px;line-height:1.4}.page-primary,.page-secondary{min-height:42px}.page-art figcaption{display:none}.page-components{bottom:34px}.page-component{min-height:58px;padding-block:10px}.page-component p{display:none}.page-component strong{font-size:10px}.page-rail{bottom:11px}.page-opening>span{font-size:11px}.page-opening>p{top:17%}.page-opening h2{top:23%}.page-opening>span{bottom:13%}}
@media(max-width:360px){.page-layout{left:18px;right:18px}.page-heading h1{font-size:13.1vw}.page-primary{font-size:9px;padding-inline:10px}.page-secondary{font-size:8px}.page-component strong{font-size:9px}.page-component p{display:none}.page-art .study-body{inset:10% 8% 12%}.chapter-diagram{padding:18px}.diagram-row>strong{font-size:18px}.diagram-row>span{font-size:8px}}
@media(max-width:1000px) and (max-height:500px){.page-flow,.page-flow.is-assembling-page{height:auto!important}.page-stage,.is-assembling-page .page-stage{position:relative!important;height:720px!important;min-height:720px!important}.page-opening,.page-scroll-hint{display:none!important}}
html[data-motion=off] .page-flow{height:auto!important}html[data-motion=off] .page-stage{position:relative!important}html[data-motion=off] [data-reveal-section]{--reveal:1!important}
@media(prefers-reduced-motion:reduce){.page-flow,.page-flow.is-assembling-page{height:auto!important}.page-stage,.is-assembling-page .page-stage{position:relative!important;min-height:720px!important}[data-page-piece]{transform:none!important;opacity:1!important}.page-opening,.page-scroll-hint{display:none!important}[data-reveal-section]{--reveal:1!important}.study-body{transform:none!important}}