/* Preview-only design. Text, photographic portrait and scenery remain separate. */
:root{--content:1440px;--ink:#15110d;--red:#b7080b;--ivory:#f4e9d0;--gold:#d9b36c}
*{box-sizing:border-box}body.design-preview{margin:0;background:#13110e;color:var(--ink);font-family:Georgia,serif}img,svg{display:block;max-width:100%}a{color:inherit}h1,h2,h3,p{margin:0}.design-container{width:min(var(--content),calc(100% - 48px));margin-inline:auto;position:relative}a:focus-visible,summary:focus-visible{outline:3px solid #f4cc78;outline-offset:5px}.design-header{position:relative;z-index:20;background:#141310 url(stone-banner.jpg) center/cover;color:var(--ivory);border-bottom:1px solid #ae9564}.design-header-inner{min-height:78px;display:flex;align-items:center;gap:26px}.design-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.design-brand>img{width:65px;height:auto}.design-brand>span{font:400 30px/1.1 Anton,Impact,sans-serif;letter-spacing:1px;white-space:nowrap}.design-brand strong{color:#cf1015;font-weight:400}.design-brand small{display:block;font:600 10px/1.5 'Roboto Condensed',sans-serif;letter-spacing:3px;color:#e4dccb}.design-header-inner>nav{margin-left:auto;display:flex;align-items:center;gap:24px}.design-header nav a{text-decoration:none;text-transform:uppercase;font-size:13px;white-space:nowrap;padding:12px 0}.design-header nav a:hover{color:#edbf7d}.design-header nav a:first-child{border-bottom:2px solid #cc1114}.design-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:43px;padding:10px 25px;background:#b5090c url(design-cloth.585900e1a0cf.svg) center/cover;border:1px solid #b9906b;color:#fff4de;text-decoration:none;white-space:nowrap;text-transform:uppercase;font-size:14px;letter-spacing:.6px;box-shadow:inset 0 0 12px #14000055}.design-button:hover{filter:brightness(1.12)}.design-menu{display:none}
.design-hero{position:relative;isolation:isolate;background:#bea17c}.hero-background{position:absolute;inset:0;z-index:-1;background:url(design-hero-wide.cef390e79498.webp) center/cover}.design-hero-inner{min-height:585px;display:grid;grid-template-columns:59% 41%;align-items:stretch}.design-hero-copy{text-align:center;align-self:center;padding:30px 18px 27px;position:relative;z-index:2;background:radial-gradient(ellipse,#ffecd04d 30%,transparent 73%)}.serving{display:flex;align-items:center;justify-content:center;gap:18px;font-size:12px;text-transform:uppercase;letter-spacing:3px;line-height:1.5}.serving:before,.serving:after{content:'';width:45px;height:2px;background:var(--red)}.design-hero h1{font:400 clamp(62px,6.6vw,108px)/1.08 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:2px;margin:7px 0 9px;mask-image:url(wordmark-distress.svg);mask-mode:luminance;mask-size:100% 100%}.design-hero h1 span,.design-hero h1 strong{display:block;font-weight:400}.design-hero h1 strong{color:#b80508;font-size:.91em;margin-top:4px;white-space:nowrap}.design-subtitle{text-transform:uppercase;font-weight:bold;font-size:13px;letter-spacing:4px;line-height:1.5}.design-principles{font-size:12px;line-height:1.6;text-transform:uppercase;margin:12px auto}.design-principles b{color:#ae060a;margin:0 7px}.design-quote{font-style:italic;font-size:clamp(18px,1.55vw,24px);line-height:1.4;max-width:630px;margin:12px auto 15px;text-wrap:balance}.core-four{max-width:570px;margin-inline:auto}.core-four h2{display:flex;align-items:center;justify-content:center;gap:18px;font-size:25px;letter-spacing:5px;text-transform:uppercase;margin-bottom:14px}.core-four h2:before,.core-four h2:after{content:'';height:2px;width:65px;background:var(--red)}.core-circles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.core-circles>div{text-align:center}.core-circles span{display:flex;align-items:center;justify-content:center;background:#ba0a0e;color:var(--ivory);width:62px;height:62px;border-radius:50%;font-size:30px;margin:auto;box-shadow:inset 0 0 12px #2f000047}.core-circles p{font-size:13px;font-weight:bold;text-transform:uppercase;margin-top:10px;line-height:1.35}
.design-person{position:relative;align-self:stretch;min-width:0}.portrait-window{position:absolute;inset:0;overflow:hidden}.design-portrait{position:absolute;width:120%;max-width:none;height:auto;top:-24%;left:-12%;mask-image:url(portrait-silhouette.svg);mask-size:100% 100%;mask-repeat:no-repeat}.design-psalm{position:absolute;z-index:3;bottom:30px;left:5%;width:83%;text-align:center;color:var(--ivory);padding:12px 8px;background:radial-gradient(ellipse,#080706ad,transparent 74%);text-shadow:0 2px 4px #000}.design-psalm>p:first-child{font-style:italic;font-size:19px;line-height:1.35}.design-psalm .verse-reference{font-size:12px;color:#e5bd68;text-transform:uppercase;letter-spacing:2px;margin-top:8px}
.design-progression{position:relative;isolation:isolate;padding:25px 0 45px;background:#f3e7cc url(design-paper.svg) center/500px}.design-progression>.design-container{z-index:3}.design-palms{position:absolute;bottom:-5px;z-index:1;width:clamp(115px,16vw,265px);height:auto;pointer-events:none}.palms-left{left:0}.palms-right{right:0}.progression-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:20px}.progression-heading h2{flex:1;text-align:center;font:400 clamp(30px,3.5vw,53px)/1.15 Anton,Impact,sans-serif;color:#97080b;text-transform:uppercase;letter-spacing:2px;mask-image:url(wordmark-distress.svg);mask-mode:luminance;mask-size:100% 100%}.progression-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.progression-card{position:relative;background:#171511 url(stone-banner.jpg);color:#f2e3c7;border:2px solid #8d7043;border-radius:3px;box-shadow:0 2px 5px #281b1538;isolation:isolate}.progression-card:after{content:'';position:absolute;inset:-2px;background:url(design-frame.svg) center/100% 100%;pointer-events:none;z-index:2}.progression-card>a{display:block;text-decoration:none}.progression-card svg{width:100%;height:auto}.progression-card h3{padding:13px 5px;text-align:center;font-size:17px;line-height:1.3;letter-spacing:1.5px;text-transform:uppercase;overflow-wrap:anywhere}.progression-card h3:after{content:'';display:block;width:54px;height:2px;background:#b4070b;margin:8px auto 0}
.design-mission{position:relative;isolation:isolate;color:var(--ivory);background:#17130f;padding:40px 0 115px}.mission-ribbon{position:absolute;inset:-10px 0 35px;z-index:-1;background:#890608 url(design-cloth.585900e1a0cf.svg) center/auto 100%;mask-image:url(ribbon-edge.svg);mask-size:100% 100%}.mission-copy{text-align:center;z-index:5;max-width:1000px;padding-inline:50px}.mission-copy h2{font-size:24px;font-weight:normal;letter-spacing:7px;text-transform:uppercase;display:flex;gap:20px;align-items:center;justify-content:center}.mission-copy h2:before,.mission-copy h2:after{content:'';width:65px;height:1px;background:#e1c59c}.mission-copy>p:nth-child(2){font-size:21px;line-height:1.55;font-style:italic;margin:17px auto 24px;text-wrap:balance}.spartan-tagline{text-transform:uppercase;font-size:13px;line-height:1.6;letter-spacing:4px}.coach-signature{font-size:20px;font-style:italic;margin-top:12px}.design-shield{position:absolute;bottom:0;width:clamp(170px,20vw,310px);height:auto;z-index:4;pointer-events:none}.shield-left{left:0}.shield-right{right:0}.design-rocks{position:absolute;z-index:2;bottom:0;left:0;right:0;height:100px;background:url(lava-rocks.e6ff22440bc3.webp) center/600px;mask-image:url(rock-edge.svg),linear-gradient(#000,#000);mask-size:650px 65px,100% calc(100% - 64px);mask-position:center top,left 64px;mask-repeat:repeat-x,no-repeat;mask-composite:add}.design-inner-banner{padding:70px 0;background:linear-gradient(90deg,#110c08d9,#17110d9c),url(design-hero-wide.cef390e79498.webp) center/cover;color:var(--ivory)}.design-inner-banner h1{font:400 clamp(40px,5vw,74px)/1.2 Anton,Impact,sans-serif;margin:20px 0}.design-inner-banner p:last-child{font-size:20px;line-height:1.5}.design-inner-content{background:#f3e7cc url(design-paper.svg) center/500px;padding:45px 0 70px}.design-inner-content article{max-width:850px;padding:28px 0;border-bottom:1px solid #bfa782}.design-inner-content h2{font-size:29px;margin-bottom:15px}.design-inner-content p{font-size:19px;line-height:1.7}.design-inner-content .design-button{margin-top:25px}.preview-session-bar{position:fixed;bottom:14px;right:14px;z-index:50;display:flex;align-items:center;gap:15px;padding:12px 16px;background:#111e;color:#fff;border:1px solid #a98250;font:14px Arial}.preview-session-bar button{background:#b0090d;color:white;border:0;padding:9px 12px;cursor:pointer}
@media(min-width:1700px){.hero-background{background-size:cover}.design-hero-inner{min-height:635px}.design-hero-copy{padding-right:50px}.design-portrait{width:125%;top:-22%}}
@media(max-width:1250px){.design-header-inner{gap:16px}.design-brand>span{font-size:24px}.design-brand>img{width:53px}.design-header-inner>nav{gap:14px}.design-header nav a{font-size:12px}.header-contact{padding:9px 16px}.design-hero-inner{grid-template-columns:60% 40%;min-height:550px}.design-subtitle{letter-spacing:2px;font-size:12px}.design-principles{font-size:11px}.design-portrait{width:140%;left:-23%;top:-18%}.design-psalm{width:100%;left:0}.design-psalm>p:first-child{font-size:17px}.mission-copy{max-width:850px;padding-inline:55px}.mission-copy>p:nth-child(2){font-size:19px}.progression-card h3{font-size:15px;letter-spacing:1px}}
@media(max-width:1080px){.design-header-inner>nav{display:none}.header-contact{margin-left:auto}.design-menu{display:block;position:relative}.design-menu summary{cursor:pointer;border:1px solid #9a784c;padding:10px 13px;list-style:none;font-size:14px;text-transform:uppercase}.design-menu summary::-webkit-details-marker{display:none}.design-menu nav{position:absolute;right:0;top:45px;min-width:230px;display:flex;flex-direction:column;background:#151310;padding:15px 22px;box-shadow:0 10px 30px #0009}.design-menu nav a:first-child{border:0}.design-hero-copy{padding-inline:0}.serving{font-size:10px;letter-spacing:2px}.design-hero h1{font-size:clamp(60px,7.5vw,83px)}.design-quote{font-size:19px}.core-circles span{width:55px;height:55px;font-size:26px}.design-psalm>p:first-child{font-size:16px}.progression-heading{gap:16px}.progression-heading .design-button{font-size:12px;padding-inline:15px}.progression-grid{gap:15px}.mission-copy{width:calc(100% - 170px);padding-inline:10px}.design-shield{width:190px}.design-mission{padding-bottom:125px}}
@media(max-width:760px){.design-container{width:calc(100% - 32px)}.design-header-inner{min-height:74px;gap:10px}.design-brand>span{font-size:23px;white-space:normal}.design-brand>img{width:48px}.design-brand small{font-size:8px;letter-spacing:1.4px}.header-contact{display:none}.design-menu{margin-left:auto}.design-hero-inner{display:flex;flex-direction:column;min-height:0}.hero-background{background-size:auto 700px;background-position:57% top;background-repeat:no-repeat;background-color:#efddba}.design-person{order:0;height:380px;width:min(470px,100%);align-self:center;margin-right:-10px}.portrait-window{overflow:visible}.design-portrait{width:108%;left:0;top:-22%;mask-image:url(portrait-silhouette.svg);max-height:none}.design-psalm{bottom:8px;width:85%;left:10%;padding:12px 6px}.design-psalm>p:first-child{font-size:16px;line-height:1.3}.design-psalm .verse-reference{font-size:11px}.design-hero-copy{order:1;width:calc(100% + 32px);margin-left:-16px;padding:28px 18px 32px;background:#efddba url(design-paper.svg) center/500px;z-index:4}.serving{font-size:10px;letter-spacing:1.7px;gap:9px}.serving:before,.serving:after{width:23px}.design-hero h1{font-size:clamp(58px,13.5vw,95px);letter-spacing:1px}.design-subtitle{font-size:11px;letter-spacing:1.8px}.design-principles{font:600 11px/1.6 'Roboto Condensed',Arial,sans-serif;max-width:440px}.design-principles b{margin:0 3px}.design-quote{font-size:18px;margin-block:14px 21px}.core-four{max-width:470px}.core-four h2{font-size:22px;letter-spacing:4px;margin-bottom:15px}.core-circles{gap:5px}.core-circles p{font-size:11px}.core-circles span{width:52px;height:52px;font-size:25px}.design-progression{padding-top:25px;padding-bottom:42px}.progression-heading{flex-direction:column;align-items:center;gap:14px}.progression-heading h2{font-size:clamp(29px,6.4vw,44px);letter-spacing:1px;line-height:1.3;text-align:center}.progression-grid{grid-template-columns:1fr;gap:22px;max-width:520px;margin:auto}.progression-card h3{font-size:18px;padding:13px 8px}.design-palms{width:120px;bottom:-15px;opacity:1}.design-mission{padding:35px 0 180px}.mission-copy{width:calc(100% - 40px);padding:0;max-width:570px}.mission-copy h2{font-size:22px;letter-spacing:5px}.mission-copy>p:nth-child(2){font-size:17px;line-height:1.7;margin-bottom:22px}.spartan-tagline{font-size:12px;letter-spacing:2px}.design-shield{width:150px;bottom:0}.design-rocks{height:90px;background-size:430px;mask-size:470px 48px,100% calc(100% - 47px);mask-position:center top,left 47px}.mission-ribbon{bottom:90px}.design-inner-banner{padding:45px 0}.design-inner-content{padding-bottom:65px}.design-inner-content p{font-size:17px}.preview-session-bar{bottom:8px;right:8px;padding:8px 10px;font-size:12px}}
@media(max-width:380px){.design-brand>span{font-size:20px}.design-brand small{letter-spacing:.8px}.design-brand>img{width:40px}.design-person{height:340px}.design-portrait{width:106%;top:-20%}.design-hero h1{font-size:13.5vw}.core-circles span{width:47px;height:47px}.design-shield{width:130px}.mission-copy>p:nth-child(2){font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-background{background-image:none}.hero-background img{width:100%;height:100%;object-fit:cover;object-position:center}.progression-card>a>img{width:100%;aspect-ratio:2.43;object-fit:cover}
@media(max-width:760px){.hero-background{height:470px}.hero-background img{object-position:61% center}}
.design-header{background-image:url(site-artwork-fast.1878ad5dfabb.webp);background-size:auto 1254px;background-position:center top}.design-progression,.design-inner-content,.design-hero-copy{background-image:none}.design-texture{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.mission-ribbon{background-image:none}.design-hero h1{font-family:'Arial Black',Arial,sans-serif;font-weight:900;line-height:1.03;font-size:clamp(62px,6.6vw,106px);mask-image:url(wordmark-distress.svg);mask-size:100% 100%}.design-hero h1 span,.design-hero h1 strong{font-weight:900}.design-hero h1 strong{font-size:.83em;margin-top:8px}.hero-background img{object-position:center top}.core-circles p{color:#fff1d0;text-shadow:0 1px 3px #211208,0 0 5px #211208}.progression-card{background:#171511}.design-inner-content{background-color:#f2e7d1}
@media(max-width:1080px){.design-hero h1{font-size:clamp(52px,7.5vw,82px)}}
@media(max-width:760px){.design-hero h1{font-size:clamp(47px,12.5vw,86px)}.core-circles p{color:var(--ink);text-shadow:none}.design-hero-copy{background:#efddba}.design-texture{z-index:-1}}
.core-circles{position:relative;transition:padding-bottom .15s}.core-dropdown{text-align:center;min-width:0}.core-dropdown summary{list-style:none;cursor:pointer;outline-offset:5px}.core-dropdown summary::-webkit-details-marker{display:none}.core-dropdown summary>span{transition:filter .15s;position:relative}.core-dropdown summary>span:after{content:'⌄';font:12px Arial;position:absolute;bottom:3px;left:0;right:0}.core-dropdown summary:hover>span,.core-dropdown[open] summary>span{filter:brightness(1.2)}.core-dropdown[open] summary>span:after{content:'⌃'}.core-description{position:absolute;left:0;right:0;top:100px;padding:18px 22px;text-align:left;background:#f8efdd;color:#231a12;border:1px solid #987349;box-shadow:0 6px 18px #24160d44;z-index:10;border-radius:2px}.core-description h3{font:700 21px/1.2 Georgia,serif;margin-bottom:10px}.core-description p{font:400 17px/1.6 'Roboto Condensed',Arial,sans-serif;color:#231a12;text-shadow:none;text-transform:none;margin:0}.core-circles:has(details[open]) .core-dropdown:not([open]) summary{opacity:.75}
@media(max-width:760px){.core-description{top:90px;padding:17px}.core-description h3{font-size:19px}.core-description p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.core-circles,.core-dropdown summary>span{transition:none}}
.design-person{height:585px;align-self:end}.design-progression>.design-palms{clip-path:polygon(0 7%,30% 5%,15% 16%,55% 14%,30% 30%,70% 28%,46% 45%,94% 58%,87% 100%,0 100%)}.design-progression>.palms-right{clip-path:polygon(100% 7%,70% 5%,85% 16%,45% 14%,70% 30%,30% 28%,54% 45%,6% 58%,13% 100%,100% 100%)}
@media(max-width:1250px){.design-person{height:550px}}
@media(min-width:1700px){.design-person{height:635px}}
@media(max-width:760px){.design-person{height:380px;align-self:center;margin-right:0}.portrait-window{overflow:hidden}.design-portrait{width:108%;left:-4%}.design-progression>.design-palms{clip-path:none}.design-progression>.palms-right{clip-path:none}}
@media(max-width:380px){.design-person{height:340px}.design-portrait{width:106%;left:-3%}}
@media(max-width:380px){.design-header-inner{gap:8px}.design-brand>span{font-size:18px}.design-brand small{font-size:8px;letter-spacing:.5px}.design-menu>summary{padding:10px 8px}}

.design-progression>.design-palms{clip-path:none;mask-image:linear-gradient(to right,#000 45%,transparent 98%)}.design-progression>.palms-right{mask-image:linear-gradient(to left,#000 45%,transparent 98%)}.shield-left{clip-path:polygon(0 0,48% 0,48% 37%,100% 37%,100% 100%,0 100%)}.shield-right{clip-path:polygon(52% 0,100% 0,100% 100%,0 100%,0 37%,52% 37%)}

.mission-ribbon{background:#84090c url(design-cloth.585900e1a0cf.svg) center/cover}

.shield-left{clip-path:polygon(14% 0,24% 0,28% 37%,100% 37%,100% 100%,0 100%,0 37%,19% 37%)}.shield-right{clip-path:polygon(76% 0,86% 0,81% 37%,100% 37%,100% 100%,0 100%,0 37%,72% 37%)}

.shield-left{clip-path:polygon(18% 0,24% 18%,22% 22%,29% 46%,100% 46%,100% 100%,0 100%,0 46%,24% 46%,17% 22%,14% 18%)}.shield-right{clip-path:polygon(82% 0,86% 18%,83% 22%,76% 46%,100% 46%,100% 100%,0 100%,0 46%,71% 46%,78% 22%,76% 18%)}

/* Floating descriptions do not change any section dimensions. */
.design-hero{z-index:8}.design-hero-copy{z-index:10}.core-circles{transition:none}.core-description{z-index:30;max-height:min(300px,50vh);overflow:auto;box-shadow:0 10px 28px #1c100977}.progression-heading h2{font-family:"Arial Black",Arial,sans-serif;font-weight:900;font-size:clamp(30px,3.8vw,57px);letter-spacing:1px}.design-button{clip-path:polygon(2% 4%,19% 1%,38% 4%,58% 1%,80% 4%,98% 2%,100% 21%,98% 42%,100% 68%,98% 96%,78% 99%,57% 96%,38% 99%,18% 96%,1% 99%,0 72%,2% 50%,0 24%)}
@media(max-width:760px){.progression-heading h2{font-size:clamp(25px,6vw,43px)}}

/* One continuous decorative scene keeps trees, spears, cloth and rocks connected. */
.design-lower{position:relative;isolation:isolate;background:#211811 url(design-lower-web.31579bc640ef.webp) center/100% 100% no-repeat}
.design-lower .design-progression{background:none;padding:22px 0 22px;min-height:clamp(300px,19.8vw,505px);display:flex;align-items:center}
.design-lower .progression-heading{position:relative;justify-content:center;min-height:52px;margin-bottom:16px}
.design-lower .progression-heading h2{flex:none;width:100%;padding-inline:110px;font-size:clamp(30px,3.7vw,56px)}
.design-lower .progression-heading .design-button{position:absolute;right:0;top:4px}
.design-lower .progression-grid{gap:20px}
.design-lower .progression-card h3{font-weight:400;padding:8px 4px;font-size:18px}
.design-lower .progression-card h3:after{margin-top:5px}
.design-lower .design-mission{background:none;padding:14px 0 18px;min-height:clamp(250px,14.8vw,375px)}
.design-lower .mission-copy{max-width:790px;width:60%;padding:0}
.design-lower .mission-copy h2{font-size:22px}
.design-lower .mission-copy>p:nth-child(2){font-size:19px;line-height:1.35;margin:12px auto 22px}
.design-lower .spartan-tagline{font-size:13px;letter-spacing:4px;margin-top:22px}
.design-lower .coach-signature{font-size:15px;letter-spacing:3px;text-transform:uppercase;font-style:normal;margin-top:7px}
@media(max-width:1080px) and (min-width:761px){.design-lower .progression-heading h2{font-size:32px;padding-inline:140px}.design-lower .mission-copy>p:nth-child(2){font-size:17px}.design-lower .progression-card h3{font-size:14px}}
@media(max-width:760px){
 .design-lower{background:none}
 .design-lower .design-progression{display:block;background:#f1e3c6;padding:28px 0 38px;min-height:0}
 .design-lower .progression-heading{display:flex;flex-direction:column;gap:12px;min-height:0}
 .design-lower .progression-heading h2{font-size:clamp(24px,6vw,42px);padding:0}
 .design-lower .progression-heading .design-button{position:static}
 .design-lower .progression-card h3{font-size:17px;padding:12px 5px}
 .design-lower .design-mission{padding:55px 0 160px;min-height:470px;background:#241810 url(design-lower-web.31579bc640ef.webp) center bottom/auto 100% no-repeat}
 .design-lower .mission-copy{width:calc(100% - 40px);max-width:520px}
 .design-lower .mission-copy>p:nth-child(2){font-size:17px;line-height:1.55;margin:12px auto 28px;text-shadow:0 2px 3px #000}
 .design-lower .mission-copy h2{color:#251811}
 .design-lower .mission-copy>p:nth-child(2){color:#251811;text-shadow:none}
 .design-lower .spartan-tagline{font-size:12px;letter-spacing:2px;text-shadow:0 2px 4px #000}
}

.design-lower .design-progression>.design-container{width:min(1240px,calc(100% - 140px))}
.design-lower .progression-heading h2{width:calc(100% - 200px);padding:0;white-space:nowrap;font-size:clamp(28px,3.3vw,50px)}
.design-lower .progression-heading h2:before,.design-lower .progression-heading h2:after{content:'—';font-weight:normal;font-size:.7em;margin:0 12px}
@media(max-width:1080px) and (min-width:761px){.design-lower .design-progression>.design-container{width:calc(100% - 90px)}.design-lower .progression-heading h2{font-size:27px;width:calc(100% - 160px)}.design-lower .progression-heading h2:before,.design-lower .progression-heading h2:after{display:none}}
@media(max-width:760px){.design-lower .design-progression>.design-container{width:calc(100% - 32px)}.design-lower .progression-heading h2{width:100%;font-size:clamp(23px,5.6vw,39px)}.design-lower .progression-heading h2:before,.design-lower .progression-heading h2:after{display:none}.design-lower .design-mission{background-color:#f1e3c6;background-size:100% auto;padding:35px 0 160px;min-height:460px}.design-lower .spartan-tagline,.design-lower .coach-signature{color:#251811;text-shadow:none}.design-lower .spartan-tagline{margin-top:24px}}

/* Keep the full scene visible on wide screens instead of cropping its lower coastline. */
@media(min-width:761px){.hero-background img{object-fit:cover;object-position:center center}}

.design-header{background-image:url(design-header.6f3c6da515da.webp);background-size:auto 78px}
@media(max-width:760px){.design-lower .design-mission{background-image:url(design-lower-phone.0d2305ae19c5.webp)}}

/* Restore the original site's independent scenery layers and overlapping masks. */
.hero-background{overflow:hidden;height:100%}
.design-coast-layer,.design-wall-layer{position:absolute;top:0;bottom:0}
.design-coast-layer{left:0;width:78%}
.design-wall-layer{right:0;width:42%;mask-image:linear-gradient(to right,transparent,#000 20%)}
.hero-background picture{display:block;width:100%;height:100%}
.hero-background .design-coast-layer img{width:100%;height:100%;object-fit:cover;object-position:left center}
.hero-background .design-wall-layer img{width:100%;height:100%;object-fit:cover;object-position:right top}
@media(max-width:1250px){.design-coast-layer{width:83%}.design-wall-layer{width:47%}}
@media(max-width:760px){.hero-background{height:380px}.design-coast-layer{width:100%}.design-wall-layer{width:70%;mask-image:linear-gradient(to right,transparent,#000 28%)}.hero-background .design-coast-layer img{object-position:25% center}.hero-background .design-wall-layer img{object-position:right top}}
@media(max-width:380px){.hero-background{height:340px}}
@media(max-width:760px){.design-lower .progression-heading h2{white-space:normal;overflow-wrap:normal;text-wrap:balance}}

/* The new cutout carries real alpha; do not apply the old photographic silhouette. */
.design-portrait.is-cutout{mask-image:none;top:auto;bottom:-200px;left:50%;transform:translateX(-50%);width:auto;height:calc(100% + 190px);max-width:none;object-fit:contain}
@media(max-width:1250px){.design-portrait.is-cutout{bottom:-190px;height:calc(100% + 180px)}}
@media(max-width:760px){.design-portrait.is-cutout{bottom:-180px;height:calc(100% + 170px);left:50%;width:auto;top:auto}.design-psalm{bottom:10px}}

.design-subtitle{font-size:15px;letter-spacing:3px}.design-principles{font-size:14px;line-height:1.6}.design-quote{font-size:clamp(20px,1.55vw,24px)}
@media(max-width:1080px){.design-subtitle{font-size:13px;letter-spacing:2px}.design-principles{font-size:12px}.design-quote{font-size:20px}}
@media(max-width:760px){.design-subtitle{font-size:12px;letter-spacing:1.6px}.design-principles{font-size:12px}.design-quote{font-size:19px}}
/* Readability comes from the letters, with no panel obscuring the scenery. */
.design-hero-copy:before{display:none}
.design-subtitle,.design-principles,.design-quote,.core-four h2{font-weight:700;color:#110d08;text-shadow:0 0 2px #fff5e8,0 0 5px #fff1d9,0 0 9px #ffeac5c9}
@media(max-width:760px){.design-subtitle,.design-principles,.design-quote,.core-four h2{text-shadow:0 0 3px #fff1d970}}
.design-hero h1 span,.design-hero h1 strong{text-shadow:0 3px 2px #130b08a6,0 7px 10px #130b0873}

/* Fit the wordmark to its own text column, rather than the browser width. */
.design-hero-copy{container-type:inline-size}
.design-hero h1{font-size:clamp(52px,18cqi,146px);line-height:1;letter-spacing:2px}
.design-hero h1 strong{font-size:clamp(36px,13.2cqi,107px);margin-top:10px;letter-spacing:1px}
@media(max-width:760px){.design-hero h1{font-size:18cqi;letter-spacing:1px}.design-hero h1 strong{font-size:13.2cqi;letter-spacing:.5px;margin-top:8px}}

/* Ship the fonts so client-installed fonts are irrelevant. */
@font-face{font-family:"HKM Display";font-style:normal;font-weight:400;font-display:swap;src:url(hkm-display.25f33e61cf99.woff2) format("woff2")}
@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(anton.d0fa07ff63dd.woff2) format("woff2")}
@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:400 700;font-display:swap;src:url(roboto-condensed.8d230115e58f.woff2) format("woff2")}
.design-hero h1,.design-hero h1 span,.design-hero h1 strong,.design-lower .progression-heading h2{font-family:"HKM Display","Arial Black",Arial,sans-serif;font-weight:400;font-synthesis:none}

/* Independent lower layers: preserve image proportions and overlap behind content. */
.design-lower{background:none;overflow:hidden;background-color:#211811}
.design-lower .design-progression{background:#f1e3c6 url(design-paper.svg) center/600px;padding:28px 0 34px;min-height:345px;isolation:auto}
.design-lower .design-progression>.design-container{z-index:6}
.lower-tree{position:absolute;top:0;width:clamp(180px,18vw,330px);height:auto;pointer-events:none;z-index:1}
.lower-tree-left{left:0;mask-image:linear-gradient(to right,#000 65%,transparent)}
.lower-tree-right{right:0;mask-image:linear-gradient(to left,#000 65%,transparent)}
.design-lower .design-mission{background:#211811;padding:35px 0 85px;min-height:320px;isolation:auto}
.lower-cloth{position:absolute;inset:-22px 0 auto;left:50%;transform:translateX(-50%);width:auto;height:max(100%,340px);max-width:none;pointer-events:none;z-index:1}
.lower-shield{position:absolute;bottom:0;width:clamp(200px,24vw,400px);height:auto;pointer-events:none;z-index:4}
.lower-shield-left{left:0;mask-image:linear-gradient(to right,#000 75%,transparent)}
.lower-shield-right{right:0;mask-image:linear-gradient(to left,#000 75%,transparent)}
.design-lower .mission-copy{position:relative;z-index:6;width:min(800px,calc(100% - 440px));max-width:none}
.design-lower .mission-copy h2,.design-lower .mission-copy>p:nth-child(2),.design-lower .spartan-tagline,.design-lower .coach-signature{color:#fff0d3;text-shadow:0 2px 3px #210702}
.lower-front-rocks{position:absolute;inset:auto 0 0;height:70px;z-index:7;background:url(lava-rocks.e6ff22440bc3.webp) center bottom/480px auto;mask-image:linear-gradient(to bottom,transparent,#000 45%);pointer-events:none}
.design-hero h1{font-size:clamp(52px,19.4cqi,157px)}
.design-hero h1 strong{font-size:clamp(36px,14.2cqi,115px)}
.design-subtitle{font-size:19px;letter-spacing:4px}
.design-principles{font-size:17px;line-height:1.55;max-width:none}
.design-quote{font-size:clamp(25px,2vw,29px);max-width:740px}
.core-four h2{font-size:31px}
.core-circles p{font-size:15px}
@media(max-width:1080px) and (min-width:761px){
 .design-lower .mission-copy{width:calc(100% - 320px)}
 .lower-shield{width:260px}
 .design-subtitle{font-size:16px;letter-spacing:2px}.design-principles{font-size:15px}.design-quote{font-size:24px}
}
@media(max-width:760px){
 .design-hero h1{font-size:19.4cqi}.design-hero h1 strong{font-size:14.2cqi}
 .design-subtitle{font-size:15px;letter-spacing:2px}.design-principles{font-size:14px;line-height:1.65}.design-quote{font-size:22px}.core-four h2{font-size:27px}.core-circles p{font-size:12px}
 .design-lower .design-progression{padding:28px 0 36px;min-height:0}
 .lower-tree{width:190px;opacity:.55}
 .design-lower .design-mission{padding:35px 0 170px;min-height:440px;background:#211811}
 .design-lower .mission-copy{width:calc(100% - 40px);max-width:540px}
 .lower-cloth{height:calc(100% + 22px)}
 .lower-shield{width:170px;bottom:-10px;z-index:4}
 .lower-shield-left{left:-32px}.lower-shield-right{right:-32px}
 .design-lower .mission-copy>p:nth-child(2){font-size:18px;line-height:1.5}
 .lower-front-rocks{height:55px}
}

.lower-tree-left{mask-image:linear-gradient(to right,#000 65%,transparent),linear-gradient(to bottom,#000 70%,transparent);mask-composite:intersect}
.lower-tree-right{mask-image:linear-gradient(to left,#000 65%,transparent),linear-gradient(to bottom,#000 70%,transparent);mask-composite:intersect}

.design-lower .design-progression{background:#ead1a4}
.lower-paper{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.lower-tree{width:clamp(240px,24vw,430px)}
.lower-cloth{mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 6%);mask-composite:intersect}
@media(max-width:760px){.lower-tree{width:240px}.lower-cloth{mask-image:linear-gradient(to bottom,transparent,#000 5%)}}

.design-lower .design-mission{background:linear-gradient(to bottom,#ead1a4,#ead1a4 30%,#211811 65%)}

/* Full-width cloth extensions overlap under the center, preserving their proportions. */
.lower-cloth-extension{position:absolute;bottom:0;width:auto;height:max(100%,340px);max-width:none;z-index:0;pointer-events:none}
.cloth-extension-left{right:50%;transform:translateX(35%)}
.cloth-extension-right{left:50%;transform:translateX(-35%)}
.lower-cloth{z-index:1}
.design-lower .design-mission{background:#211811}
@media(min-width:2200px){.cloth-extension-left{right:auto;left:0;transform:translateX(-10%)}.cloth-extension-right{left:auto;right:0;transform:translateX(10%)}}
@media(max-width:760px){.lower-cloth-extension{display:none}}
.cloth-extension-left{left:0;right:auto;transform:translateX(-10%)}
.cloth-extension-right{right:0;left:auto;transform:translateX(10%)}

/* Real transparent assets replace the rough geometric spear masks. */
img.lower-shield{mask-image:none;clip-path:none;object-fit:contain;width:clamp(200px,20vw,360px);height:auto}
@media(max-width:1080px) and (min-width:761px){img.lower-shield{width:240px}}
@media(max-width:760px){img.lower-shield{width:170px;bottom:-10px}.lower-shield-left{left:-20px}.lower-shield-right{right:-20px}}

/* Follow the rock edge instead of fading pale background pixels over the paper. */
.lower-cloth{mask-image:none}
.lower-paper{height:calc(100% + 65px)}

.lower-cloth{mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}

/* One coherent cloth canvas; aspect-preserving crops replace duplicated extensions. */
.lower-cloth{inset:-55px 0 auto;left:0;transform:none;width:100%;height:calc(100% + 55px);mask-image:none}
.lower-paper{height:calc(100% + 65px)}
@media(max-width:760px){.lower-paper{height:calc(100% + 65px)}.lower-cloth{height:calc(100% + 55px)}}

.design-lower .design-mission{background:none}


/* Leave breathing room below the cards and retain the complete rock silhouettes. */
.design-lower .design-progression{padding-bottom:70px}
.design-lower .design-mission{padding-top:75px}
@media(max-width:760px){.design-lower .design-progression{padding-bottom:60px}.design-lower .design-mission{padding-top:75px}}

.lower-cloth{top:-120px;left:50%;transform:translateX(-50%);width:max(100%,1800px);height:auto}
@media(max-width:760px){.lower-cloth{width:auto;height:calc(100% + 120px)}}

.lower-paper{height:calc(100% + 180px)}
.design-lower .design-mission{padding-top:130px}
@media(max-width:760px){.lower-paper{height:calc(100% + 180px)}.design-lower .design-mission{padding-top:120px}}

/* Balance the palm silhouettes and gently tighten the card-to-rock gap. */
.lower-paper{height:calc(100% + 100px)}
.design-lower .design-progression{padding-bottom:48px}
.lower-cloth{top:-145px}
.design-lower .design-mission{padding-top:105px}
@media(max-width:760px){.lower-paper{height:calc(100% + 180px)}.design-lower .design-progression{padding-bottom:44px}.lower-cloth{top:-120px}.design-lower .design-mission{padding-top:120px}}

/* Tilt the paired ornaments toward the mission, pivoting at their bases. */
.lower-shield-left{transform:rotate(20deg);transform-origin:50% 100%}
.lower-shield-right{transform:rotate(-20deg);transform-origin:50% 100%}

/* Keep palm crowns anchored at the top and restore the overlapping torn paper edge. */
.design-lower{position:relative;margin-top:-12px;z-index:9;mask-image:url(paper-top-edge.svg),linear-gradient(#000,#000);mask-size:600px 18px,100% calc(100% - 17px);mask-position:center top,left 17px;mask-repeat:repeat-x,no-repeat;mask-composite:add}

/* Palms are independent transparent layers: full crowns cannot be cropped by texture sizing. */
.lower-tree{top:16px;width:clamp(220px,20vw,360px);height:auto;mask-image:none;opacity:1;z-index:1}
.lower-tree-left{left:12px;mask-image:none}
.lower-tree-right{right:12px;mask-image:none;transform:scaleX(-1)}
@media(max-width:760px){.lower-tree{top:18px;width:170px;opacity:.55}.lower-tree-left{left:-15px}.lower-tree-right{right:-15px}}

/* Approved crimson, ivory and bronze treatment; scenery and portrait stay independent. */
.design-hero .serving{font:700 clamp(13px,2.1cqi,18px)/1.3 'Roboto Condensed',sans-serif;letter-spacing:2px;color:#fff0d3;text-shadow:0 1px 2px #000,1px 0 #15110d,-1px 0 #15110d,0 -1px #15110d}
.design-hero h1{mask-image:none;line-height:.94;margin:10px 0 8px;letter-spacing:0;font-size:clamp(52px,20cqi,162px)}
.design-hero h1 span{color:#fff0d3;-webkit-text-stroke:2px #20130e;text-shadow:2px 3px 0 #21110b,0 6px 6px #0009}
.design-hero h1 strong{font-size:clamp(38px,15.1cqi,123px);margin-top:0;letter-spacing:-1px;color:#d30b0e;-webkit-text-stroke:1.5px #270d07;text-shadow:2px 3px 0 #21110b,0 6px 6px #0009}
.design-hero h1 span,.design-hero h1 strong{mask-image:url(wordmark-distress.svg);mask-mode:luminance;mask-size:100% 100%}
.design-subtitle,.design-principles,.design-quote{color:#fff0d3;font-weight:700;text-shadow:1px 1px 1px #000,-1px -1px 1px #000,0 2px 3px #000;background:url(hero-brush.svg) center/100% 100% no-repeat;padding:5px 12px;position:relative}
.design-subtitle{font:700 clamp(15px,3cqi,24px)/1.25 'Roboto Condensed',sans-serif;letter-spacing:1px}
.design-principles{font:700 clamp(12px,2.25cqi,18px)/1.35 'Roboto Condensed',sans-serif;margin:4px auto}
.design-principles b{color:#ff2929;margin:0 5px}
.design-quote{font-size:clamp(21px,3.55cqi,29px);line-height:1.2;margin:8px auto 10px;padding:8px 14px;width:95%}
.core-four h2{font:700 32px/1.1 'Roboto Condensed',sans-serif;letter-spacing:2px;color:#fff0d3;text-shadow:1px 1px #130d07,-1px -1px #130d07,0 2px 3px #000}
.core-dropdown summary>span{width:82px;height:82px;border:4px double #d7ad60;background:url(core-laurel.svg) center/100% 100%,radial-gradient(circle at 35% 25%,#df171b,#a90008 55%,#400007);color:#fff3d7;font:700 34px/1 'Roboto Condensed',sans-serif;text-shadow:1px 2px 2px #000;box-shadow:0 0 0 2px #2a160c,0 0 0 3px #ba8640,0 3px 6px #0008,inset 0 0 0 3px #310c04,inset 0 0 12px #0008;padding-bottom:5px}
.core-dropdown summary>span:after{bottom:8px;font-size:19px;font-weight:bold;line-height:1}
.core-dropdown summary>p{font:700 17px/1.2 'Roboto Condensed',sans-serif;color:#fff4de;text-shadow:1px 1px #111,-1px -1px #111,1px -1px #111,-1px 1px #111,0 2px 3px #000;margin-top:8px}
.core-description{top:117px}
.integrated-card{border:0;border-radius:0;background:none;box-shadow:0 2px 5px #281b1538}
.integrated-card:after{display:none}
.progression-card.integrated-card img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}

/* Approved raster wordmark, isolated from the responsive scenery and real portrait. */
.hero-wordmark-layer{width:100%;max-width:820px;margin:0 auto 12px;pointer-events:none}
.hero-wordmark-layer img{width:100%;height:auto;object-fit:contain}
.has-image-wordmark>.serving,.has-image-wordmark>h1,.has-image-wordmark>.design-subtitle,.has-image-wordmark>.design-principles,.has-image-wordmark>.design-quote,.has-image-wordmark .core-four>h2{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.has-image-wordmark .core-four{width:100%;max-width:570px;margin-inline:auto}
@media(max-width:760px){.hero-wordmark-layer{margin-bottom:16px}.has-image-wordmark .core-four{max-width:470px}}

/* Float open descriptions above the overlapping parchment section. */
.design-hero{isolation:auto;z-index:auto}
.design-hero .hero-background{z-index:0}
.design-hero .design-person,.hero-wordmark-layer{position:relative;z-index:1}
.design-hero .design-hero-copy{z-index:auto;container-type:normal}
.design-hero .core-four{position:relative;z-index:15}
.core-dropdown summary>span{background:url(core-laurel.svg) center/100% 100%,radial-gradient(circle at 35% 25%,#b41116,#94080c 55%,#400007)}

/* Only the curved title is artwork. Supporting copy stays editable and reflows. */
.has-title-art>h1{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.design-hero .has-title-art>.serving{position:relative;z-index:1;font:700 18px/1.4 'Roboto Condensed',sans-serif;letter-spacing:1.5px;margin:0 auto 16px;color:#fff2dc;text-shadow:1px 1px 1px #111,-1px -1px 1px #111,0 2px 3px #000}
.has-title-art .hero-wordmark-layer{margin:0 auto 24px;max-width:820px}
.has-title-art>.design-subtitle,.has-title-art>.design-principles,.has-title-art>.design-quote{background:none;position:relative;z-index:1;width:auto;padding:0;color:#fff2dc;text-shadow:1px 1px 1px #111,-1px -1px 1px #111,0 2px 3px #000}
.has-title-art>.design-subtitle{font:700 clamp(19px,2vw,27px)/1.3 'Roboto Condensed',sans-serif;letter-spacing:1px;max-width:90%;margin:0 auto 17px}
.has-title-art>.design-principles{font:600 clamp(15px,1.3vw,19px)/1.5 'Roboto Condensed',sans-serif;letter-spacing:.3px;margin:0 auto 22px;max-width:95%;text-wrap:balance}
.has-title-art .design-principles b{color:#b70c12;margin:0 9px}
.has-title-art>.design-quote{isolation:isolate;font:700 italic clamp(23px,2.1vw,30px)/1.35 Georgia,serif;max-width:700px;margin:0 auto 26px;padding:13px 18px;text-wrap:balance}
.has-title-art>.design-quote:before{content:'';position:absolute;inset:-4px -8px;background:url(quote-brush.df99716e9629.svg) center/100% 100% no-repeat;z-index:-1;pointer-events:none}
.has-title-art .core-four{width:100%;max-width:570px;margin-inline:auto}
.has-title-art .core-four h2{font:700 25px/1.3 'Roboto Condensed',sans-serif;letter-spacing:2px;margin-bottom:20px}
.has-title-art .core-four h2:before,.has-title-art .core-four h2:after{width:65px;height:2px;background:#9c0a0f}
@media(max-width:760px){
 .design-hero .has-title-art>.serving{font-size:14px;letter-spacing:1px;margin-bottom:15px;gap:10px}
 .has-title-art .hero-wordmark-layer{margin-bottom:23px}
 .has-title-art>.design-subtitle{font-size:20px;max-width:100%;letter-spacing:.5px;margin-bottom:16px}
 .has-title-art>.design-principles{font-size:15px;line-height:1.65;max-width:100%;margin-bottom:22px}
 .has-title-art .design-principles b{margin:0 4px}
 .has-title-art>.design-quote{font-size:23px;line-height:1.35;padding:12px 10px;margin-bottom:26px}
 .has-title-art .core-four h2{font-size:23px;margin-bottom:20px}
}
.integrated-card h3{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:760px){
 .design-hero .serving{font-size:13px;letter-spacing:1px}
 .design-hero h1{font-size:20cqi}.design-hero h1 span{-webkit-text-stroke:1px #20130e}.design-hero h1 strong{font-size:15.1cqi;-webkit-text-stroke:1px #270d07;letter-spacing:-.5px}
 .design-subtitle{font-size:16px;letter-spacing:.5px}.design-principles{font-size:13px}.design-quote{font-size:22px}
 .core-dropdown summary>span{width:66px;height:66px;font-size:28px}.core-dropdown summary>span:after{bottom:5px;font-size:16px}.core-dropdown summary>p{font-size:13px}
 .core-description{top:100px}.core-four h2{font-size:28px}
}

/* Strong native lettering with separate worn brush layers. */
.design-hero .has-title-art>.serving{font-family:'Anton',sans-serif;font-weight:400;font-size:20px;letter-spacing:1.7px;text-shadow:0 2px 2px #000,1px 0 #000,-1px 0 #000,0 -1px #000}
.has-title-art>.design-subtitle{font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(22px,2.1vw,30px);isolation:isolate;padding:7px 15px;letter-spacing:1.2px}
.has-title-art>.design-principles{font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(16px,1.4vw,20px);isolation:isolate;padding:7px 15px;letter-spacing:.5px}
.has-title-art>.design-subtitle:before,.has-title-art>.design-principles:before{content:'';position:absolute;inset:0 -8px;background:url(quote-brush.d8f12fd966a7.svg) center/100% 100% no-repeat;filter:brightness(0);opacity:.78;z-index:-1;pointer-events:none}
.has-title-art>.design-quote{text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 3px 2px #000}
.has-title-art>.design-quote:before{background-image:url(quote-brush.d8f12fd966a7.svg)}
.has-title-art .core-four h2{font-family:'Anton',sans-serif;font-weight:400;text-shadow:1px 1px 1px #000,-1px -1px #000,0 2px 3px #000}
@media(max-width:760px){.design-hero .has-title-art>.serving{font-size:15px;letter-spacing:1px}.has-title-art>.design-subtitle{font-size:21px}.has-title-art>.design-principles{font-size:16px}}

/* Dense painted art replaces the fine striped brush. */
.has-title-art>.design-subtitle:before,.has-title-art>.design-principles:before{background-image:url(hero-brush.0322d670bd43.webp);opacity:.92;inset:-3px -10px}
.has-title-art>.design-quote:before{background-image:url(hero-brush.0322d670bd43.webp);inset:-9px -12px}
.design-hero .has-title-art>.serving:before,.design-hero .has-title-art>.serving:after,.has-title-art .core-four h2:before,.has-title-art .core-four h2:after{background:url(hero-brush.0322d670bd43.webp) center/100% 100% no-repeat;height:8px;width:75px;box-shadow:0 1px 2px #0006}
@media(max-width:760px){.design-hero .has-title-art>.serving:before,.design-hero .has-title-art>.serving:after{width:30px;height:6px}.has-title-art .core-four h2:before,.has-title-art .core-four h2:after{width:60px;height:7px}}

/* Bring supporting copy closer to the title while retaining mobile reflow. */
.has-title-art .hero-wordmark-layer{margin-bottom:10px}
.has-title-art>.design-subtitle{margin-bottom:10px}
.has-title-art>.design-principles{margin-bottom:14px}
.has-title-art>.design-quote{margin-bottom:18px}
@media(max-width:760px){.has-title-art .hero-wordmark-layer{margin-bottom:12px}.has-title-art>.design-subtitle{margin-bottom:10px}.has-title-art>.design-principles{margin-bottom:16px}.has-title-art>.design-quote{margin-bottom:20px}}

.has-title-art>.design-principles{margin-bottom:4px}
@media(max-width:760px){.has-title-art>.design-principles{margin-bottom:6px}}

/* Reference-style Agoge lettering is its own transparent artwork. */
.has-title-art>.design-subtitle{font-size:0;color:transparent;text-shadow:none;padding:0 10px;margin-top:-4px;margin-bottom:8px}
.has-title-art>.design-subtitle:after{content:'';display:block;width:100%;aspect-ratio:1600 / 214;background:url(agoge-line.2c1f3629c559.webp) center/contain no-repeat;position:relative;z-index:1}
.has-title-art>.design-subtitle:before{inset:45% -10px 0}
@media(max-width:760px){.has-title-art>.design-subtitle{font-size:0;margin-top:0;margin-bottom:12px;padding:0}}

.hero-background:after{content:'';position:absolute;left:57%;top:8px;width:19%;aspect-ratio:450 / 485;background:url(cloud-helmet.c6db4061f529.webp) center/contain no-repeat;pointer-events:none;opacity:.88}
@media(max-width:760px){.hero-background:after{left:2%;top:18px;width:37%;opacity:.8}}

.hero-background .design-coast-layer{z-index:0}.hero-background:after{z-index:1}.hero-background .design-wall-layer{z-index:2}

/* Keep the helmet a small, softly blended cloud detail. */
.hero-background:after{left:59%;top:28px;width:12%;opacity:.48}
@media(max-width:760px){.hero-background:after{left:3%;top:28px;width:25%;opacity:.42}}

/* Keep the mission statement inside the cloth on laptop and tablet screens. */
.design-lower:not(.fundamentals-footer) .design-mission{padding-top:50px}
@media(max-width:760px){.design-lower:not(.fundamentals-footer) .design-mission{padding-top:75px}}

/* Preserve paragraph breaks in the expanded Core 4 descriptions. */
.core-description p{white-space:pre-line}

/* Inner pages reuse the home mission layers with room for the upper cloth edge. */
.design-lower.site-mission-footer{padding-top:145px;background:#f2e7d1;margin-top:0;mask-image:none}
@media(max-width:760px){.design-lower.site-mission-footer{padding-top:120px}}
.site-mission-footer .mission-copy{font-family:Georgia,serif}
.site-mission-footer .mission-copy>p:nth-child(2){font-family:Georgia,serif}
.design-lower{display:flow-root}
.mission-viewport{position:relative;padding-top:500px;margin-top:-500px;overflow:hidden}
.closing.shared-training-strip{height:auto;min-height:0;padding-bottom:25px;background:#151310 url(stone-banner.jpg) center/cover}

/* The active route owns the underline; Home is no longer a permanent selection. */
.design-header nav a:first-child{border-bottom:0}
.design-header nav a[aria-current="page"]{border-bottom:2px solid #cc1114}
/* Spears can rise above the shared footer without being cropped by its box. */
.design-lower.site-mission-footer{overflow-x:clip;overflow-y:visible;padding-top:clamp(180px,12vw,280px)}
@media(max-width:760px){.design-lower.site-mission-footer{padding-top:140px}}
.shared-page-hero-copy{padding-block:50px}
.shared-page-hero-copy h1{font:400 clamp(48px,5.5vw,85px)/1.2 Anton,Impact,sans-serif;color:#991017;margin-bottom:24px}
.shared-page-hero-copy p{font:400 21px/1.6 'Roboto Condensed',sans-serif;margin-bottom:16px;max-width:650px}
.shared-page-hero-copy p{background:#f2e7d1e6;color:#241c15;padding:12px 16px;text-shadow:none}

/* Compact banners for ancillary pages; the homepage keeps its full hero. */
.ancillary-hero .design-hero-inner{min-height:250px;grid-template-columns:65% 35%}
.ancillary-hero .design-person{height:250px}
.ancillary-hero .design-portrait.is-cutout{height:330px;bottom:-85px}
.ancillary-hero .design-psalm{display:none}
.ancillary-hero .shared-page-hero-copy,.contact-page .ancillary-hero .contact-hero-copy{padding:24px 20px 24px 0}
.ancillary-hero .shared-page-hero-copy h1,.contact-page .ancillary-hero .contact-hero-copy h1{font-size:clamp(36px,4.5vw,64px);margin-bottom:12px}
.ancillary-hero .shared-page-hero-copy p{font-size:17px;margin-bottom:8px}
.ancillary-hero .design-subtitle{font-size:15px;letter-spacing:1.5px}
.ancillary-hero .shared-page-hero-copy,.contact-page .ancillary-hero .contact-hero-copy{background:#f4e8cfee;border-left:3px solid #991017;padding:22px 26px;margin-block:20px;text-align:left;align-self:center}
.ancillary-hero .shared-page-hero-copy h1,.contact-page .ancillary-hero .contact-hero-copy h1{color:#790b10;text-shadow:none;line-height:1.15}
.ancillary-hero .serving{justify-content:flex-start;color:#57452e;text-shadow:none}
.ancillary-hero .serving:before,.ancillary-hero .serving:after{display:none}
.ancillary-hero .design-subtitle{background:none;clip-path:none;color:#30251b;text-shadow:none;padding:0;font-weight:600;line-height:1.5;white-space:normal}
.ancillary-hero .shared-page-hero-copy p{background:none;padding:0;color:#30251b;text-shadow:none}
.ancillary-hero .hero-background{background:#211811 url(design-coast-fast.af7212c2b50c.webp) center 55%/cover no-repeat}
.ancillary-hero .design-coast-layer,.ancillary-hero .design-wall-layer,.ancillary-hero .hero-background:after{display:none}
@media(max-width:760px){
 .ancillary-hero .design-hero-inner{display:grid;grid-template-columns:65% 35%;min-height:210px}
 .ancillary-hero .design-person{order:1;height:210px;width:100%;margin:0;align-self:end}
 .ancillary-hero .design-portrait.is-cutout{height:245px;bottom:-40px}
 .ancillary-hero .design-hero-copy{order:0;width:auto;margin:0;background:none;padding:20px 8px 20px 0}
 .ancillary-hero .shared-page-hero-copy h1,.contact-page .ancillary-hero .contact-hero-copy h1{font-size:clamp(28px,6vw,42px)}
 .ancillary-hero .serving{font-size:9px;letter-spacing:1px}.ancillary-hero .serving:before,.ancillary-hero .serving:after{display:none}
 .ancillary-hero .design-subtitle{font-size:11px;letter-spacing:.5px}
 .ancillary-hero .shared-page-hero-copy p{font-size:14px;line-height:1.4;padding:8px}
 .ancillary-hero .shared-page-hero-copy,.contact-page .ancillary-hero .contact-hero-copy{background:#f4e8cfee;padding:16px 14px;margin-block:15px}
}

/* Coastal banner with a dark text scrim and the rock wall behind Jeff. */
.ancillary-hero .design-wall-layer{display:block;width:30%;mask-image:linear-gradient(to right,transparent,#000 12%)}
.ancillary-hero .design-wall-layer picture{display:block;width:100%;height:100%;overflow:hidden}
.ancillary-hero .hero-background .design-wall-layer img{width:170%;max-width:none;height:100%;object-position:right top;transform:translateX(-41%)}
.ancillary-hero .hero-background:before{content:'';position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,#10100ef0 0%,#10100ed9 35%,#10100e90 58%,transparent 76%);pointer-events:none}
.ancillary-hero .shared-page-hero-copy,.contact-page .ancillary-hero .contact-hero-copy{background:none;border:0;padding-left:0}
.ancillary-hero .shared-page-hero-copy h1,.contact-page .ancillary-hero .contact-hero-copy h1{color:#fff2d9;text-shadow:0 2px 4px #0008}
.ancillary-hero .serving{color:#d7b778;text-shadow:0 1px 3px #000}
.ancillary-hero .design-subtitle,.ancillary-hero .shared-page-hero-copy p{color:#fff2d9;background:none;text-shadow:0 1px 3px #000}
.ancillary-hero .shared-page-hero-copy h1:after,.ancillary-hero .contact-hero-copy h1:after{content:'';display:block;width:58px;height:3px;background:#bd171d;margin-top:14px}
@media(max-width:760px){.ancillary-hero .design-wall-layer{width:35%}.ancillary-hero .hero-background:before{background:linear-gradient(90deg,#10100ef2,#10100ebd 55%,transparent 80%)}.ancillary-hero .shared-page-hero-copy,.contact-page .ancillary-hero .contact-hero-copy{background:none;padding-left:0}}
.ancillary-hero .design-wall-layer{width:calc(420px + max(24px,(100vw - 1440px)/2));right:0;mask-image:none;background:none}
.ancillary-hero .design-wall-layer:before{content:'';position:absolute;inset:0;z-index:1;background:url(compact-rock-wall-v2.webp) left top/420px auto no-repeat}
.ancillary-hero .design-wall-layer:after{content:'';position:absolute;left:350px;right:0;top:0;bottom:0;z-index:0;background:#251b13 url(lava-rocks.e6ff22440bc3.webp) center/600px auto;mask-image:linear-gradient(to right,transparent,#000 70px);filter:brightness(.68)}
.ancillary-hero .design-hero-inner{position:relative}
.ancillary-hero .design-person{position:absolute;right:65px;bottom:0;width:300px;height:250px}
.ancillary-hero .design-portrait.is-cutout{height:405px;bottom:-160px}
.ancillary-hero .design-wall-layer picture{display:none}
.ancillary-hero .hero-background{height:100%}
.ancillary-hero .hero-background:before{background:linear-gradient(90deg,#10100eee 0%,#10100ed6 22%,#10100e8c 37%,transparent 54%)}
@media(max-width:760px){.ancillary-hero .design-wall-layer{width:260px;right:0}.ancillary-hero .design-wall-layer:before{background-size:260px auto}.ancillary-hero .design-wall-layer:after{display:none}.ancillary-hero .hero-background:before{background:linear-gradient(90deg,#10100ef2,#10100eba 42%,transparent 66%)}}
@media(max-width:760px){.ancillary-hero .design-person{right:0;width:150px;height:210px}.ancillary-hero .design-portrait.is-cutout{height:245px;bottom:-40px}}
@media(max-width:760px){
 .ancillary-hero .shared-page-hero-copy,.contact-page .ancillary-hero .contact-hero-copy{min-width:0;width:50%;grid-column:1 / -1;padding-right:8px}
 .about-page .about-banner .shared-page-hero-copy{width:90%}
 .ancillary-hero .shared-page-hero-copy p,.ancillary-hero .contact-hero-copy .design-subtitle{white-space:normal;display:block;text-align:left;padding:0;line-height:1.5}
 .ancillary-hero .shared-page-hero-copy .eyebrow i{display:none}
 .ancillary-hero .shared-page-hero-copy .eyebrow{font-size:12px}
}
.design-header nav a{font-size:17px}
.design-header .header-contact{font-size:17px}
.design-inner-content,.contact-content{position:relative;isolation:isolate;background-color:#f2e7d1}
.shared-content-paper{z-index:0}
.design-inner-content>.design-container,.contact-content>.design-container{z-index:1}
.fundamentals-page main .fundamentals-paper{isolation:isolate;background:#f2e7d1}
.fundamentals-paper>.design-container{z-index:1}
.shared-footer-paper{z-index:0}
.design-lower.fundamentals-footer:before{display:none}
.site-mission-footer>.mission-viewport,.fundamentals-footer>.mission-viewport{z-index:1}
.design-lower .mission-viewport>.design-mission{padding-top:80px;padding-bottom:110px}
@media(max-width:760px){.design-lower .mission-viewport>.design-mission{padding-top:100px;padding-bottom:170px}}
.design-lower.fundamentals-footer .lower-cloth{clip-path:none}
@media(min-width:761px){.design-lower .lower-cloth{transform:translateX(-50%) scaleY(1.35);transform-origin:50% 25%}}
@media(min-width:761px){.design-lower .mission-copy{max-width:600px}}
@media(min-width:761px) and (max-width:1080px){
 .design-lower .mission-viewport>.design-mission{padding-top:100px;padding-bottom:170px;min-height:440px}
 .design-lower .lower-cloth{width:auto;height:calc(100% + 120px);top:-120px;transform:translateX(-50%)}
 .design-lower .mission-copy{width:calc(100% - 40px);max-width:600px}
 .design-lower .design-mission img.lower-shield{width:200px}
}
@media(max-width:1320px){
 .design-header-inner>nav{display:none}.header-contact{margin-left:auto}
 .design-menu{display:block;position:relative}.design-menu summary{cursor:pointer;border:1px solid #9a784c;padding:10px 13px;list-style:none;font-size:17px;text-transform:uppercase}.design-menu summary::-webkit-details-marker{display:none}
 .design-menu nav{position:absolute;right:0;top:45px;min-width:230px;display:flex;flex-direction:column;background:#151310;padding:15px 22px;box-shadow:0 10px 30px #0009}
}
@media(min-width:1081px) and (max-width:1250px){.design-header-inner{gap:18px}.design-header-inner>nav{gap:16px}.design-brand>span{font-size:26px}.design-header .header-contact{padding-inline:18px}}

/* Keep all stage-page reading content above the shared parchment overlay. */
.fundamentals-paper>.fundamentals-wrap{position:relative;z-index:1}

/* Explicit shared navigation typography overrides legacy page navigation fonts. */
.design-header nav a{font-family:Georgia,serif;font-weight:400;font-size:17px;line-height:normal;letter-spacing:normal}
.design-header nav a:after{content:none}

/* Transparent footer overlap must not intercept stage navigation clicks. */
.design-lower{pointer-events:none}.design-lower a,.design-lower button{pointer-events:auto}

/* Consistent page-title banner and spear motif. */
.shared-styled-title{font-family:'Arial Black',Arial,sans-serif!important;font-weight:900!important;line-height:1.06!important;letter-spacing:1.5px!important;mask-image:none!important;font-size:clamp(32px,4vw,55px)!important;text-shadow:0 2px 4px #0008}
.shared-styled-title>span{display:block!important;color:#f2dfb8!important;font-size:.68em!important;letter-spacing:4px!important;margin-bottom:6px}
.shared-styled-title>strong{display:inline-block!important;color:#fff4dd!important;font-size:1em!important;font-weight:900!important;padding:7px 24px 10px 0;margin:0!important;background:linear-gradient(90deg,#8d0b14d9,#8d0b14ad 80%,transparent);clip-path:polygon(0 0,97% 1%,100% 17%,97% 43%,99% 78%,95% 98%,0 100%);white-space:normal!important}
.shared-styled-title:after{display:none!important}
.shared-title-spear{display:block;width:530px;max-width:100%;height:18px;margin:16px 0 20px;overflow:visible}
@media(max-width:760px){.shared-styled-title{font-size:clamp(26px,6vw,40px)!important}.shared-styled-title>span{letter-spacing:2px!important}.shared-title-spear{max-width:100%;margin:12px 0}}

.fundamentals-next{display:flex;justify-content:flex-end;padding-top:35px;border-top:1px solid #b497715e}.fundamentals-next a{font:700 18px/1.5 'Roboto Condensed',sans-serif;text-decoration:none;color:#8f1117}.fundamentals-next a:hover{text-decoration:underline}
@media(max-width:760px){.ancillary-hero .shared-styled-title>strong{font-size:clamp(16px,4.5vw,28px)!important;padding-right:8px;letter-spacing:0!important;max-width:100%;overflow-wrap:anywhere}}

.student-testimonial blockquote{margin:20px 0;padding-left:24px;border-left:3px solid #a7834e;max-width:960px}.student-testimonial blockquote p{font:400 21px/1.65 'Roboto Condensed',sans-serif!important;margin:0 0 20px}.student-testimonial .testimonial-attribution{color:#755b38;font:700 18px/1.5 'Roboto Condensed',sans-serif!important}

.design-inner-content .student-testimonial{max-width:1060px;padding:35px 0;border-bottom:1px solid #ac8d6266}.design-inner-content .student-testimonial h2{font:400 32px/1.3 Anton,sans-serif;color:#92121a}.student-testimonial blockquote{max-width:100%;margin:22px 0}.student-testimonial .testimonial-attribution{padding-left:24px}@media(max-width:600px){.student-testimonial blockquote{padding-left:16px}.student-testimonial .testimonial-attribution{padding-left:16px}.student-testimonial blockquote p{font-size:19px!important}}