.fundamentals-page{--cream:#f1e2c5;--crimson:#910d13;background:#151310;color:var(--cream)}
.fundamentals-wrap{width:min(1240px,calc(100% - 64px));margin:auto}
.fundamentals-hero{background:radial-gradient(ellipse at 30% 5%,#43302288,transparent 65%),#0c0c0b;position:relative;overflow:hidden}
.fundamentals-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;min-height:720px}
.fundamentals-intro{position:relative;z-index:2;padding:48px 0 60px}
.fundamentals-back{color:#d7b983;font:500 15px/1.5 'Roboto Condensed',sans-serif;text-decoration:none;display:inline-block;margin-bottom:28px}
.fundamentals-back:hover{text-decoration:underline}
.fundamentals-eyebrow{font:600 14px/1.5 'Roboto Condensed',sans-serif;letter-spacing:2px;text-transform:uppercase;color:#cdae77;margin:0 0 10px}
.fundamentals-page h1{font:400 clamp(40px,5vw,72px)/1.1 'Anton',sans-serif;text-transform:uppercase;letter-spacing:1px;color:#fff0d1;margin:0 0 24px;text-shadow:0 3px 2px #000}
.fundamentals-intro p:not(.fundamentals-eyebrow){font:400 18px/1.65 'Roboto Condensed',sans-serif;margin:0 0 18px;max-width:640px;color:#e6d9c2}
.fundamentals-intro .fundamentals-lead{font:500 24px/1.45 Georgia,serif!important;color:#fff1d5!important;border-left:3px solid var(--crimson);padding-left:20px;margin-bottom:24px!important}
.fundamentals-photo{align-self:end;position:relative;height:700px;min-width:0}
.fundamentals-photo img{height:100%;width:100%;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(to bottom,#000 88%,transparent)}
.fundamentals-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}
.fundamentals-pillars a{border-top:1px solid #886640;padding:14px 4px;color:#f3e3c5;font:400 18px 'Anton',sans-serif;text-decoration:none}
.fundamentals-pillars span{display:block;font:600 13px 'Roboto Condensed',sans-serif;color:#c24d4b;margin-bottom:7px;letter-spacing:2px}
.fundamentals-pillars a:hover{border-color:#cf342f;color:#fff}
.fundamentals-paper{background:#eee0c2 url(design-paper.svg) center top/500px repeat;color:#2b251e;position:relative;padding:60px 0 55px}
.fundamentals-paper:before{content:'';position:absolute;top:-12px;left:0;right:0;height:16px;background:#eee0c2;mask:url(paper-top-edge.svg) top/600px 18px repeat-x}
.fundamentals-section{display:grid;grid-template-columns:250px minmax(0,1fr);gap:48px;padding:50px 0;border-bottom:1px solid #9f7e4944;scroll-margin-top:110px}
.fundamentals-section:first-child{padding-top:10px}.fundamentals-section:last-child{border-bottom:0;padding-bottom:10px}
.fundamentals-section-heading{display:flex;gap:16px;align-items:flex-start}
.fundamentals-section-heading>span{font:400 28px 'Anton',sans-serif;color:#a08459;border-top:3px solid var(--crimson);padding-top:8px}
.fundamentals-section-heading .fundamentals-eyebrow{color:#795a34;font-size:12px;letter-spacing:1px;max-width:180px}
.fundamentals-page h2{font:400 clamp(26px,3vw,38px)/1.2 'Anton',sans-serif;text-transform:uppercase;letter-spacing:.6px;margin:0 0 18px;color:var(--crimson)}
.fundamentals-section-body{max-width:790px;font:400 19px/1.75 'Roboto Condensed',sans-serif}
.fundamentals-section-body p{margin:0 0 18px}.fundamentals-section-body ul{padding-left:23px;margin:0 0 25px}.fundamentals-section-body li{padding-left:5px;margin-bottom:10px}
.fundamentals-section-body li::marker{color:var(--crimson)}
.fundamentals-section-body blockquote{margin:28px 0;padding:8px 0 8px 23px;border-left:3px solid var(--crimson);font:italic 22px/1.5 Georgia,serif;color:#5c2520}
.fundamentals-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:28px 0}
.fundamentals-pair article{padding:22px 24px;border-top:3px solid #8c0c12;background:#f8f0df88}
.fundamentals-page h3{font:400 24px/1.3 'Anton',sans-serif;color:#790c10;margin:25px 0 10px}.fundamentals-pair h3{margin-top:0}.fundamentals-pair p:last-child{margin-bottom:0}
.fundamentals-page h4{font:700 18px/1.5 'Roboto Condensed',sans-serif;margin:0 0 15px;color:#624b2e}
.fundamentals-clock{float:right;width:330px;margin:0 0 25px 35px}.fundamentals-clock svg{width:100%;height:auto}.fundamentals-clock figcaption{font:400 14px/1.5 'Roboto Condensed',sans-serif;text-align:center;color:#705632}
.fundamentals-section-body:after{content:'';display:block;clear:both}
.fundamentals-causes{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.fundamentals-cta{text-align:center;padding:65px 24px 90px;background:linear-gradient(#18130cee,#18130cc9),url(lava-rocks.e6ff22440bc3.webp) center bottom/auto 150px repeat-x}
.fundamentals-cta h2{color:#f3e1bd}.fundamentals-cta .design-button{display:inline-block;margin:8px 0 22px}.fundamentals-cta .fundamentals-back{display:block;margin:0}
@media(max-width:960px){.fundamentals-wrap{width:calc(100% - 40px)}.fundamentals-hero-grid{gap:15px;grid-template-columns:1.2fr .8fr}.fundamentals-photo{height:600px}.fundamentals-section{grid-template-columns:190px 1fr;gap:30px}.fundamentals-pillars a{font-size:16px}.fundamentals-clock{width:280px}}
@media(max-width:680px){.fundamentals-hero-grid{display:flex;flex-direction:column;gap:0}.fundamentals-intro{padding:32px 0 12px}.fundamentals-back{margin-bottom:22px}.fundamentals-page h1{font-size:46px}.fundamentals-intro .fundamentals-lead{font-size:22px!important}.fundamentals-photo{height:420px;width:min(380px,100%);align-self:center}.fundamentals-photo img{object-fit:contain;object-position:center bottom}.fundamentals-pillars{grid-template-columns:repeat(2,1fr);gap:0 20px}.fundamentals-paper{padding:40px 0}.fundamentals-section{grid-template-columns:1fr;gap:10px;padding:35px 0}.fundamentals-section-heading .fundamentals-eyebrow{max-width:none}.fundamentals-section-body{font-size:18px;line-height:1.7}.fundamentals-pair{grid-template-columns:1fr;gap:15px}.fundamentals-clock{float:none;width:min(330px,100%);margin:25px auto}.fundamentals-causes{grid-template-columns:1fr}.fundamentals-section-body blockquote{font-size:21px}.fundamentals-page h2{font-size:32px}}

/* Shared homepage closing artwork and Mission section. */
.design-lower.fundamentals-footer{background:#211811;mask-image:none;overflow-x:clip;overflow-y:visible}
/* Cloth stays within the footer; transparent shields and spears cross the paper edge. */
.fundamentals-footer .lower-cloth{clip-path:inset(145px 0 0)}
.fundamentals-footer img.lower-shield{width:clamp(240px,24vw,390px);z-index:4}
.fundamentals-paper{padding-bottom:100px}
@media(max-width:760px){.fundamentals-footer .lower-cloth{clip-path:inset(120px 0 0)}.fundamentals-footer img.lower-shield{width:170px}.fundamentals-paper{padding-bottom:65px}}

/* Paper edge is independent of the spear layer. */
.fundamentals-footer:before{content:'';position:absolute;top:-8px;left:0;right:0;height:18px;background:#eee0c2;mask:url(paper-top-edge.svg) center/600px 18px repeat-x;transform:rotate(180deg);z-index:2;pointer-events:none}
.fundamentals-footer .design-mission{padding-top:50px}
@media(max-width:760px){.fundamentals-footer .design-mission{padding-top:45px}}

/* Reserve paper below content for the spears that rise from the shared footer. */
.fundamentals-paper{padding-bottom:280px}
@media(max-width:760px){.fundamentals-paper{padding-bottom:220px}}

.fundamentals-clock img{display:block;width:100%;height:auto}