/* Editorial spacing and photography, inspired by the user's reference. */
:root{--text:#263c48;--muted:#627078;--line:#e4e6e5;--pale:#f1f4f3;--pale-2:#f8f8f5;--shadow:0 8px 28px #263c4809;--radius:16px}
body{background:#fffefb}.section{padding-block:68px}.tint{background:#f3f3ee}.wrap{width:min(1280px,90%)}
h2{font-size:clamp(1.65rem,2.8vw,2.4rem);letter-spacing:-.04em;color:var(--navy)}
.section-heading{margin-bottom:32px}.section-heading p{max-width:700px;line-height:1.8}.section-heading.center p{margin-inline:auto}
.site-header{backdrop-filter:blur(14px);transition:box-shadow .25s}.site-header.is-scrolled{box-shadow:0 5px 22px #122b4212}
.photo,.hero-photo{object-fit:cover}.photo{background:#e8e8e1}.card{border:1px solid #e6e7e1;box-shadow:none}.card-content{padding:24px}.card-content h3{font-size:1.08rem;line-height:1.5}.card-content p{line-height:1.8}
.hero,.hero-1{min-height:560px;background:#273a3b}.hero .hero-photo{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:-2;object-position:center}
.hero .hero-fade{display:block;background:linear-gradient(90deg,rgba(14,30,32,.85),rgba(14,30,32,.57) 49%,rgba(14,30,32,.1));z-index:-1}
.hero .hero-inner,.hero-1 .hero-inner{min-height:560px;padding-block:64px}.hero .hero-copy,.hero-1 .hero-copy{width:64%;max-width:780px}
.hero h1,.hero-1 h1{font-size:clamp(1.9rem,3vw,3rem);line-height:1.35;color:white;font-weight:700}.hero h1 span,.hero .eyebrow,.hero .hero-description,.hero .hero-points{color:#fff}.hero h1 em{color:#ffe080}.hero .hero-description{max-width:580px;line-height:1.8}.hero .eyebrow{letter-spacing:.12em;font-size:.73rem}.hero .hero-points .icon{color:#ffe080}
.hero .btn{border-radius:40px;padding:14px 23px}.hero .btn.outline{background:#fff}.stats-wrap{margin-top:0}.stats{border-radius:0 0 20px 20px;box-shadow:0 12px 30px #273a3b0a;padding-block:30px}
.grid{gap:26px}.service-card .photo{aspect-ratio:1.55}.project-card .photo{aspect-ratio:1.4}.service-card .card-content{padding:34px 24px 24px}.round-icon{left:24px}
.btn{border-radius:30px}.filter-bar button{border-radius:30px}.text-link{padding-block:4px}.story,.split,.featured-project{gap:48px}.story .photo,.split>.photo,.featured-project>.photo{border-radius:20px}
.cta-band{margin-top:40px}.footer{background:#f4f4ee}.footer-bottom{padding-block:24px}
.photo{transition:filter .4s}.card{transition:transform .3s,box-shadow .3s}.btn{transition:transform .25s,background .25s,box-shadow .25s}
@media(hover:hover){.card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #233d4d12}.card:hover>.photo,.project-card:hover .photo{filter:brightness(1.035)}.btn:hover{transform:translateY(-2px)}}
.toam-gallery{position:relative;margin-top:30px}.toam-gallery-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b0c2c5 transparent;padding-bottom:16px}.toam-gallery figure{margin:0;flex:0 0 64%;scroll-snap-align:start}.toam-gallery .photo{aspect-ratio:1.8;border-radius:18px}.toam-gallery figcaption{padding-top:12px;color:var(--muted);font-size:.85rem}.toam-gallery-controls{display:flex;gap:10px;margin-top:14px}.toam-gallery-controls button{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:1.3rem}.toam-gallery-controls button:disabled{opacity:.35;cursor:default}
@media(max-width:900px){.hero .hero-copy,.hero-1 .hero-copy{width:88%}.section{padding-block:48px}.grid{gap:20px}.card-content{padding:20px}.story,.split{gap:28px}.toam-gallery figure{flex-basis:85%}}
@media(max-width:600px){.hero,.hero-1{display:block;min-height:590px}.hero .hero-inner,.hero-1 .hero-inner{min-height:590px;padding-top:45px;padding-bottom:45px}.hero .hero-copy,.hero-1 .hero-copy{width:100%}.hero .hero-fade{position:absolute;inset:0;background:linear-gradient(90deg,#14292be8,#14292bad)}.hero .hero-photo,.hero-1 .hero-photo,.hero-6 .hero-photo,.hero-7 .hero-photo{position:absolute;height:100%;width:100%;object-position:60% center}.hero h1,.hero-1 h1{font-size:1.85rem}.hero-description{font-size:.92rem}.hero .actions{gap:12px}.hero .hero-points{flex-wrap:wrap;gap:14px}.section{padding-block:38px}.section-heading h2{font-size:1.6rem}.cols-3,.cols-5,.cols-6{grid-template-columns:1fr}.cols-4{grid-template-columns:1fr 1fr}.service-card .photo{aspect-ratio:1.8}.service-card .card-content{padding:32px 22px 22px}.article-card{display:block}.article-card .photo{height:auto;min-height:0;aspect-ratio:1.8}.card-content h3{font-size:1.05rem}.toam-gallery figure{flex-basis:92%}.toam-gallery .photo{aspect-ratio:1.4}.toam-gallery-controls button{width:44px;height:44px}.comparisons{grid-template-columns:1fr}.comparison>.photo{aspect-ratio:1.5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card:hover,.btn:hover{transform:none}}

/* Official To Am identity, Brand Guideline pages 22-23. */
:root{--blue:#3F84D4;--blue-bright:#3F84D4;--navy:#193B63;--yellow:#F6CC00;--text:#263238;--pale:#f2f6fc;--pale-2:#FFF8E6}
.tint{background:#f2f6fc}.footer{background:#FFF8E6}.btn.blue{background:#193B63;color:white}.btn.yellow{background:#F6CC00;color:#193B63;border-color:#F6CC00}.btn.blue:hover{background:#234f80}.text-link,.category-label{color:#193B63}.hero h1,.hero-1 h1{font-weight:800}.hero h1 em{color:#FFD95D}.hero .hero-fade{background:linear-gradient(90deg,#102a47e8,#102a4799 49%,#102a4720)}

.hero-1 h1{font-size:clamp(3rem,5.4vw,5rem);line-height:1.12;letter-spacing:-.045em}.hero-1 .hero-description{margin-block:24px}.hero-1 .eyebrow{letter-spacing:.12em}.hero-1 .hero-photo{object-position:center}.hero-1 .hero-copy{max-width:720px}@media(max-width:600px){.hero-1 h1{font-size:3.15rem}.hero-1 .hero-inner{min-height:610px}.hero-1 .hero-photo{object-position:65% center}.hero-1 .hero-description{font-size:.95rem;line-height:1.8}}