/* All styles are scoped to the two closing sections. */
.closing-story{position:relative;background:#292929;isolation:isolate}
.closing-thread{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:hidden}
.closing-thread path{stroke:#d31725;stroke-width:1.7;fill:none;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke}
.about-section{position:relative;background:#292929;padding:clamp(130px,16svh,220px) 6% 130px;color:#f5f5f3;scroll-margin-top:0}
.about-section:before{content:'';position:absolute;top:0;left:0;right:0;height:clamp(100px,13svh,170px);background:linear-gradient(#f5f5f3,#292929)}
.closing-section-label{display:flex;justify-content:space-between;gap:24px;font-size:10px;line-height:1.6;letter-spacing:.19em;margin:0 0 60px}
.closing-section-label>span:last-child{color:#aaa;font-size:9px}
.about-visual-grid{position:relative;display:grid;grid-template-columns:42% 50%;gap:8%;align-items:center}
#about-heading{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(105px,13.1vw,210px);letter-spacing:-.065em;line-height:.92;margin:0;align-self:center}
#about-heading span{display:block}#about-heading span+span{margin-top:20px}
.about-portrait{margin:0;position:relative;perspective:1000px}
.portrait-window{overflow:hidden;aspect-ratio:4/5;background:#222}
#about-portrait{width:100%;height:110%;object-fit:cover;display:block;transform:translateY(-3%);transform-origin:center}
.about-portrait figcaption{font-size:8px;letter-spacing:.14em;color:#b1b1b1;margin-top:13px;line-height:1.5}
.about-glass{position:absolute;left:43%;top:75%;width:clamp(80px,12vw,190px);aspect-ratio:1;pointer-events:none;z-index:2}
.about-glass img{width:100%;height:auto;mix-blend-mode:screen;opacity:.75}
.about-copy-grid{display:grid;grid-template-columns:35% 58%;gap:7%;margin-top:120px}
.about-signature p{font-size:clamp(24px,3.1vw,46px);letter-spacing:.12em;margin:0 0 15px}
.about-signature>span{font-size:11px;letter-spacing:.17em;color:#c2c2c2}
.about-copy>p{font-size:17px;line-height:1.8;color:#ccc;margin:0 0 28px;max-width:760px}
.about-copy>.about-lead{font-size:clamp(25px,2.7vw,41px);line-height:1.35;letter-spacing:-.025em;color:#f5f5f3;margin-bottom:32px}
.about-facts{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:55px}
.about-facts h3{font-size:10px;letter-spacing:.18em;font-weight:400;margin:0 0 20px;color:#f5f5f3}
.about-facts p{font-size:14px;line-height:1.85;color:#c4c4c4;margin:0 0 14px}
.closing-mask{clip-path:inset(100% -2% 0);transition:clip-path 1.3s cubic-bezier(.22,.65,.25,1)}
.closing-mask.is-visible{clip-path:inset(0 -2% 0)}
.closing-copy{opacity:0;transition:opacity .9s ease}.closing-copy.is-visible{opacity:1}
.contact-section{position:relative;background:#090909;color:#f5f5f3;padding:160px 6% 0;min-height:100svh}
.contact-section:before{content:'';position:absolute;top:0;left:0;right:0;height:160px;background:linear-gradient(#292929,#090909)}
.contact-content{position:relative}
.contact-section .closing-section-label{margin-bottom:40px}
#contact-heading{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(95px,18.4vw,300px);line-height:1;letter-spacing:-.025em;font-weight:900;margin:0 0 65px}
#contact-heading span{color:#d31725}
.contact-grid{display:grid;grid-template-columns:47% 45%;gap:8%;border-top:1px solid #444;padding-top:45px}
.contact-message h3{font-size:clamp(25px,3vw,46px);font-weight:400;line-height:1.2;letter-spacing:-.035em;margin:0 0 28px;max-width:600px}
.contact-message>p{font-size:15px;line-height:1.75;color:#aaa;max-width:430px;margin:0 0 18px}
.contact-action{margin-top:40px;position:relative;width:fit-content;max-width:100%}
.contact-cta{background:#d31725;color:#f5f5f3;padding:21px 27px;font-size:12px;letter-spacing:.065em;display:flex;align-items:center;justify-content:space-between;gap:45px;min-height:62px;border:0}
.contact-cta span{font-size:21px;transition:transform .25s}.contact-cta:not(:disabled):hover span{transform:translate(3px,-3px)}
.contact-cta:disabled{opacity:.78;cursor:not-allowed}.contact-action>small{display:block;font-size:10px;color:#aaa;margin-top:12px;line-height:1.6}
.contact-links{position:relative;padding-bottom:90px}
.contact-link-row{border-bottom:1px solid #383838;padding:22px 0}.contact-link-row:first-child{padding-top:0}
.contact-link-row>a,.contact-link-row>button{display:flex;justify-content:space-between;align-items:center;gap:25px;width:100%;font-size:20px;letter-spacing:.08em;padding:0;min-height:30px;text-align:left;transition:color .2s}
.contact-link-row>a:hover{color:#d31725}.contact-link-row>a>span{transition:transform .25s}.contact-link-row>a:hover>span{transform:translate(3px,-3px)}
.contact-link-row>button:disabled{color:#aaa;cursor:not-allowed}.contact-link-row small{color:#777;font-size:10px;display:block;margin-top:8px;line-height:1.7}
.contact-bubble{position:absolute;width:46px;height:auto;right:5%;bottom:0;mix-blend-mode:screen;opacity:.75;pointer-events:none}
.closing-footer{position:relative;inset:auto;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:40px;margin-top:110px;padding:30px 0;border-top:1px solid #444;z-index:4}
.closing-footer p{font-size:12px;letter-spacing:.1em;margin:0 0 8px}.closing-footer>div>span{font-size:8px;letter-spacing:.15em;color:#888}
.closing-footer nav{display:flex;gap:20px;flex-wrap:wrap}.closing-footer nav a{font-size:9px;letter-spacing:.08em;padding:10px 0}.back-top{font-size:10px;letter-spacing:.1em;white-space:nowrap;display:flex;align-items:center;gap:16px;min-height:44px}.back-top span{font-size:22px}
@media(min-width:701px) and (max-width:1050px){.about-copy-grid{grid-template-columns:1fr;gap:45px;margin-top:90px}.about-facts{max-width:800px}.closing-footer{grid-template-columns:1fr auto}.closing-footer nav{grid-row:2;grid-column:1/-1}.contact-cta{gap:20px;font-size:11px;padding:18px}.contact-message h3{font-size:31px}}
@media(max-width:700px){.about-section{padding:130px 6% 75px}.about-section:before{height:100px}.closing-section-label{margin-bottom:35px;font-size:9px}.closing-section-label>span:last-child{display:none}.about-visual-grid{grid-template-columns:1fr;gap:30px}#about-heading{font-size:clamp(48px,14vw,96px);letter-spacing:-.055em;line-height:1.1;display:flex;gap:.25em}#about-heading span+span{margin-top:0}.about-portrait{width:90%;margin-left:auto}.about-portrait figcaption{font-size:7px}.about-glass{width:85px;left:0;top:70%;z-index:2}.about-copy-grid{grid-template-columns:1fr;gap:40px;margin-top:65px}.about-signature p{font-size:27px}.about-signature>span{font-size:9px}.about-copy>.about-lead{font-size:27px;line-height:1.4}.about-copy>p{font-size:15px;line-height:1.8}.about-facts{grid-template-columns:1fr;gap:25px;margin-top:40px}.about-facts p{font-size:14px}.about-facts h3{margin-bottom:15px}.contact-section{padding:125px 6% 0}.contact-section:before{height:110px}.contact-section .closing-section-label{margin-bottom:25px}#contact-heading{font-size:19vw;letter-spacing:-.015em;margin-bottom:35px}.contact-grid{grid-template-columns:1fr;gap:55px;padding-top:30px}.contact-message h3{font-size:32px;max-width:350px}.contact-message>p{font-size:14px}.contact-action{margin-top:30px;width:100%}.contact-cta{width:100%;gap:20px;font-size:11px;justify-content:space-between}.contact-links{padding-bottom:75px}.contact-link-row>a,.contact-link-row>button{font-size:19px}.contact-bubble{width:35px}.closing-footer{margin-top:65px;grid-template-columns:1fr auto;gap:25px;padding:25px 0}.closing-footer nav{display:flex;grid-row:2;grid-column:1/-1;gap:19px}.closing-footer nav a{font-size:8px}.back-top{font-size:9px}.closing-thread path{stroke-width:1.3}}
@media(prefers-reduced-motion:reduce){.closing-mask{clip-path:none;transition:none}.closing-copy{opacity:1;transition:none}#about-portrait{transform:none!important}.about-glass,.contact-bubble{transform:none!important}.closing-thread path{stroke-dashoffset:0!important}.contact-cta span,.contact-link-row a>span{transition:none}.contact-content{opacity:1!important}.about-visual-grid{opacity:1!important}}
/* About: glass reveal / editorial split. Other sections retain their styles. */
.about-section{padding:150px 4% 100px}
.about-scene{position:relative}
.about-section .closing-section-label{margin-bottom:45px}
.about-visual-grid{grid-template-columns:23% 33% 36%;gap:4%;align-items:start}
#about-heading{font-size:clamp(70px,8.6vw,155px);line-height:1.03;align-self:start;margin-top:40px;clip-path:none;transition:none}
#about-heading span+span{margin-top:8px}
.about-portrait{width:100%;margin:0;align-self:center}
.portrait-window{aspect-ratio:4/5;background:transparent;will-change:clip-path}
#about-portrait{height:100%;transform:none;object-fit:cover}
.about-copy-grid{display:block;margin:0;min-width:0}
.about-signature{margin-bottom:28px}
.about-signature p{font-size:clamp(25px,2.7vw,43px);letter-spacing:.045em;margin:0 0 10px}
.about-signature>span{font-size:10px;letter-spacing:.14em}
.about-copy>.about-lead{font-size:clamp(20px,1.65vw,28px);line-height:1.45;margin:0 0 22px}
.about-copy>p{font-size:15px;line-height:1.75;margin:0 0 22px}
.about-facts{display:block;margin-top:30px}.about-facts>div+div{margin-top:25px}
.about-facts h3{font-size:11px;margin-bottom:12px}.about-facts p{font-size:14px;line-height:1.7;margin-bottom:10px}
.about-reveal{will-change:clip-path,opacity}
.about-glass{left:0;top:0;width:clamp(72px,8vw,130px);z-index:5;transform-origin:center;will-change:transform;isolation:isolate}
.about-glass>img{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:1;mix-blend-mode:screen}
.about-lens{position:absolute;inset:8%;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.015);backdrop-filter:contrast(1.08);box-shadow:inset 1px 1px 5px #ffffff26}
.about-lens img{position:absolute;max-width:none;object-fit:cover;opacity:1}
@media(min-width:1101px) and (prefers-reduced-motion:no-preference){.about-section{padding-bottom:100px}.about-scene{min-height:760px}}
@media(min-width:701px) and (max-width:1100px){.about-visual-grid{grid-template-columns:43% 51%;gap:6%}#about-heading{grid-column:1/-1;display:flex;gap:.25em;font-size:11vw;margin:0 0 15px}#about-heading span+span{margin:0}.about-portrait{align-self:start}.about-copy-grid{margin:0}.about-copy>.about-lead{font-size:22px}.about-copy>p{font-size:15px}}
@media(max-width:700px){.about-section{padding:125px 6% 70px}.about-visual-grid{display:flex;flex-direction:column;gap:30px}#about-heading{font-size:14vw;margin:0;line-height:1.1}.about-portrait{width:94%;margin-left:auto}.about-copy-grid{margin:12px 0 0;display:block;width:100%}.about-signature{margin-bottom:26px}.about-signature p{font-size:32px}.about-copy>.about-lead{font-size:25px}.about-copy>p{font-size:16px}.about-facts p{font-size:15px}.about-facts{margin-top:32px}.about-glass{width:65px}.about-section .closing-section-label{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.about-reveal,.portrait-window,#about-heading{clip-path:none!important;opacity:1!important}.about-glass{left:22%;top:15%;width:60px}.about-lens{display:none}}
.about-signature>span.about-reveal{display:block}
/* Final vertical editorial composition, scoped to About. */
.about-visual-grid{grid-template-columns:17% 35% 40%;gap:4%;align-items:center}
.about-title-mask{height:650px;position:relative;align-self:center;overflow:visible}
#about-heading{position:absolute;left:50%;top:50%;margin:0;white-space:nowrap;display:block;font-size:clamp(92px,9.2vw,155px);line-height:1;letter-spacing:-.055em;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center}
.about-portrait{align-self:center}.portrait-window{aspect-ratio:2/3;transform-origin:center;overflow:hidden}#about-portrait{object-fit:contain;width:100%;height:100%;filter:none}
.about-scene{min-height:0}.about-section{padding-bottom:110px}
.about-glass{left:15%;top:12%;width:85px}.about-orb{position:absolute;pointer-events:none;mix-blend-mode:screen;object-fit:contain}.about-orb-1{width:34px;left:19%;bottom:8%}.about-orb-2{width:55px;left:55%;bottom:-55px}
.about-word{display:inline-block}.about-copy-grid{align-self:center}.about-signature .about-word{white-space:pre}
@media(min-width:701px) and (max-width:1100px){.about-visual-grid{grid-template-columns:13% 36% 43%;gap:4%}.about-title-mask{height:580px}#about-heading{font-size:90px;display:block}.about-copy>.about-lead{font-size:20px}.about-copy>p,.about-facts p{font-size:14px}.about-signature p{font-size:27px}.about-glass{width:60px;left:9%}}
@media(max-width:700px){.about-visual-grid{display:flex;gap:30px}.about-title-mask{height:auto;width:100%;overflow:visible}#about-heading{position:static;transform:none;font-size:14vw;white-space:nowrap;margin:0}.about-portrait{width:94%;margin-left:auto}.about-glass{left:0;top:100px;width:55px}.about-orb-1{left:0;top:36%;bottom:auto;width:27px}.about-orb-2{display:none}.about-copy>.about-lead{font-size:25px}.about-copy>p{font-size:16px}.about-facts p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.about-title-mask,.about-word{opacity:1!important;clip-path:none!important}.portrait-window{transform:none!important}.about-orb{transform:none!important}}
/* Monumental About typography; one shared scroll-driven thread. */
@media(min-width:1101px){.about-title-mask{height:850px}#about-heading{font-size:clamp(124px,12.3vw,208px)}.about-visual-grid{grid-template-columns:18% 34% 40%}.about-scene{padding-bottom:10px}}
@media(min-width:701px) and (max-width:1100px){.about-title-mask{height:760px}#about-heading{font-size:120px}}
.red-thread,.closing-thread{visibility:hidden}
.site-thread{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:30;overflow:hidden}
.site-thread path{fill:none;stroke:#D31725;stroke-width:1.5;vector-effect:non-scaling-stroke}
@media(max-width:700px){.site-thread path{stroke-width:1.2}}
@media(prefers-reduced-motion:reduce){.about-word{clip-path:none!important}.about-title-mask{transform:none!important}}
/* Let the shared HERO surface blend with the actual scene, not an isolated black layer. */
.about-glass{isolation:auto}.about-glass>img{mix-blend-mode:screen;opacity:.75}.about-lens{background:transparent;backdrop-filter:none;box-shadow:none}.about-orb{opacity:.7}
