/* About only: supplied 1440 x 3602 reference. Original PNG source pixels, no lossy recompression. */
@media(min-width:761px){
body[data-page="about"] .site-header{position:absolute;inset:0 0 auto;height:0;display:block}
body[data-page="about"] .wordmark{position:absolute;left:calc(100vw * 100 / 1440);top:calc(100vw * 69 / 1440);width:calc(100vw * 113 / 1440);height:calc(100vw * 29 / 1440);min-height:0;display:block;transform:none}
body[data-page="about"] .wordmark .brand-dot{position:absolute;inset:0 auto auto 0;width:calc(100vw * 29 / 1440);height:calc(100vw * 29 / 1440)}
body[data-page="about"] .wordmark>span:last-child{position:absolute;left:calc(100vw * 39 / 1440);top:calc(100vw * 8 / 1440);width:calc(100vw * 74 / 1440);height:calc(100vw * 16 / 1440);transform:none;--about-glyph:url(/assets/about-hd-20261030/logo.png)}
body[data-page="about"] .main-nav{position:static;display:block}
body[data-page="about"] .main-nav a{position:absolute;display:block;margin:0;min-height:0;line-height:1;opacity:1;text-decoration:none}
body[data-page="about"] .main-nav a:nth-child(1){left:calc(100vw * 1275 / 1440);top:calc(100vw * 60 / 1440);width:calc(100vw * 64 / 1440);height:calc(100vw * 16 / 1440);--about-glyph:url(/assets/about-hd-20261030/nav-work.png)}
body[data-page="about"] .main-nav a:nth-child(2){left:calc(100vw * 1215 / 1440);top:calc(100vw * 77 / 1440);width:calc(100vw * 125 / 1440);height:calc(100vw * 20 / 1440);--about-glyph:url(/assets/about-hd-20261030/nav-playground.png)}
body[data-page="about"] .main-nav a:nth-child(3){left:calc(100vw * 1275 / 1440);top:calc(100vw * 97 / 1440);width:calc(100vw * 65 / 1440);height:calc(100vw * 14 / 1440);--about-glyph:url(/assets/about-hd-20261030/nav-about.png)}
body[data-page="about"] .wordmark>span:last-child,body[data-page="about"] .main-nav a,body[data-page="about"] .about-glyph{color:transparent;-webkit-text-fill-color:transparent}
body[data-page="about"] .wordmark>span:last-child::after,body[data-page="about"] .main-nav a::after,body[data-page="about"] .about-glyph::after{content:"";position:absolute;inset:0;background:#000;-webkit-mask:var(--about-glyph) center/100% 100% no-repeat;mask:var(--about-glyph) center/100% 100% no-repeat;pointer-events:none}
body[data-page="about"] .about-reference{position:relative;height:calc(100vw * 3602 / 1440);padding:0;margin:0;font-size:calc(100vw * 24 / 1440);letter-spacing:normal}
body[data-page="about"] .about-piece{position:absolute;left:calc(100vw * var(--x) / 1440);top:calc(100vw * var(--y) / 1440);width:calc(100vw * var(--w) / 1440)!important;height:calc(100vw * var(--h) / 1440);margin:0;padding:0;max-width:none;list-style:none}
body[data-page="about"] .about-piece p{margin:0}
body[data-page="about"] .about-footer-links{display:flex;gap:10px}
body[data-page="about"] .about-footer-links .contact-label{border:0;padding:0}
}
@media(max-width:760px){
body[data-page="about"] .about-reference{padding:170px 22px 48px;font-size:16px;line-height:1.5;letter-spacing:-.35px}
body[data-page="about"] .site-header{position:absolute;top:28px}
body[data-page="about"] .main-nav a{min-height:22px}
body[data-page="about"] .main-nav{line-height:1.2}
body[data-page="about"] .about-piece{position:static;margin:0;padding:0;height:auto;width:100%;max-width:100%;list-style:none}
body[data-page="about"] .about-glyph::after{content:none}
body[data-page="about"] .about-introduction,body[data-page="about"] .about-philosophy{display:flex;flex-direction:column;gap:32px}
body[data-page="about"] .about-bloom-small{width:68%;align-self:flex-start}
body[data-page="about"] .about-copy-top p,body[data-page="about"] .about-copy-bottom p{margin:0 0 24px}
body[data-page="about"] .about-copy-top p:last-child,body[data-page="about"] .about-copy-bottom p:last-child{margin:0}
body[data-page="about"] .about-philosophy{margin-top:28px}
body[data-page="about"] .about-bloom-tall{width:78%;align-self:flex-end}
body[data-page="about"] .about-moona-pair{display:grid;grid-template-columns:1fr;gap:16px;margin:40px -22px}
body[data-page="about"] .about-practice-new{display:grid;grid-template-columns:1fr 1.7fr;gap:24px 16px}
body[data-page="about"] .about-field-labels{grid-column:1 / -1;width:68%;margin-bottom:12px}
body[data-page="about"] .about-practice-heading{font-size:16px;font-weight:400;line-height:1.5}
body[data-page="about"] .about-practice-list{line-height:1.6}
body[data-page="about"] .about-portrait{grid-column:1 / -1;width:85%;margin-top:16px}
body[data-page="about"] .about-grapes{grid-column:1 / -1;width:75%;justify-self:end;margin-top:16px}
body[data-page="about"] .about-contact-new{margin-top:64px}
body[data-page="about"] .about-footer-copy{font-size:15px;line-height:1.5}
body[data-page="about"] .about-footer-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
}
@media(max-width:760px){
body[data-page="about"] .about-portrait{width:85%!important}
body[data-page="about"] .about-grapes{width:75%!important}
}