:root{--navy:#193340;--cream:#fff0df;--teal:#21877f;--orange:#f68a08;--ink:#17242b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;color:var(--ink);background:var(--cream);font:16px/1.65 "Trebuchet MS",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}svg{flex-shrink:0;vertical-align:middle}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:6px}::selection{background:#fbc36e;color:#193340}.container{width:100%;max-width:1280px;padding:0 60px;margin:auto}.skip-link{position:fixed;top:10px;left:10px;padding:10px 18px;z-index:100;background:white;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.site-header{height:82px;background:var(--navy);color:var(--cream);position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:42px;padding:0 max(32px,calc((100vw - 1160px)/2));box-shadow:0 1px 0 #ffffff15}.wordmark{font-family:Georgia,serif;font-style:italic;font-weight:900;font-size:30px;line-height:1;letter-spacing:-1.5px}.wordmark span{color:var(--orange)}.desktop-navigation{display:flex;gap:32px;font-size:16px}.desktop-navigation a:hover,.footer-links a:hover{color:#ffb849}.header-contact,.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:linear-gradient(105deg,#fc9009,#995006);color:#fff5e8;border:1px solid #ffddac;border-radius:50px;padding:12px 30px;min-height:50px;font-weight:700;font-size:16px;box-shadow:0 5px 20px #492b0714;transition:filter .2s,transform .2s}.header-contact{margin-left:auto;min-width:230px}.button:hover,.header-contact:hover{filter:brightness(1.1);transform:translateY(-2px)}.mobile-navigation{display:none}.portable-menu summary{list-style:none;cursor:pointer;display:flex;padding:10px;min-height:44px;min-width:44px}.portable-menu summary::-webkit-details-marker{display:none}.portable-menu-panel{position:absolute;right:20px;top:calc(100% + 8px);width:min(320px,calc(100vw - 40px));background:var(--navy);padding:12px;border:1px solid #ffffff30;border-radius:14px;box-shadow:0 20px 45px #0005}.portable-menu-panel a{display:block;padding:13px 16px}
.hero{min-height:730px;height:calc(100svh - 82px);max-height:950px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--cream);overflow:hidden}.hero-image-wrap{position:absolute;inset:0;z-index:-3;background:#354c55}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 50%;filter:saturate(.8)}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,var(--cream) 0%,transparent 20%),linear-gradient(#10242a45,#0b192793 40%,#11253090 74%,#19334038)}.hero-content{padding-top:0;padding-bottom:80px}.hero-eyebrow{color:#ffe5bf;font-weight:700;letter-spacing:3px;font-size:14px;margin:0 0 20px}h1{max-width:930px;margin:0 auto;font-size:clamp(40px,5.2vw,68px);line-height:1.16;letter-spacing:-1.6px;font-weight:800;text-shadow:0 3px 25px #0003}h1 span{color:#54c4b7}.hero-introduction{margin:24px auto 0;max-width:790px}.hero-introduction p{font-size:21px;line-height:1.5;margin:0 0 40px}.hero-actions{display:flex;justify-content:center}.hero-actions .button{min-width:280px;min-height:56px}.identity-strip{text-align:center;padding:60px 24px 80px;background:var(--cream)}.identity-strip p{font-weight:700;font-size:19px;margin:0 0 30px}.identity-strip>div{display:flex;justify-content:center;align-items:center;gap:75px;flex-wrap:wrap}.identity-strip span{font-size:clamp(18px,2.2vw,28px);font-weight:900;letter-spacing:-.7px;color:#28353c}
.section-light{background:var(--cream)}.about{padding:35px 0 110px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.about-grid>.section-label{grid-column:1/-1;margin:0 0 -40px}.section-label{color:var(--teal);font-weight:700;letter-spacing:2px;font-size:14px;text-transform:uppercase;margin:0 0 18px}h2{font-size:clamp(30px,3.3vw,46px);line-height:1.22;letter-spacing:-1.1px;margin:0;font-weight:800}.highlight{color:var(--teal);background:transparent}.about-copy{display:contents}.about-copy h2{align-self:center}.about-details{grid-column:2;grid-row:2;font-size:18px;line-height:1.75}.about-details p{margin:0 0 20px}.about-copy>.text-link{grid-column:2}.text-link{display:inline-flex;align-items:center;gap:14px;font-weight:700;color:var(--teal);width:fit-content;border-bottom:1px solid currentColor;padding-bottom:6px}.text-link:hover{color:#a75907}
.content-section{padding:90px 0 110px;background:#f8e5ce}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:0 0 45px}.muted-heading{color:var(--teal)}.stories-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.story-card{display:block}.story-poster{aspect-ratio:16/10;border-radius:20px;position:relative;padding:26px;display:flex;flex-direction:column;justify-content:space-between;color:var(--cream);background:linear-gradient(145deg,#236765,#193340);overflow:hidden;box-shadow:0 10px 30px #19334020}.story-barber .story-poster{background:linear-gradient(145deg,#995823,#193340)}.poster-kicker{font-size:14px;letter-spacing:2px}.poster-bottom{display:flex;justify-content:space-between;align-items:center;font-size:16px}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:linear-gradient(105deg,#fc9009,#995006);border:1px solid #ffddac;color:white;transition:transform .2s}.story-card:hover .play-button{transform:translate(-50%,-50%) scale(1.1)}.story-meta{display:flex;justify-content:space-between;color:#59656b;font-size:14px;margin:20px 0 6px}.story-title{display:flex;justify-content:space-between;gap:14px;align-items:start}.story-title h3{font-size:23px;line-height:1.3;margin:0;letter-spacing:-.5px}
.projects-section{padding:110px 0;background:var(--navy);color:var(--cream)}.projects-section .section-label{color:#73c8b9}.projects-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:48px}.projects-heading h2 span{color:#73c8b9}.projects-heading p{max-width:300px;color:#d0e0e1;font-size:18px}.projects-section>.container{display:grid;grid-template-columns:1fr 1fr;gap:26px}.projects-section .section-label,.projects-heading{grid-column:1/-1}.project-row{background:#244553;border:1px solid #ffffff25;border-radius:20px;padding:32px;display:grid;grid-template-columns:70px 1fr;gap:20px;transition:transform .2s,background .2s}.project-row:hover{transform:translateY(-4px);background:#2c5361}.project-number{display:none}.project-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#ffe6bf;color:#995006}.project-copy>span{font-size:14px;letter-spacing:1.6px;color:#fac480}.project-copy h3{font-size:26px;line-height:1.2;margin:9px 0 14px}.project-copy p{font-size:16px;color:#d0e0e1;margin:0}.project-action{grid-column:2;display:inline-flex;align-items:center;gap:15px;font-size:16px;font-weight:700;color:#ffbd67}
.collaboration-section{padding:110px 0;background:var(--cream)}.collaboration-grid{text-align:center;max-width:1000px}.collaboration-section h2{font-size:clamp(34px,4.3vw,56px)}.collaboration-section h2 span{color:var(--teal)}.collaboration-copy p{font-size:19px;max-width:560px;margin:28px auto 32px;line-height:1.7}.contact-handle{display:block;color:#617176;font-size:14px;margin-top:18px}.site-footer{background:var(--navy);color:var(--cream);padding-top:50px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:35px}.footer-links{display:flex;gap:28px;flex-wrap:wrap}.footer-links a{display:flex;align-items:center;gap:8px;font-size:15px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff25;padding-top:22px;padding-bottom:22px;font-size:14px;color:#c7d8d9}.footer-bottom a{display:flex;align-items:center;gap:8px}.image-attribution{font-size:12px;color:#bfd1d1;padding-bottom:25px}.image-attribution a{text-decoration:underline}
@media(max-width:1000px){.container{padding-inline:32px}.site-header{padding-inline:32px;gap:24px}.desktop-navigation{gap:20px}.header-contact{min-width:0;padding:12px 22px}.about-grid{gap:35px}.identity-strip>div{gap:35px}.project-row{padding:25px;grid-template-columns:55px 1fr}.project-icon{width:52px;height:52px}.project-copy h3{font-size:23px}}
@media(max-width:700px){html{scroll-padding-top:72px}.container{padding-inline:22px}.site-header{height:72px;padding-inline:20px;gap:14px}.wordmark{font-size:26px}.desktop-navigation{display:none}.mobile-navigation{display:block}.header-contact{font-size:14px;padding:9px 16px;min-height:42px;gap:8px}.header-contact svg{width:15px}.hero{min-height:600px;height:calc(100svh - 72px);max-height:820px}.hero-content{padding-top:0;padding-bottom:55px}h1{font-size:clamp(36px,8vw,52px);letter-spacing:-1px;line-height:1.17}.hero-eyebrow{font-size:12px;letter-spacing:2px}.hero-introduction p{font-size:18px;margin-bottom:30px}.hero-actions .button{min-width:230px}.identity-strip{padding:30px 22px 50px}.identity-strip>div{gap:18px 25px}.identity-strip span{font-size:17px}.identity-strip p{font-size:17px;margin-bottom:24px}.about{padding:30px 0 65px}.about-grid{display:block}.about-grid>.section-label{margin:0 0 18px}.about-copy{display:block}.about-details{margin-top:24px;font-size:17px}.about-copy>.text-link{margin-top:10px}.section-label{font-size:13px}h2{font-size:34px}.content-section{padding:65px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>.text-link{margin-top:24px}.stories-grid{grid-template-columns:1fr;gap:34px}.story-poster{padding:22px}.story-title h3{font-size:22px}.projects-section{padding:65px 0}.projects-heading{display:block;margin-bottom:15px}.projects-heading p{max-width:none;margin-top:24px;font-size:17px}.projects-section>.container{grid-template-columns:1fr;gap:20px}.project-row{padding:24px;gap:18px}.project-action{font-size:15px}.collaboration-section{padding:70px 0}.collaboration-copy p{font-size:17px}.collaboration-section h2{font-size:38px}.footer-top{display:block}.footer-links{margin-top:26px;gap:20px}.footer-bottom{flex-wrap:wrap;font-size:13px}.footer-bottom>span:nth-child(2){display:none}.image-attribution{font-size:12px}}
@media(max-width:380px){.header-contact{display:none}.mobile-navigation{margin-left:auto}.hero-introduction p br{display:none}h1{font-size:36px}.project-row{padding:20px;grid-template-columns:44px 1fr}.project-icon{width:44px;height:44px}.project-copy h3{font-size:21px}.identity-strip span{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}