@import url("https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4");
@import url("https://cdn.jsdelivr.net/npm/tw-animate-css");

:root { --background:#030303; --foreground:#f1f1ed; --silver:#c8c8c3; --silver-soft:#aaa9a4; --muted:#8d8d88; --line:rgba(200,200,195,.18); --paper:#eeeae3; --ink:#11110f; --signal:#c6ff00; }
* { box-sizing:border-box; }
*, *::before, *::after { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -webkit-tap-highlight-color:transparent; }
img { -webkit-user-drag:none; user-drag:none; pointer-events:none; }
a, button { -webkit-user-drag:none; user-drag:none; }
html { scroll-behavior:smooth; background:var(--background); }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
body { margin:0; background:var(--background); color:var(--foreground); font-family:"Inter",Arial,sans-serif; }
h1,h2,h3,.manifesto-line,.big-mail,.studio-facts strong,.client-name-grid strong { font-family:"Inter Tight","Inter",Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.metallic-text { color:var(--silver); }
.story-number { color:#999994; font-weight:600; letter-spacing:.24em; }
.section-pad { padding:8rem clamp(1.25rem,4vw,5rem); }
.eyebrow { display:flex; align-items:center; gap:.75rem; margin:0; color:#c7c7c1; font-size:.78rem; letter-spacing:.2em; text-transform:uppercase; }
.eyebrow span { width:2.8rem; height:1px; background:currentColor; }
.eyebrow.dark { color:#5c5b57; }
.site-header { position:absolute; z-index:10; top:0; left:0; width:100%; display:flex; align-items:center; justify-content:space-between; padding:1.35rem clamp(1.25rem,4vw,5rem); border-bottom:1px solid rgba(255,255,255,.2); }
.brand img { width:174px; height:64px; object-fit:contain; }
.site-header nav { display:flex; align-items:center; gap:clamp(1rem,2.4vw,2.6rem); color:var(--silver); font-size:.78rem; text-transform:uppercase; letter-spacing:.14em; }
.site-header nav a { opacity:.8; transition:opacity .25s; }
.site-header nav a:hover { opacity:1; }
.nav-contact { padding:.75rem 1rem; border:1px solid rgba(255,255,255,.45); border-radius:99px; }
.intention-story{background:#000}
.story-panel{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background-color:#000;background-position:center;background-size:cover;scroll-snap-align:start}
.story-panel::after{content:"";position:absolute;inset:1rem;border:1px solid rgba(255,255,255,.14);pointer-events:none;z-index:2}
.story-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.42) 54%,rgba(0,0,0,.62) 100%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 50%,rgba(0,0,0,.34))}
.story-pure-black .story-veil{background:radial-gradient(circle at 70% 45%,#181818 0%,#050505 32%,#000 68%)}
.story-frame{position:relative;z-index:3;width:100%;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(7rem,10vw,10rem) clamp(2rem,6vw,7rem) clamp(2.5rem,5vw,5rem)}
.story-kicker,.story-foot{display:flex;align-items:center;justify-content:space-between;color:var(--silver-soft);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase}
.story-kicker .story-number{margin-left:auto}
.story-panel h2{max-width:13ch;margin:auto 0;color:#c7c7c2;font-size:clamp(3.4rem,8.8vw,10rem);line-height:.9;letter-spacing:-.065em;font-weight:500;text-wrap:balance}
.story-foot i{display:block;width:clamp(4rem,12vw,12rem);height:1px;background:linear-gradient(90deg,#6f7074,#ececea 48%,#77787c);box-shadow:0 0 10px rgba(220,225,232,.12)}
.story-end h2{max-width:12ch;display:flex;flex-direction:column;gap:.06em}.story-end .final-brand{color:#deded9;font-weight:600}.story-end h2 span:last-child{color:#b8b8b3}
.story-end .story-veil{background:radial-gradient(circle at 50% 50%,#202020 0%,#050505 42%,#000 78%)}
.hero { position:relative; min-height:100svh; overflow:hidden; display:flex; align-items:end; }
.hero-media { position:absolute; inset:0; background:url("https://i.ytimg.com/vi/8b3KxjuXFy4/maxresdefault.jpg") center/cover no-repeat; filter:saturate(.7) contrast(1.08); transform:scale(1.025); animation:drift 14s ease-out both; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.38) 55%,rgba(0,0,0,.28) 100%),linear-gradient(0deg,rgba(0,0,0,.8),transparent 55%); }
.hero-copy { position:relative; z-index:2; width:100%; padding:10rem clamp(1.25rem,4vw,5rem) 6rem; }
.hero h1,.section-heading h2,.services h2,.client-heading h2,.footer h2 { margin:1.5rem 0 0; font-size:clamp(4rem,11vw,10.5rem); line-height:.82; letter-spacing:-.07em; font-weight:600; text-transform:uppercase; }
.hero-bottom { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-top:3rem; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,.32); }
.hero-bottom p { max-width:34rem; margin:0; color:var(--silver); font-size:clamp(1rem,1.7vw,1.35rem); line-height:1.5; }
.play-link { display:flex; align-items:center; gap:.8rem; white-space:nowrap; font-size:.8rem; text-transform:uppercase; letter-spacing:.14em; }
.play-icon,.project-play { display:grid; place-items:center; width:3rem; height:3rem; padding-left:.15rem; border:1px solid currentColor; border-radius:50%; font-size:.7rem; }
.scroll-mark { position:absolute; z-index:2; right:clamp(1.25rem,4vw,5rem); bottom:1.25rem; color:#c7c7c1; font-size:.68rem; text-transform:uppercase; letter-spacing:.14em; }
.scroll-mark span { margin-left:.5rem; }
@keyframes drift { from{transform:scale(1.09)} to{transform:scale(1.025)} }
.work { background:#050505; }
.section-heading { display:grid; grid-template-columns:1fr 2.2fr 1fr; gap:2rem; align-items:end; margin-bottom:5rem; }
.section-heading h2 { font-size:clamp(3.8rem,8vw,8rem); }
.section-intro { color:var(--muted); line-height:1.6; font-size:1rem; margin:0; }
.showreel-card{margin-bottom:9rem}.showreel-image{position:relative;aspect-ratio:2.387/1;overflow:hidden;background:#061a1e}.showreel-image iframe{display:block;width:100%;height:100%;border:0;background:#061a1e}.showreel-poster{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#061a1e;cursor:pointer;overflow:hidden}.showreel-poster img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.showreel-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12));transition:background .35s}.showreel-play{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:4.2rem;height:4.2rem;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(0,0,0,.28);color:#fff;font-size:1rem;line-height:1;transform:translate(-50%,-50%);transition:transform .3s,background .3s}.showreel-poster:hover img{transform:scale(1.012)}.showreel-poster:hover::after{background:rgba(0,0,0,.04)}.showreel-poster:hover .showreel-play{transform:translate(-50%,-50%) scale(1.06);background:rgba(0,0,0,.48)}.showreel-poster:focus-visible{outline:2px solid #fff;outline-offset:-4px}.showreel-index,.project-index{position:absolute;z-index:3;top:1rem;right:1rem;padding:.55rem .7rem;background:rgba(0,0,0,.68);color:#d5d5d0;font-size:.65rem;letter-spacing:.16em;pointer-events:none}.showreel-meta{display:grid;grid-template-columns:1.7fr 1fr auto;gap:2rem;align-items:end;margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--line)}.showreel-meta h3{margin:0;font-size:clamp(1.8rem,3.4vw,4rem);font-weight:500;letter-spacing:.12em}.showreel-meta p,.showreel-meta span,.showreel-watch{margin:.45rem 0 0;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.showreel-watch{transition:color .25s}.showreel-watch:hover{color:var(--foreground)}.work-chapter{display:grid;grid-template-columns:.65fr 1.5fr 1fr;gap:2rem;align-items:end;margin:0 0 3rem;padding-top:2rem;border-top:1px solid var(--line)}.work-chapter>span{color:#73736f;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.work-chapter h3{margin:0;font-size:clamp(2.5rem,5vw,5.5rem);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;font-weight:550}.work-chapter p{margin:0;color:var(--muted);line-height:1.6}.motion-chapter{margin-top:10rem}
.project-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:6rem 1.4rem; }
.project-card{grid-column:span 6}.project-card.project-featured{grid-column:span 8}.project-card.project-featured:nth-child(even){grid-column:5/span 8}
.project-grid .project-card,
.project-grid .project-card.project-featured,
.project-grid .project-card.project-featured:nth-child(even){grid-column:span 6}
.project-grid{row-gap:5.5rem}
.project-image{aspect-ratio:16/9}
.project-image img{width:100%;height:100%;object-fit:cover}

/* Final approved INTENTION sequence */
.intention-story{background:#030303}
.intention-final{position:relative;min-height:100svh;overflow:hidden;display:grid;align-items:end;isolation:isolate;background:#050505}
.intention-final::before{content:"";position:absolute;inset:0;background-image:var(--image);background-size:cover;background-position:center;filter:saturate(.88) contrast(1.05) brightness(.8);z-index:-2}
.intention-final::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.76) 100%);z-index:-1}
.intention-final .story-number{position:absolute;top:2rem;right:2rem;color:rgba(255,255,255,.62);font-size:.68rem;letter-spacing:.16em}
.intention-final .word-line{width:100%;display:flex;justify-content:space-between;align-items:flex-end;gap:1.2rem;padding:0 clamp(2.4rem,5vw,5.25rem) clamp(3rem,6vh,4.25rem);font-family:"Inter Tight",sans-serif;font-size:clamp(.88rem,1.18vw,1.25rem);font-weight:400;line-height:1;letter-spacing:.045em;text-transform:uppercase;text-shadow:0 2px 18px rgba(0,0,0,.9)}
.intention-final .word-line span{white-space:nowrap}
.intention-final.intro-lock{align-items:center}
.intention-final.intro-lock::before{filter:saturate(.88) contrast(1.05) brightness(.8)}
.intention-final.intro-lock::after{background:none}
.intention-final.intro-lock .word-line{display:none}
.intention-final.logo-lock{align-items:center;justify-content:center;background:#000}
.intention-final.logo-lock::before{display:none}
.intention-final.logo-lock::after{background:none}
.intention-final.logo-lock .word-line{display:none}
.final-lockup{position:relative;z-index:2;width:min(72vw,620px);display:flex;flex-direction:column;align-items:center;gap:3.2rem}
.final-lockup img{width:min(55vw,450px);height:auto;display:block}
.final-lockup p{width:100%;margin:0;display:flex;justify-content:space-between;color:#b8b8b3;font-family:"Inter Tight",sans-serif;font-size:clamp(.82rem,1.6vw,1.35rem);letter-spacing:.28em;font-weight:400}
.project-image { position:relative; aspect-ratio:16/9; background-color:#111; overflow:hidden; }
.project-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.05);transition:filter .45s ease,transform .7s ease}.project-card:hover .project-image img{filter:saturate(1) contrast(1.02);transform:scale(1.018)}
.project-overlay { position:absolute; inset:0; display:grid; place-items:center; background:rgba(0,0,0,.08); transition:background .3s; }
.project-card:hover .project-overlay { background:rgba(0,0,0,.25); }
.project-play { opacity:0; transform:scale(.8); color:white; background:rgba(0,0,0,.35); backdrop-filter:blur(5px); transition:.35s; }
.project-card:hover .project-play { opacity:1; transform:scale(1); }
.project-meta { display:flex; justify-content:space-between; align-items:flex-start;gap:2rem; padding-top:1rem; border-top:1px solid var(--line); margin-top:1rem; }
.project-meta h3 { margin:0; color:#d1d1cc; font-size:clamp(1.1rem,1.65vw,1.55rem);font-weight:500;letter-spacing:-.025em}.project-meta p{margin:.45rem 0 0;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.09em;line-height:1.45}
.project-meta span { flex:0 0 auto;color:#777; font-size:.66rem; letter-spacing:.12em;line-height:1.65;text-align:right;text-transform:uppercase; }
.experience-section { background:#050505; color:var(--foreground); }
.experience-heading { display:grid; grid-template-columns:.75fr 1.65fr .8fr; gap:2rem; align-items:end; margin-bottom:5rem; }
.experience-heading h2 { margin:0; font-size:clamp(3.8rem,7.5vw,8rem); line-height:.84; letter-spacing:-.07em; text-transform:uppercase; }
.experience-heading>p:last-child { margin:0; color:#66645f; line-height:1.6; }
.experience-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3.5rem 1rem; }
.experience-image { aspect-ratio:16/9; overflow:hidden; background:white; border:1px solid rgba(0,0,0,.12); }
.experience-image img { width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }
.experience-grid article:hover img { transform:scale(1.025); }
.experience-meta { display:flex; justify-content:space-between; gap:1rem; padding-top:.8rem; margin-top:.8rem; border-top:1px solid rgba(0,0,0,.25); }
.experience-meta h3 { margin:0; font-size:.95rem; font-weight:600; }
.experience-meta span { color:#686762; font-size:.72rem; text-align:right; text-transform:uppercase; letter-spacing:.08em; }
.category-section { padding-top:6rem; padding-bottom:6rem; }
.category-list { margin-top:3rem; border-top:1px solid var(--line); }
.category-list article { display:grid; grid-template-columns:5rem 1fr 1fr; gap:2rem; align-items:center; padding:2rem 0; border-bottom:1px solid var(--line); }
.category-list article>span { color:#656560; font-size:.72rem; letter-spacing:.14em; }
.category-list h3 { margin:0; color:var(--silver); font-size:clamp(1.8rem,3.5vw,4rem); font-weight:500; letter-spacing:-.045em; }
.category-list p { margin:0; color:var(--muted); text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; line-height:1.7; }
.manifesto { border-top:1px solid var(--line); }
.manifesto-line { max-width:92rem; margin:3rem 0 7rem; font-size:clamp(2.8rem,6.8vw,7.5rem); line-height:.98; letter-spacing:-.055em; }
.manifesto-line em { color:#777; font-style:normal; }
.studio-facts { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.studio-facts div { display:flex; flex-direction:column; gap:1rem; padding:2rem 1rem 0 0; }
.studio-facts strong { font-size:clamp(2.2rem,4vw,4.5rem); letter-spacing:-.05em; }
.studio-facts span { color:var(--muted); font-size:.82rem; text-transform:uppercase; letter-spacing:.12em; }
.team-section { border-top:1px solid var(--line); background:#0a0a0a; }
.team-heading { display:grid; grid-template-columns:.8fr 1.7fr .75fr; gap:2rem; align-items:end; margin-bottom:5rem; }
.team-heading h2 { margin:0; font-size:clamp(3.8rem,8vw,8rem); line-height:.84; letter-spacing:-.07em; text-transform:uppercase; }
.team-heading>p:last-child { margin:0; color:var(--muted); line-height:1.6; }
.team-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4rem 1rem; }
.team-photo { aspect-ratio:4/5; overflow:hidden; background:#171717; }
.team-photo img { width:100%; height:100%; object-fit:cover; object-position:center center; filter:grayscale(1); transition:filter .45s ease,transform .6s ease; }
.team-grid article:hover .team-photo img { filter:grayscale(0); transform:scale(1.025); }
.team-name { display:flex; justify-content:space-between; align-items:baseline; gap:1rem; margin-top:.9rem; padding-top:.9rem; border-top:1px solid var(--line); }
.team-name h3 { margin:0; color:var(--silver); font-size:.95rem; font-weight:500; text-transform:uppercase; letter-spacing:.05em; }
.team-name span { color:#666; font-size:.68rem; letter-spacing:.12em; }
.team-role { margin:.65rem 0 0; color:var(--silver); font-size:.78rem; font-weight:600; text-transform:uppercase; letter-spacing:.1em; }
.team-bio { margin:.7rem 0 0; max-width:28rem; color:var(--muted); font-size:.88rem; line-height:1.6; }
.services { display:grid; grid-template-columns:.9fr 1.1fr; gap:7vw; background:#050505; color:var(--foreground); border-top:1px solid var(--line); }
.services h2 { font-size:clamp(3.5rem,6vw,6.8rem); }
.service-list { border-top:1px solid var(--line); }
.service-list article { display:grid; grid-template-columns:3rem 1fr 1fr; gap:1rem; padding:2.2rem 0; border-bottom:1px solid var(--line); align-items:start; }
.service-number { font-size:.7rem; color:#666; }
.service-list h3 { margin:0; color:var(--silver); font-size:clamp(1.15rem,1.8vw,1.65rem); font-weight:500; }
.service-list p { margin:0; color:var(--muted); line-height:1.55; font-size:.92rem; }
.clients { background:#050505; color:var(--foreground); border-top:1px solid var(--line); }
.client-heading { display:grid; grid-template-columns:.7fr 1.4fr .8fr; gap:2rem; align-items:end; margin-bottom:4rem; }
.client-heading h2 { margin:0; font-size:clamp(3.5rem,7vw,7.5rem); }
.client-heading>p:last-child { margin:0; color:var(--muted); line-height:1.5; }
.client-logo-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.client-logo-card { position:relative; min-height:11.5rem; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.9rem; padding:2.3rem 1rem 1.1rem; border-right:1px solid var(--line); border-bottom:1px solid var(--line); overflow:hidden; }
.client-logo-card span { position:absolute; top:1rem; left:1rem; color:#686864; font-size:.68rem; letter-spacing:.14em; }
.client-logo-card img { width:min(76%,12rem); height:4.6rem; object-fit:contain; filter:grayscale(1); opacity:.67; transition:filter .35s ease,opacity .35s ease,transform .45s ease; }
.client-logo-card strong { color:var(--silver); font-size:.72rem; font-weight:500; text-align:center; text-transform:uppercase; letter-spacing:.1em; }
.client-logo-card:hover img { filter:grayscale(0); opacity:1; transform:scale(1.04); }
.client-name-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.client-name-grid div { min-height:8.5rem; display:flex; flex-direction:column; justify-content:space-between; padding:1.2rem 1rem 1.4rem 0; border-bottom:1px solid var(--line); }
.client-name-grid div:not(:nth-child(3n)) { border-right:1px solid var(--line); padding-right:1.2rem; }
.client-name-grid div:not(:nth-child(3n+1)) { padding-left:1.2rem; }
.client-name-grid span { color:#656560; font-size:.68rem; letter-spacing:.12em; }
.client-name-grid strong { font-size:clamp(1.15rem,2vw,2rem); font-weight:500; letter-spacing:-.03em; }
.footer { padding-bottom:2rem; }
.footer h2 { font-size:clamp(4rem,10vw,10rem); margin-bottom:4rem; }
.big-mail { display:flex; justify-content:space-between; align-items:center; padding:1.5rem 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); font-size:clamp(1.25rem,3vw,3.2rem); letter-spacing:-.03em; }
.big-mail span { color:var(--signal); }
.footer-grid { display:grid; grid-template-columns:1fr 1.4fr 1fr; gap:3rem; padding:4rem 0; }
.footer-grid div { display:flex; flex-direction:column; gap:.75rem; }
.footer-grid div>span { color:#6f6f6b; font-size:.68rem; text-transform:uppercase; letter-spacing:.16em; }
.footer-grid p,.footer-grid a { margin:0; color:var(--silver); line-height:1.6; }
.footer-bottom { display:flex; justify-content:space-between; align-items:center; padding-top:1.5rem; border-top:1px solid transparent; border-image:linear-gradient(90deg,#5e5f62,#d6d6d2 48%,#5e5f62) 1; color:#777; font-size:.7rem; text-transform:uppercase; letter-spacing:.12em; }
.back-to-top { display:flex; align-items:center; justify-content:center; width:2.8rem; height:2.8rem; border:1px solid rgba(255,255,255,.3); border-radius:50%; color:#777; font-size:1rem; transition:color .3s,border-color .3s; }
.back-to-top:hover { color:var(--foreground); border-color:rgba(255,255,255,.7); }
@media(max-width:800px){.section-pad{padding:5.5rem 1.2rem}.site-header{padding:1rem 1.2rem}.brand img{width:105px;height:46px}.site-header nav a:not(.nav-contact){display:none}.hero-copy{padding:9rem 1.2rem 5rem}.hero h1{font-size:clamp(3.7rem,18vw,6.8rem)}.hero-bottom{display:grid}.scroll-mark{display:none}.section-heading,.client-heading,.team-heading,.experience-heading{grid-template-columns:1fr}.section-heading h2{grid-row:2}.section-intro{max-width:30rem}.showreel-card{margin-bottom:6rem}.showreel-image{aspect-ratio:16/9}.showreel-meta,.work-chapter{grid-template-columns:1fr;gap:.65rem}.showreel-meta span,.showreel-watch{margin-top:.4rem}.project-grid{grid-template-columns:1fr;gap:3.5rem}.project-card,.project-card.project-featured,.project-card.project-featured:nth-child(even){grid-column:auto}.project-meta span{font-size:.58rem}.motion-chapter{margin-top:7rem}.experience-grid{grid-template-columns:1fr;gap:3rem}.category-list article{grid-template-columns:2rem 1fr;gap:1rem}.category-list p{grid-column:2}.studio-facts{grid-template-columns:1fr}.studio-facts div{border-bottom:1px solid var(--line);padding:1.5rem 0}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem .7rem}.team-grid article.team-lead{grid-column:span 2;grid-row:auto}.team-photo img{filter:grayscale(.25)}.team-name h3{font-size:.72rem}.services{grid-template-columns:1fr;gap:4rem}.service-list article{grid-template-columns:2rem 1fr}.service-list p{grid-column:2}.footer-grid{grid-template-columns:1fr}.big-mail{font-size:1rem;overflow-wrap:anywhere}}
@media(max-width:800px){.client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-logo-card{min-height:11rem;padding:2.4rem .8rem 1rem;gap:.8rem}.client-logo-card img{width:82%;height:4.5rem}.client-logo-card strong{font-size:.6rem;letter-spacing:.07em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-media{animation:none}}
@media(min-width:801px){.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5rem 1.2rem}.team-photo{aspect-ratio:4/5}.team-photo img{object-fit:cover;object-position:center center}}
@media(min-width:801px) and (max-width:1100px){.client-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.client-logo-card{min-height:12rem}}
@media(max-width:800px){.story-panel::after{inset:.55rem}.story-frame{padding:7rem 1.4rem 2rem;min-height:100svh}.story-panel h2{font-size:clamp(3rem,14.5vw,5.8rem);line-height:.92}.story-kicker,.story-foot{font-size:.58rem}.client-name-grid{grid-template-columns:repeat(2,1fr)}.client-name-grid div{min-height:7rem;padding:1rem .75rem 1rem 0;border-right:0}.client-name-grid div:not(:nth-child(3n)){border-right:0;padding-right:.75rem}.client-name-grid div:not(:nth-child(3n+1)){padding-left:0}.client-name-grid div:nth-child(odd){border-right:1px solid var(--line)}.client-name-grid div:nth-child(even){padding-left:.75rem}.client-name-grid strong{font-size:1rem}}
@media(max-width:800px){.intention-final .story-number{top:1.25rem;right:1.25rem}.intention-final .word-line{gap:.3rem;padding:0 1.1rem 3.4rem;font-size:clamp(.56rem,2.3vw,.76rem);letter-spacing:.005em}.project-grid{row-gap:3.5rem}}