@import '../../wholeverb-brand-development-2026-10-03/visual-foundations-2026-10-04/footer-study/footer.css';
/* Current Home materials within the selected About journey. */
.about-page{color:#102d30}.about-opening{padding-top:120px}.about-opening h1{font-weight:500;line-height:1.03;letter-spacing:-.035em}.about-opening-next{position:absolute;left:0;bottom:30px;display:flex;align-items:center;gap:40px;min-height:44px;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;color:#164b47}.about-opening-next:hover{text-decoration:underline;text-underline-offset:5px}.about-motion{background:#fcfbf7eb;color:#245a50;border-color:#8cafa0;border-radius:8px;font-size:12px}.about-motion:disabled{opacity:1;color:#47685e;background:#f0f6ef;border-color:#a9c5b5}
.about-mission-copy{gap:70px}.about-mission-copy>p{font-size:20px;line-height:1.65;letter-spacing:-.015em}.about-mission-copy>p:first-child{font-size:50px;line-height:1.15;letter-spacing:-.035em}.about-chapter{font-weight:500}
.about-reel{background:#fcfbf7}.about-reel>p{position:static;background:#f1f6f0;color:#47685e;font-size:12px;line-height:20px;border-radius:0;padding:14px 24px;border-bottom:1px solid #c9dbcf}
.about-approach-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:60px}.about-approach-grid>figure{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#e5f1e8,#f9fbf6);border:1px solid #c5d9cb;padding:90px 0 44px;border-radius:140px 0 12px 12px;box-shadow:0 12px 30px #163f3210}.about-approach-grid figure>img{height:auto;max-height:100%;width:100%;object-fit:contain;object-position:center}.about-approach-grid>div{min-width:0}.about-approach-grid>div>p{font-size:19px;line-height:1.65;letter-spacing:-.015em}.about-approach-grid a{color:#08777c;text-underline-offset:5px}
.about-preview-button{position:absolute;right:0;bottom:0;min-height:44px;width:100%;border:0;border-top:1px solid #c5d9cb;background:#fcfbf7;color:#08777c;font:500 13px/22px 'DM Sans',sans-serif;padding:10px 18px;text-align:right;cursor:pointer}.about-preview-button:hover{background:#e4f2e8}.about-preview-button[hidden]{display:none}.about-preview-button:focus-visible{outline:3px solid #007d80;outline-offset:-4px}
.about-culture-close>a{border-radius:8px;font-size:16px;border-width:1px;background:#fcfbf7cc;color:#08777c;border-color:#93b5a5;padding:10px 20px}.about-culture-close h2{font-weight:500}
.about-dark{background:#fcfbf7;color:#102d30;--focus:#007d80}.about-work{isolation:isolate;color:#fcfbf7}.about-work:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:100vw;transform:translateX(-50%);background:radial-gradient(ellipse at 90% 0,#61bfad22,transparent 65%),linear-gradient(120deg,#164b4b,#082f36);z-index:-1}.about-project-grid{gap:35px 50px}.about-project-grid>a{border:1px solid #8db5a555;border-radius:12px;background:#e4f3e909;padding:26px 32px;align-items:flex-start;text-align:left;transition:background .2s}.about-project-grid>a:hover{background:#badfd219}.about-project-grid>a>span{font-size:28px;line-height:1.3;max-width:95%}.about-project-grid small{color:#deeee4;display:flex;gap:8px;align-items:center}.about-project-grid small:before{content:'';width:5px;height:5px;flex:none;background:#ffc45c;border-radius:50%}.about-project-grid b{top:auto;bottom:25px;right:22px}.about-side-intro{line-height:1.6;letter-spacing:-.015em}
.about-expect{padding-top:90px}.about-expect-top p{background:linear-gradient(135deg,#edf7ef,#e0f1e8);border-color:#c1d9ca;color:#123b3b;font-size:24px;line-height:1.3}.about-expect-top p>span{color:#47685e;line-height:1.6;font-size:13px}.about-expect dl>div{border-color:#c2d7c9}.about-expect dt{font-size:22px;line-height:1.4}.about-expect dd{font-size:18px;line-height:1.65;letter-spacing:-.015em;color:#416057}.about-expect dd:last-child{color:#08777c;font-size:14px;line-height:1.5}.about-founder .about-side-intro{color:#416057}.about-founder-card{background:#104544;box-shadow:0 16px 38px #082f2c18;border:1px solid #aecabb}.about-founder-card h3,.about-founder-card>div:last-child>p{color:#fcfbf7}.about-founder-card .about-art-label{position:absolute;z-index:3;left:24px;top:24px;margin:0;padding:6px 9px;border:1px solid #d9ede055;border-radius:4px;background:#0a3d3ddd;color:#e1f2e8;font-size:10px;line-height:16px;letter-spacing:.04em}.about-founder-contact{color:#08777c;border-color:#a9c6b7}
:root body .about-close .about-wrap>div>a.wv-primary{width:286px;max-width:100%;min-height:64px;padding:0;border:0;font-size:16px;line-height:1;display:inline-block;letter-spacing:normal;box-shadow:none}.about-close>.about-wrap>div{min-width:0}.about-close .about-close-pricing{color:#fcfbf7}
.about-art-dialog{width:1120px;max-width:96vw;max-height:94vh;overflow:auto;border:1px solid #9dbfae;border-radius:14px;background:#fcfbf7;color:#123b3b;padding:20px}.about-art-dialog::backdrop{background:#00292be8;backdrop-filter:blur(6px)}.about-art-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:2px 0 16px;position:sticky;top:-20px;background:#fcfbf7;z-index:4}.about-art-dialog h2{font-size:19px;line-height:1.4;font-weight:500;margin:0}.about-art-dialog header button{min-height:44px;border:1px solid #b4cec0;border-radius:6px;background:#e7f2e9;color:#123b3b;padding:8px 12px;white-space:nowrap}.about-art-canvas{overflow:auto;max-height:75vh;padding-bottom:12px}.about-art-canvas>img{display:block;width:1200px;max-width:none;height:auto}.about-art-hint{color:#516c62;font-size:14px;line-height:22px;margin:0 0 12px}.about-art-hint[hidden]{display:none}
@media(max-width:1000px) and (min-width:801px){.about-mission-copy{gap:40px}.about-mission-copy>p:first-child{font-size:42px}.about-approach-grid{gap:32px}.about-expect-top{grid-template-columns:1fr;gap:30px}.about-expect-top>div{padding:0}}
@media(max-width:800px){.about-opening{min-height:calc(100svh - 90px);padding-top:110px}.about-opening h1{font-size:clamp(40px,11.5vw,50px);line-height:1.08;letter-spacing:-.035em}.about-opening-next{font-size:10px;bottom:24px;gap:18px}.about-motion{font-size:10px;bottom:24px;min-height:44px}.about-chapter{font-size:clamp(44px,12.6vw,70px);line-height:1.04;letter-spacing:-.035em}.about-mission-copy{margin-top:30px}.about-mission-copy>p:first-child{font-size:31px;line-height:1.2;margin-bottom:24px}.about-mission-copy>p{font-size:17px;line-height:1.65;letter-spacing:-.01em}.about-approach-grid{display:block;margin-top:32px}.about-approach-grid>figure{border-radius:90px 0 10px 10px;aspect-ratio:1;padding-top:65px;padding-bottom:44px;margin-bottom:28px}.about-approach-grid>div>p{font-size:17px;line-height:1.65;letter-spacing:-.01em}.about-side-intro{font-size:17px;line-height:1.65}.about-work{padding-block:56px 64px}.about-project-grid{grid-template-columns:1fr;gap:16px;margin-top:38px}.about-project-grid>a{min-height:118px;padding:22px 24px}.about-project-grid>a>span{font-size:24px;line-height:1.3}.about-project-grid small{font-size:10px;line-height:1.6}.about-project-grid b{display:block;bottom:20px}.about-expect{padding-block:56px}.about-expect-top .about-chapter{font-size:clamp(42px,12vw,64px);line-height:1.05}.about-expect-top>div{gap:12px}.about-expect-top p{padding:18px 14px;font-size:21px;line-height:1.3;min-width:0}.about-expect-top p>span{font-size:12px;line-height:1.5}.about-expect dl>div{display:block;padding:24px 0}.about-expect dt{font-size:20px;line-height:1.4;margin-bottom:10px}.about-expect dd{font-size:16px;line-height:1.65;letter-spacing:0}.about-expect dd:last-child{font-size:12px;line-height:1.6;margin-top:10px;color:#08777c}.about-founder .about-chapter{padding:0}.about-founder-card{min-height:450px}.about-founder-card .about-art-label{font-size:9px;left:20px;top:20px}.about-founder-contact{font-size:14px}.about-close h2{font-weight:500;line-height:1.05}.about-close>div>div>p{font-size:16px;line-height:1.65}.about-art-dialog{padding:14px}.about-art-dialog header{top:-14px}.about-art-dialog h2{font-size:16px}}
@media(max-width:360px){.about-expect-top>div{flex-direction:column;gap:12px}.about-expect-top p>span{margin-top:8px}.about-founder-card h3{font-size:60px;line-height:1.1}}
@media(prefers-reduced-motion:reduce){.about-project-grid>a{transition:none}}

/* October 27: current Home hierarchy and centered page rails. */
.about-page{background:#fcfbf7}.about-wrap{width:calc(100% - 80px);max-width:1160px}
.about-opening{min-height:640px;padding:150px 0 116px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}
.about-opening .about-kicker{position:static;margin:0 0 24px;display:block;font-size:12px;line-height:20px;letter-spacing:.08em;text-transform:uppercase;color:#164b47}
.about-opening h1{font-size:clamp(52px,6.1vw,84px);line-height:1.06;max-width:1000px;letter-spacing:-.04em}
.about-opening-next{left:50%;transform:translateX(-50%);white-space:nowrap;bottom:24px;gap:18px}.about-motion{right:0;bottom:24px}
.about-chapter{font-size:clamp(48px,5vw,70px);line-height:1.06;letter-spacing:-.04em;text-transform:none;text-align:center;font-weight:500}
.about-chapter>span:first-child{display:block;font-size:12px;line-height:20px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;color:#41665d}
.about-chapter>span+span{display:block;margin-left:0}
.about-mission{padding:88px 0;min-height:0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px 90px;align-items:center}
.about-mission .about-chapter{max-width:none;grid-column:1/-1;grid-row:1}
.about-circle{position:relative;top:auto;right:auto;width:290px;height:290px;max-width:100%;grid-column:2;grid-row:2;justify-self:center;border:1px solid #d0dfd2;box-shadow:0 14px 36px #123b3b0d}
.about-mission-copy{display:block;grid-column:1;grid-row:2;margin:0}.about-mission-copy>p:first-child{font-size:36px;line-height:1.2;margin-bottom:24px}.about-mission-copy>p{font-size:18px;line-height:1.7;color:#416057}.about-mission-copy>p:first-child{color:#123b3b}
.about-reel{max-width:1160px;width:calc(100% - 80px);margin:0 auto;border:1px solid #c5d9cb;border-radius:18px;overflow:hidden}.about-reel>p{font-size:12px;line-height:20px;padding:12px 20px;background:#f0f5ef}
.about-approach{padding:88px 0}.about-diagonal-arrow{display:none}.about-approach-grid{margin-top:48px;gap:56px}.about-approach-grid>figure{border-radius:80px 0 12px 12px;aspect-ratio:1.1;padding-top:46px;background:#f0f5ef;box-shadow:0 10px 28px #123b3b0a}.about-approach-grid>div>p{font-size:18px;line-height:1.7}
.about-culture{padding-bottom:72px}.about-culture-close h2{font-size:48px;line-height:1.1;max-width:800px;margin:0 auto 24px;letter-spacing:-.04em}
.about-work{display:flex;flex-direction:column;padding:80px 0 88px}.about-work>.about-chapter{order:0;padding:0}.about-work .about-chapter>span:first-child{color:#cae8dc}.about-work .about-side-intro{order:1;max-width:660px;text-align:center;margin:28px auto 0;font-size:18px;line-height:1.7;color:#deeee4}.about-project-grid{order:2;width:100%;margin-top:42px;gap:24px}
.about-project-grid>a{display:flex;align-items:stretch;gap:14px;padding:20px 20px 26px;background:#fcfbf7;color:#123b3b;border:1px solid #c7dbce;border-radius:14px;overflow:hidden;min-width:0;box-shadow:0 12px 26px #0023261a}.about-project-grid>a:hover{background:#f2f7ef}.about-project-grid>a>span{max-width:calc(100% - 22px);font-size:24px;line-height:1.3;letter-spacing:-.025em}.about-project-grid small{color:#41665d;font-size:10px;letter-spacing:.04em}.about-project-grid small:before{background:#dca43d}.about-project-grid b{bottom:26px;right:22px;color:#08777c}
.about-project-preview{border:1px solid #cfdfd4;border-radius:8px;overflow:hidden;background:#fff;margin-bottom:6px;pointer-events:none}.about-project-bar{height:22px;background:#edf4ef;display:flex;align-items:center;gap:4px;padding:0 10px;border-bottom:1px solid #d8e5db}.about-project-bar i{width:4px;height:4px;background:#94b8ad;border-radius:50%}.about-project-bar i:nth-child(2){background:#e7bb65}.about-project-preview img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top}
.about-expect{padding:88px 0}.about-expect-top{display:block}.about-expect-top .about-chapter{font-size:clamp(48px,5vw,70px)}.about-expect-top>div{max-width:700px;margin:36px auto 0;padding:0;gap:20px}.about-expect-top p{background:#f0f5ef;border-radius:12px;font-size:23px;text-align:center;padding:22px}.about-expect-top p>span{margin-top:12px}.about-expect dl{margin-top:42px}.about-expect dl>div{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) minmax(0,.85fr);gap:32px;padding:26px 0;min-height:0}.about-expect dt{font-size:20px}.about-expect dd{font-size:17px}
.about-founder{display:flex;flex-direction:column;align-items:center;padding:0 0 88px}.about-founder>.about-chapter{order:0;padding:0}.about-founder .about-side-intro{order:1;max-width:640px;text-align:center;margin:28px auto 36px;font-size:18px;line-height:1.7}.about-founder-card{order:2;width:640px;min-height:480px;max-width:100%;margin:0;border-radius:14px 110px 14px 14px}.about-founder-art{background:linear-gradient(180deg,#00353712 20%,#003537fa 100%),var(--project-image) right center/auto 100% no-repeat}.about-founder-art>img{width:38%;margin:0 32% 80px 0}.about-founder-card>div:last-child{bottom:32px;left:32px}.about-founder-card h3{font-size:64px;letter-spacing:-.04em;margin-bottom:10px}.about-founder-card>div:last-child>p{font-size:18px}.about-founder-contact{order:3;margin:24px auto 0}
.about-close{padding:80px 0;min-height:0}.about-close>.about-wrap{display:flex;flex-direction:column;gap:30px;text-align:center;align-items:center}.about-close h2{font-size:clamp(44px,5vw,66px);max-width:800px;line-height:1.05}.about-close h2 br{display:none}.about-close>div>div>p{margin:26px 0 16px;font-size:17px;line-height:1.7}.about-close-pricing{margin-inline:auto}.about-close .wv-primary .primary-label{color:#123b3b}
@media(max-width:1000px) and (min-width:801px){.about-mission{gap:40px}.about-circle{width:240px;height:240px}.about-mission-copy>p:first-child{font-size:32px}.about-approach-grid{gap:32px}}
@media(max-width:800px){.about-wrap{width:calc(100% - 48px)}.about-opening{min-height:560px;padding:100px 0 120px}.about-opening h1{font-size:clamp(38px,10.8vw,56px);line-height:1.08}.about-opening .about-kicker{margin-bottom:20px}.about-opening-next{left:0;transform:none;bottom:28px;font-size:10px;gap:8px}.about-motion{bottom:28px;font-size:10px;padding:8px 10px;gap:8px}.about-chapter,.about-expect-top .about-chapter{font-size:44px;line-height:1.06}.about-chapter>span:first-child{font-size:11px;margin-bottom:14px}.about-mission{padding:56px 0;grid-template-columns:minmax(0,1fr);gap:30px}.about-circle{grid-column:1;grid-row:2;width:230px;height:230px;margin:0;aspect-ratio:1}.about-mission-copy{grid-column:1;grid-row:3}.about-mission-copy>p:first-child{font-size:30px;line-height:1.2;margin-bottom:20px}.about-mission-copy>p{font-size:17px;line-height:1.7}.about-reel{width:calc(100% - 48px);border-radius:12px}.about-reel>p{padding:10px 12px;font-size:10px;line-height:1.6}.about-approach{padding:56px 0}.about-approach-grid{margin-top:30px}.about-approach-grid>figure{border-radius:60px 0 10px 10px;aspect-ratio:1.05;padding-top:36px;padding-bottom:44px}.about-approach-grid>div>p{font-size:17px;line-height:1.7}.about-culture{padding-bottom:56px}.about-culture-close h2{font-size:34px;line-height:1.12}.about-work{padding:56px 0}.about-work .about-side-intro{font-size:17px;line-height:1.7;margin-top:24px}.about-project-grid{gap:20px;margin-top:30px}.about-project-grid>a{padding:14px 14px 22px;gap:12px}.about-project-grid>a>span{font-size:22px}.about-project-grid b{right:16px;bottom:22px}.about-project-grid small{font-size:9px}.about-expect{padding:56px 0}.about-expect-top>div{margin-top:28px;gap:12px}.about-expect-top p{font-size:21px;padding:18px 12px}.about-expect-top p>span{font-size:12px}.about-expect dl{margin-top:30px}.about-expect dl>div{display:block;padding:24px 0}.about-expect dt{font-size:20px}.about-expect dd{font-size:16px;line-height:1.7}.about-founder{padding-bottom:56px}.about-founder .about-side-intro{font-size:17px;line-height:1.7;margin:24px auto 30px}.about-founder-card{min-height:410px;border-radius:12px 90px 12px 12px}.about-founder-card h3{font-size:56px;line-height:1.1}.about-founder-card>div:last-child{left:24px;bottom:24px}.about-founder-art>img{width:48%;margin-right:22%;margin-bottom:70px}.about-close{padding:56px 0}.about-close>.about-wrap{gap:28px}.about-close h2{font-size:44px;line-height:1.08;margin:0}.about-close>div>div>p{font-size:16px;line-height:1.7}.about-art-dialog{max-width:calc(100vw - 24px);width:1120px;box-sizing:border-box}}
@media(max-width:360px){.about-opening{min-height:520px}.about-opening h1{font-size:36px}.about-expect-top>div{flex-direction:column}.about-close h2{font-size:40px}.about-motion{font-size:9px}.about-founder-card{min-height:380px}}

.about-culture-stage>.about-culture-invite{display:none;position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:auto;height:auto;clip-path:none;margin:0;white-space:nowrap;background:#fcfbf7e8;border:1px solid #c5d9cb;border-radius:6px;padding:7px 12px;color:#416057;font-size:11px;line-height:18px;pointer-events:none}.about-culture.is-ready .about-culture-invite{display:block}.about-culture-invite>span+span{display:none}.about-culture-stage.is-keyboard>.about-culture-invite{display:none}
@media(max-width:800px){.about-culture-stage>.about-culture-invite{bottom:0;font-size:10px}.about-culture-invite>span:first-child{display:none}.about-culture-invite>span+span{display:inline}}

/* Keep the moving field for the opening and principles, with opaque reading bands. */
.about-mission,.about-approach{isolation:isolate}.about-mission:before,.about-approach:before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#fcfbf7;z-index:-1;pointer-events:none}
.about-opening .about-kicker{background:#fcfbf7ed;border:1px solid #d4e3d8;border-radius:20px;padding:5px 12px}.about-opening-next{background:#fcfbf7ed;border:1px solid #d4e3d8;border-radius:8px;padding:10px 14px}
.about-close>.about-wrap>div{width:100%;max-width:500px}
/* Give the drag cue its own space so it never covers a principle in the canvas. */
.about-culture-stage{margin-bottom:48px}.about-culture-stage>.about-culture-invite{bottom:-40px}
@media(max-width:800px){.about-culture-stage{height:clamp(360px,90vw,720px)}}