/* Homepage composition, written for Quill Next. */
.home-hero{position:relative;min-height:780px;background:radial-gradient(ellipse at 75% 50%,#28596f 0,transparent 70%),#0b1b2d;color:white;overflow:clip}.hero-grid{min-height:780px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:100px 180px}.hero-copy{grid-column:1;grid-row:1;min-width:0}.hero-art{grid-column:2;grid-row:1;position:relative;height:420px;min-width:0}.hero-copy :is(h1,h2){font-size:52px;font-weight:800;line-height:1.12;letter-spacing:-.035em;text-transform:uppercase;max-width:550px;margin-block:30px 24px}.hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:480px;color:#d5e0e5}.hero-copy .eyebrow{font-size:14px;letter-spacing:.13em}.hero-copy .actions{margin-top:38px}.hero-copy .button{font-size:16px}.orbit{position:absolute;inset:10% -2%;border:1px solid #5fc7ce40;border-radius:50%;transform:rotate(25deg)}.orbit-second{inset:20% -8%;transform:rotate(-25deg)}.hero-icon{position:absolute;object-fit:contain}.icon-main{width:90%;height:90%;top:5%;left:5%}.icon-top{width:20%;height:24%;right:8%;top:0}.icon-left{width:22%;height:25%;left:0;top:35%}.icon-right{width:21%;height:28%;right:0;bottom:4%}.hero-controls{position:absolute;inset:0;pointer-events:none}.hero-controls button{pointer-events:auto}.hero-controls>[data-slide-prev],.hero-controls>[data-slide-next]{position:absolute;top:50%;width:38px;height:38px;border:1px solid #ffffff40;border-radius:50%;background:transparent;color:#c5dce6;font-size:26px;line-height:1}.hero-controls>[data-slide-prev]{left:24px}.hero-controls>[data-slide-next]{right:24px}.slide-dots{position:absolute;bottom:30px;inset-inline:0;display:flex;gap:4px;justify-content:center}.slide-dots button{width:28px;height:44px;padding:10px;border:0;background:transparent}.slide-dots button::after{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#ffffff50}.slide-dots button[aria-current=true]::after{background:var(--aqua)}.motion-toggle{position:absolute;bottom:12px;inset-inline-end:20px;padding:6px 12px;border:1px solid #ffffff55;border-radius:8px;background:transparent;color:inherit;font-size:12px;min-height:36px}
.client-band{padding:38px 0 42px;min-height:218px;border-bottom:1px solid #eef0f1}.client-band>p,.client-band .eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-align:center;color:var(--muted)}.client-band .eyebrow::before{content:none}.client-logos{display:flex;gap:44px;align-items:center;overflow:auto;padding-block:24px 8px;scrollbar-width:thin;scroll-snap-type:x proximity}.client-logos>div{flex:0 0 112px;scroll-snap-align:start}.client-logos img{width:112px;height:60px;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .2s,opacity .2s}.client-logos img:hover{filter:none;opacity:1}.work-grid{display:grid;grid-template-columns:1.353fr 1fr;gap:16px;grid-template-rows:285px 285px}.work-grid .content-card:first-child{grid-row:span 2}.work-grid .content-card a{position:relative;height:100%;overflow:hidden;border-radius:22px;background:var(--navy);color:white}.work-grid .content-card img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;transition:transform .4s}.work-grid .content-card a:hover img{transform:scale(1.035)}.work-grid .card-copy{position:absolute;inset:0;display:flex;justify-content:flex-end;flex-direction:column;padding:32px;background:linear-gradient(transparent 40%,#071722d9)}.work-grid .card-copy p{display:none}.work-grid .card-copy h3{font-size:24px}.studio-section{background:var(--soft)}.studio-collage{display:grid;grid-template-columns:1fr 1fr;gap:12px;grid-template-rows:260px 210px}.studio-collage a{position:relative;overflow:hidden;border-radius:22px;background:var(--navy)}.studio-collage a:first-child{grid-column:1/-1}.studio-collage img{height:100%;width:100%;object-fit:cover}.studio-collage span{position:absolute;bottom:0;inset-inline:0;padding:30px 20px 20px;background:linear-gradient(transparent,#0009);color:white;font-size:14px;font-weight:800;text-transform:uppercase}.home-services{background:var(--soft)}.home-services .card-grid{gap:16px}.home-services .service-card{padding:0 36px 36px;background:white;border-radius:22px;overflow:hidden}.home-services .service-card>img{width:calc(100% + 72px);max-width:none;height:240px;object-fit:cover;aspect-ratio:auto;border-radius:0;margin:0 -36px 30px}.studio-section .split-layout{grid-template-columns:.832fr 1fr}.home-services .service-card h3{font-size:22px}.home-services .service-card p{font-size:14px}.momentum{background:#333746;color:white;padding-block:68px}.metrics{display:grid;grid-template-columns:minmax(190px,1.3fr) repeat(4,minmax(0,1fr));align-items:center;gap:28px}.metrics h2{font-size:26px;font-weight:700;max-width:190px;letter-spacing:0}.metrics>div{text-align:center;min-width:0}.metrics strong{display:block;font-size:48px;line-height:1;color:var(--aqua);white-space:nowrap;font-weight:800}.metrics span{display:block;margin-top:10px;font-size:14px}.home-process{background:var(--cream)}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;list-style:none;counter-reset:steps}.process-grid :is(article,li){padding:28px;border-top:1px solid var(--line);min-width:0}.process-grid h3{font-size:20px}.process-grid p{font-size:14px;color:var(--muted)}.step-number,.process-grid li::before{display:block;color:var(--aqua);font-size:38px;font-weight:800;margin-bottom:18px}.process-grid li{counter-increment:steps}.process-grid li::before{content:counter(steps,decimal-leading-zero)}.belief{padding-block:var(--section);background:#333746;color:white;overflow:clip}.belief blockquote{max-width:980px;font-size:50px;line-height:1.3;letter-spacing:-.04em}.belief strong{color:var(--aqua)}[dir=rtl] .belief blockquote{letter-spacing:0;line-height:1.5}.quotes{position:relative;padding-bottom:64px}.quotes figure{max-width:900px;margin:0}.quotes blockquote{font-size:34px;line-height:1.5}.quotes figcaption{margin-top:28px}.quotes figcaption span{display:block;color:var(--muted);font-size:14px}.quote-controls{display:flex;gap:10px;position:absolute;bottom:0;inset-inline-end:0}.quote-controls button,.rail-controls button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:white;font-size:24px}.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.team-grid img{width:100%;aspect-ratio:.78;object-fit:cover;border-radius:22px;filter:grayscale(1)}.team-grid article:hover img{filter:none}.team-grid h3{font-size:18px;margin-top:16px}.team-grid p{font-size:14px;color:var(--muted);margin-top:6px}.team-grid[data-rail]{display:flex;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:16px}.team-grid[data-rail]>article{flex:0 0 calc((100% - 66px)/4);min-width:0;scroll-snap-align:start}.rail-controls{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}
@media(max-width:1050px){.hero-grid{gap:30px}.hero-copy :is(h1,h2){font-size:44px}.hero-art{height:380px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics h2{grid-column:1/-1;max-width:none}.team-grid[data-rail]>article{flex-basis:calc((100% - 44px)/3)}}
@media(max-width:800px){.studio-section .split-layout{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr;gap:24px;padding-top:110px;min-height:860px;padding-bottom:100px}.hero-art{grid-column:1;grid-row:1;width:min(100%,420px);height:300px;justify-self:center}.hero-copy{grid-column:1;grid-row:2}.hero-copy :is(h1,h2){font-size:36px;line-height:1.08;margin-top:26px}.home-hero{min-height:860px}.hero-controls>[data-slide-prev],.hero-controls>[data-slide-next]{top:230px}.hero-controls>[data-slide-prev]{left:14px}.hero-controls>[data-slide-next]{right:14px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-grid[data-rail]>article{flex-basis:calc((100% - 22px)/2)}.belief blockquote{font-size:38px}.quotes blockquote{font-size:28px}.work-grid{grid-template-rows:230px 230px}}
@media(max-width:600px){.hero-grid{gap:24px}.hero-copy>p:not(.eyebrow){font-size:14px;max-width:360px}.hero-copy .actions{gap:12px;flex-direction:column;align-items:start}.hero-copy .button{min-width:180px}.hero-copy .eyebrow{font-size:13px}.hero-copy :is(h1,h2){font-size:36px}[dir=rtl] .hero-copy :is(h1,h2){font-size:34px;line-height:1.4;letter-spacing:0}.work-grid{grid-template-columns:1fr;grid-template-rows:none}.work-grid .content-card:first-child{grid-row:auto}.work-grid .content-card{height:330px}.studio-collage{grid-template-columns:1fr;grid-template-rows:repeat(3,230px)}.studio-collage a:first-child{grid-column:auto}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.process-grid{grid-template-columns:1fr}.team-grid[data-rail]>article{flex-basis:100%}.quotes blockquote{font-size:24px}.belief blockquote{font-size:34px}.motion-toggle{font-size:11px}}
