* { box-sizing: border-box; }
body { font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:24px; letter-spacing:-.01em; -webkit-font-smoothing:antialiased; }
.page-shell { width:100%; max-width:1040px; margin:0 auto; padding:24px; }
.page-shell > * { min-width:0; }
.social-link { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 16px; border:1px solid #eae9ea; border-radius:999px; background:#ffffff; color:#251f21; font-size:13px; font-weight:500; line-height:1; text-decoration:none; max-width:100%; }
.button[data-variant="primary"] { background:#251f21; border-color:#251f21; color:#fbfaf9; }
.button svg { flex:none; }
.button:hover { opacity:.9; }
.closing { margin:0; color:#585254; font-size:10px; }
@media(min-width:768px) { .page-shell { padding:36px; } }

html { scroll-behavior: smooth; }
html, body, #root { margin: 0; min-height: 100%; }
body { background: #fbfaf9; }
.landing { color: #251f21; }
.landing h1,.landing h2,.landing h3,.landing p,.landing figure { margin:0; }
.site-nav { display:flex; align-items:center; justify-content:space-between; gap:20px; padding: 6px 0 26px; border-bottom:1px solid #eae9ea; }
.site-nav a,.hero-bottom a { color:inherit; text-decoration:none; }
.identity { display:inline-flex; align-items:center; gap:9px; font-weight:600; font-size:15px; letter-spacing:-.04em; }
.identity-dot { width:7px; height:7px; background:#73a89a; border-radius:100%; }
.nav-links { display:flex; gap:28px; font-size:12px; }
.nav-links a { display:flex; align-items:center; min-height:44px; }
.hero { padding:76px 0 30px; display:grid; grid-template-columns:1.12fr 1fr; align-items:center; gap:0; }
.eyebrow { font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#585254; }
.hero h1 { font-family:inherit; font-weight:600; font-size:clamp(48px,5.6vw,76px); line-height:1.02; letter-spacing:-.07em; margin:24px 0; }
.hero h1 span { color:#73a89a; font-weight:600; }
.hero-intro { font-size:16px; line-height:1.65; color:#585254; margin-bottom:27px!important; max-width:370px; }
.hero-art { position:relative; min-width:0; }
.hero-art img { display:block; width:115%; max-width:none; margin-left:-4%; aspect-ratio:1; object-fit:cover; }
.hero-art figcaption { text-align:center; color:#585254; font-size:10px; margin-top:-16px; position:relative; }
.hero-bottom { display:flex; justify-content:space-between; border-bottom:1px solid #eae9ea; color:#585254; font-size:11px; padding:20px 0 30px; }
.hero-bottom a { display:flex; gap:20px; }
section[id] { scroll-margin-top:30px; }
.stories-section { padding:90px 0 0; }
.section-head { display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:end; margin-bottom:34px; }
.section-head .eyebrow { grid-column:1/-1; }
.landing h2 { font-family:inherit; font-weight:600; letter-spacing:-.055em; font-size:42px; line-height:1.08; }
.section-head > p:last-child { justify-self:end; color:#585254; font-size:14px; line-height:1.6; padding-bottom:3px; }
.stories-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.story { min-width:0; }
.story-visual { height:210px; background:#f4efec; border-radius:20px; overflow:hidden; position:relative; display:flex; align-items:center; justify-content:center; }
.story-visual span { position:absolute; top:14px; left:18px; color:#585254; font-size:10px; }
.orbit i { position:absolute; width:132px; height:132px; border:1px solid #73a89a; border-radius:50%; }
.orbit i:nth-child(1){transform:translateX(-26px)} .orbit i:nth-child(2){transform:translateX(26px)} .orbit i:nth-child(3){width:10px;height:10px;background:#73a89a;border:0;transform:translate(59px,-48px)}
.blocks {gap:8px; align-items:flex-end; padding-bottom:39px; box-sizing:border-box;}
.blocks i {width:42px; height:78px; border-radius:7px; background:#73a89a; opacity:.5;} .blocks i:nth-child(2){height:123px; opacity:1;} .blocks i:nth-child(3){height:99px;opacity:.75;}
.waves i {position:absolute; width:150px;height:150px;border:1px solid #73a89a;border-radius:50%;transform:translateY(66px);} .waves i:nth-child(2){width:110px;height:110px;transform:translateY(40px)} .waves i:nth-child(3){width:70px;height:70px;transform:translateY(14px)}
.story-tag {font-size:10px; color:#585254; margin:24px 0 8px!important; text-transform:uppercase; letter-spacing:.07em;}
.landing h3 {font-family:inherit; font-size:23px;font-weight:600;letter-spacing:-.045em;line-height:1.2;}
.story-text {color:#585254;font-size:13px;line-height:1.7;margin-top:12px!important;max-width:260px;}
.stories-end {display:flex;justify-content:space-between;gap:20px;padding:32px 0;border-bottom:1px solid #eae9ea;font-size:11px;color:#585254;}
.about-section {text-align:center;max-width:580px;margin:auto;padding:100px 0;}
.about-section h2 {margin-top:24px;font-size:48px;}
.about-lead {font-size:28px;letter-spacing:-.045em;color:#585254;margin:8px 0 24px!important;line-height:1.2;}
.about-copy {color:#585254;font-size:15px;line-height:1.8;max-width:470px;margin:auto!important;}
.about-section blockquote {font-size:17px;line-height:1.5;letter-spacing:-.02em;margin:30px auto 6px;max-width:400px;}
.quote-credit {font-size:10px;color:#585254;margin-bottom:28px!important;}
.connect-section {border-top:1px solid #eae9ea;border-bottom:1px solid #eae9ea;padding:48px 0;display:flex;justify-content:space-between;align-items:center;gap:30px;}
.connect-section h2 {margin-top:18px;}
.connect-links {display:flex;flex-direction:column;gap:22px;font-size:16px;}
.site-footer {display:flex;justify-content:space-between;gap:20px;padding:28px 0 22px;font-size:10px;color:#585254;}
.site-footer>span:first-child{font-weight:600;}
.concept-note {font-size:11px;color:#585254;max-width:680px;}
.concept-note summary {cursor:pointer;min-height:44px;display:list-item;align-content:center;}
.concept-note p {line-height:1.8;margin:8px 0 12px;}
.landing > .closing {font-size:10px;}
a:focus-visible,summary:focus-visible {outline:2px solid #73a89a;outline-offset:5px;}
@media(min-width:768px){.landing{padding:0 12px;}}
@media(max-width:767px){
.site-nav{padding:0 0 14px;gap:10px;}.identity{font-size:13px;gap:6px}.nav-links{gap:16px;font-size:11px;}
.hero{grid-template-columns:1fr;padding:50px 0 0;gap:4px;}.hero-copy{text-align:center;}.hero h1{font-size:56px;margin:20px 0;}.eyebrow{font-size:10px;}.hero-intro{font-size:14px;margin-left:auto!important;margin-right:auto!important;max-width:290px;}.hero-art{max-width:340px;width:100%;margin:0 auto!important;}.hero-art img{width:100%;margin:0;aspect-ratio:1.18;}.hero-art figcaption{margin-top:-20px;font-size:9px;}.hero-bottom{padding:27px 0 24px;font-size:10px;}.hero-bottom a{gap:8px;}
.stories-section{padding-top:58px;}.section-head{display:block;margin-bottom:28px;}.landing h2{font-size:34px;}.section-head h2{margin:18px 0;}.section-head>p:last-child{font-size:13px;}.desktop-break{display:none;}.stories-grid{grid-template-columns:1fr;gap:32px;}.story{display:grid;grid-template-columns:100px 1fr;column-gap:20px;align-content:start;}.story-visual{grid-row:1/4;height:126px;border-radius:14px;}.story-tag{margin:5px 0 7px!important;font-size:9px;}.landing h3{font-size:22px;}.story-text{font-size:12px;margin-top:8px!important;}.orbit i{width:72px;height:72px}.orbit i:nth-child(1){transform:translateX(-15px)}.orbit i:nth-child(2){transform:translateX(15px)}.orbit i:nth-child(3){width:6px;height:6px;transform:translate(31px,-26px)}.blocks{gap:4px;padding-bottom:24px}.blocks i{width:18px;height:45px;border-radius:4px}.blocks i:nth-child(2){height:72px}.blocks i:nth-child(3){height:58px}.waves i{width:104px;height:104px;transform:translateY(45px)}.waves i:nth-child(2){width:76px;height:76px;transform:translateY(28px)}.waves i:nth-child(3){width:48px;height:48px;transform:translateY(11px)}.story-visual span{top:7px;left:10px;font-size:8px;}.stories-end{font-size:10px;flex-wrap:wrap;padding:28px 0;}.about-section{padding:64px 0;}.about-section h2{font-size:36px;}.about-lead{font-size:24px;}.about-copy{font-size:14px;}.about-section blockquote{font-size:16px;}.connect-section{padding:36px 0;}.connect-links{font-size:13px;gap:20px;}.site-footer{flex-direction:column;gap:6px;padding-top:24px;}.concept-note{font-size:10px;}
}
@media(max-width:359px){.hero h1{font-size:48px;}.nav-links{gap:12px}.identity{font-size:12px}.story{grid-template-columns:82px 1fr;column-gap:16px;}.story-visual{height:124px;}.landing h3{font-size:20px;}.story-tag{font-size:8px;letter-spacing:.04em;}.connect-section h2{font-size:30px;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}