.brand-page{--brand-red: #ff3b30;--brand-coral: #ff736b;--brand-paper: #f2efe8;--brand-ink: #111517;--brand-black: #050607;min-height:100vh;overflow:clip;background:var(--brand-black);color:#fff}.brand-page *{box-sizing:border-box}.brand-page [id]{scroll-margin-top:88px}.brand-shell{width:min(100% - 48px,1240px);margin-inline:auto}.brand-kicker{margin:0;color:var(--brand-coral);font-size:13px;font-weight:900}.brand-hero-split{position:relative;display:grid;min-height:min(850px,94vh);grid-template-columns:minmax(0,58fr) minmax(430px,42fr);background:#070809;direction:ltr}.brand-hero-media{position:relative;min-height:690px;grid-column:1;grid-row:1;overflow:hidden}.brand-hero-media:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#070809 0%,transparent 34%),linear-gradient(180deg,#0506071a,#0506074d 68%,#070809)}.brand-hero-media img{width:100%;height:100%;object-fit:cover}.what-hero .brand-hero-media img{object-position:48% center}.method-opening .brand-hero-media img{object-position:58% center}.brand-hero-media>span{position:absolute;right:-.05em;bottom:.04em;z-index:2;color:#ffffff1a;font-family:var(--font-heading);font-size:clamp(94px,14vw,220px);font-weight:900;line-height:.72;pointer-events:none}.brand-hero-copy{position:relative;z-index:3;display:flex;width:100%;margin:0;padding:150px max(24px,calc((100vw - 1240px)/2)) 84px clamp(34px,5vw,80px);justify-content:center;flex-direction:column;grid-column:2;grid-row:1;direction:rtl}.brand-hero h1,.production-story h2,.production-stages h2,.creative-technical h2,.brand-toolbox h2,.work-window h2,.brand-cta h2,.method-manifesto h2,.method-chapter h2,.method-equation h2{margin:0;font-family:var(--font-heading);font-weight:900;letter-spacing:0;line-height:.93;text-wrap:balance}.brand-hero h1{margin-top:18px;font-size:clamp(54px,5.7vw,88px)}.brand-hero-answer{max-width:670px;margin:27px 0 0;color:#ffffffb8;font-size:clamp(17px,1.5vw,22px);line-height:1.72}.brand-actions{display:flex;margin-top:32px;flex-wrap:wrap;gap:10px}.brand-actions a{display:inline-flex;min-height:52px;padding:12px 25px;align-items:center;justify-content:center;border:1px solid var(--brand-red);background:var(--brand-red);color:#fff;font-size:14px;font-weight:900;text-decoration:none;transition:transform .2s ease,background .2s ease}.brand-actions a:hover{transform:translateY(-2px)}.brand-actions .brand-link-secondary{border-color:#ffffff61;background:transparent}.desire-line{overflow:hidden;border-block:1px solid rgb(255 255 255 / 14%);background:var(--brand-red)}.desire-line p{width:max-content;margin:0;padding:25px 4vw 27px;color:#fff;font-family:var(--font-heading);font-size:clamp(25px,3vw,44px);font-weight:900;white-space:nowrap}.desire-line span{margin-inline:.6em;opacity:.45}.production-story{display:grid;min-height:880px;grid-template-columns:44% 56%;background:var(--brand-paper);color:var(--brand-ink)}.production-story-image{position:relative;min-height:680px;overflow:hidden}.production-story-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% center}.production-story-content{display:flex;max-width:760px;padding:clamp(70px,9vw,135px);justify-content:center;flex-direction:column}.production-story h2{margin-top:16px;font-size:clamp(49px,6vw,86px)}.production-story-content>p:not(.brand-kicker){max-width:650px;margin:22px 0 0;color:#526064;font-size:17px;line-height:1.82}.production-story-content .production-story-lead{color:#172023;font-size:clamp(21px,2vw,29px);font-weight:800;line-height:1.55}.production-stages{padding:clamp(90px,12vw,165px) 0 0;background:#08090a}.production-stages-head{display:grid;margin-bottom:64px;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:start}.production-stages h2{font-size:clamp(48px,6vw,88px)}.production-stages ol{display:grid;margin:0;padding:0;grid-template-columns:repeat(3,1fr);border-top:1px solid rgb(255 255 255 / 15%);list-style:none}.production-stages li{min-height:440px;padding:clamp(38px,5vw,72px);border-inline-start:1px solid rgb(255 255 255 / 15%)}.production-stages li:first-child{border-inline-start:0}.production-stages li>span{color:var(--brand-coral);font-size:13px;font-weight:900}.production-stages h3{max-width:390px;margin:78px 0 0;font-family:var(--font-heading);font-size:clamp(31px,3.1vw,48px);font-weight:900;line-height:1}.production-stages li p{max-width:440px;margin:20px 0 0;color:#ffffff94;line-height:1.75}.creative-technical{display:grid;min-height:760px;grid-template-columns:30% 40% 30%;background:var(--brand-red)}.creative-technical-copy{display:flex;padding:clamp(34px,5vw,74px);justify-content:center;flex-direction:column}.creative-technical-copy .brand-kicker{color:#fff;opacity:.72}.creative-technical h2{margin-top:15px;font-size:clamp(42px,4.8vw,70px)}.creative-technical-copy>p:last-child{margin:24px 0 0;color:#ffffffc2;font-size:17px;line-height:1.75}.creative-technical-image{position:relative;min-height:650px;overflow:hidden}.creative-technical-image:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,#0506070d,#050607a3)}.creative-technical-image img{width:100%;height:100%;object-fit:cover}.creative-technical-image>p{position:absolute;right:32px;bottom:28px;z-index:2;margin:0;color:#fff;font-family:var(--font-heading);font-size:clamp(36px,4vw,62px);font-weight:900;line-height:.78}.brand-toolbox{padding:clamp(90px,12vw,170px) 0;background:var(--brand-paper);color:var(--brand-ink)}.brand-toolbox-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(54px,9vw,130px)}.brand-toolbox-title{position:sticky;top:120px;align-self:start}.brand-toolbox h2{margin-top:16px;font-size:clamp(50px,6.2vw,90px)}.brand-toolbox ul{margin:0;padding:0;border-top:1px solid rgb(17 21 23 / 25%);list-style:none}.brand-toolbox li{display:grid;padding:25px 0;grid-template-columns:48px 1fr;gap:15px;border-bottom:1px solid rgb(17 21 23 / 25%);color:#273134;font-size:18px;font-weight:800;line-height:1.5}.brand-toolbox li span{color:var(--brand-red);font-size:11px}.brand-toolbox-copy{margin-top:31px;color:#536064;font-size:17px;line-height:1.82}.work-window{padding:clamp(90px,12vw,155px) 0 0;background:#070809}.work-window header{display:grid;margin-bottom:56px;grid-template-columns:.65fr 1.35fr;gap:50px}.work-window h2{font-size:clamp(50px,6vw,88px)}.work-window-grid{display:grid;grid-template-columns:1.1fr .9fr 1fr}.work-window-grid a{position:relative;display:block;min-height:570px;overflow:hidden;border-inline-start:1px solid rgb(255 255 255 / 13%)}.work-window-grid img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.22,1,.36,1)}.work-window-grid a:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 48%,rgb(4 5 6 / 90%))}.work-window-grid a:hover img{transform:scale(1.035)}.work-window-grid span{position:absolute;right:30px;bottom:28px;z-index:2;color:#fff;font-family:var(--font-heading);font-size:27px;font-weight:900}.brand-cta{padding:clamp(100px,13vw,180px) 0;background:#090a0b;text-align:center}.brand-cta .brand-shell{display:flex;align-items:center;flex-direction:column}.brand-cta>.brand-shell>p{margin:0 0 18px;color:var(--brand-coral);font-weight:900}.brand-cta h2{font-size:clamp(56px,7.4vw,105px)}.method-manifesto{position:relative;min-height:690px;overflow:hidden;background:var(--brand-red)}.method-manifesto .brand-shell{position:relative;z-index:2;display:flex;min-height:690px;padding-block:90px;justify-content:center;flex-direction:column}.method-manifesto-word{position:absolute;bottom:-.18em;left:-.05em;margin:0;color:#0000001c;font-family:var(--font-heading);font-size:min(25vw,380px);font-weight:900;line-height:.8}.method-manifesto .brand-kicker{color:#fff;opacity:.75}.method-manifesto h2{max-width:1080px;margin-top:18px;font-size:clamp(50px,6.8vw,98px)}.method-manifesto .brand-shell>p:last-child{max-width:690px;margin:30px 0 0;color:#ffffffc9;font-size:19px;line-height:1.75}.method-index{position:sticky;z-index:20;top:64px;display:grid;grid-template-columns:repeat(4,1fr);background:#050607f0;backdrop-filter:blur(18px)}.method-index a{display:flex;min-height:72px;padding:14px 24px;align-items:center;justify-content:center;gap:14px;border-inline-start:1px solid rgb(255 255 255 / 13%);color:#ffffffad;font-family:var(--font-heading);font-weight:900;text-decoration:none}.method-index a:hover{color:#fff}.method-index span{color:var(--brand-coral);font-size:12px}.method-chapter{display:grid;min-height:850px;grid-template-columns:54% 46%}.method-chapter:nth-child(2n) .method-chapter-visual{grid-column:2}.method-chapter:nth-child(2n) .method-chapter-copy{grid-column:1;grid-row:1}.method-chapter-visual{position:relative;min-height:700px;overflow:hidden}.method-chapter-visual:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 55%,rgb(4 5 6 / 45%))}.method-chapter-visual img{width:100%;height:100%;object-fit:cover}.method-chapter-visual>span{position:absolute;right:.03em;bottom:-.2em;z-index:2;color:#ffffff30;font-family:var(--font-heading);font-size:clamp(180px,25vw,390px);font-weight:900;line-height:1}.method-chapter-copy{display:flex;padding:clamp(48px,7vw,105px);justify-content:center;flex-direction:column}.method-name{margin:0 0 27px;color:var(--brand-coral);font-family:var(--font-heading);font-size:clamp(42px,5vw,76px);font-weight:900;line-height:.9;text-align:left}.method-chapter h2{max-width:680px;font-size:clamp(40px,4.7vw,68px)}.method-chapter-copy .method-lead{max-width:590px;margin:31px 0 0;font-size:21px;font-weight:800;line-height:1.55}.method-chapter-copy>p:last-child{max-width:590px;margin:20px 0 0;font-size:17px;line-height:1.8}.method-dark{background:#08090a;color:#fff}.method-dark .method-chapter-copy>p:last-child{color:#ffffff9e}.method-dark .method-lead{color:#fff}.method-paper{background:var(--brand-paper);color:var(--brand-ink)}.method-paper .method-name{color:#e13a33}.method-paper .method-chapter-copy>p:last-child{color:#536064}.method-paper .method-lead{color:#1b2427}.method-red{background:var(--brand-red);color:#fff}.method-red .method-name{color:#fff}.method-red .method-chapter-copy>p:last-child{color:#ffffffc2}.method-equation{padding:clamp(100px,13vw,180px) 0;overflow:hidden;background:var(--brand-paper);color:var(--brand-ink);text-align:center}.method-equation-line{display:flex;margin-bottom:clamp(70px,10vw,130px);align-items:center;justify-content:center;gap:clamp(13px,3vw,48px);direction:ltr}.method-equation-line span{display:grid;width:clamp(64px,10vw,145px);aspect-ratio:1;place-items:center;border:2px solid var(--brand-ink);font-family:var(--font-heading);font-size:clamp(34px,5vw,72px);font-weight:900}.method-equation-line b{color:var(--brand-red);font-size:clamp(26px,4vw,56px)}.method-equation .brand-shell>p:first-child{margin:0 0 18px;color:var(--brand-red);font-weight:900}.method-equation h2{margin-inline:auto;font-size:clamp(49px,6.8vw,96px)}.method-equation .brand-shell>p:last-child{max-width:670px;margin:30px auto 0;color:#536064;font-size:18px;line-height:1.75}@media(max-width:980px){.brand-hero-split{min-height:850px;grid-template-columns:minmax(0,54fr) minmax(400px,46fr)}.creative-technical{grid-template-columns:1fr 1fr}.creative-technical-image{grid-column:1 / -1;grid-row:1;min-height:580px}.creative-technical-copy{min-height:440px}}@media(max-width:840px){.brand-hero-split{display:flex;min-height:0;flex-direction:column}.brand-hero-media{min-height:58vh;order:0}.brand-hero-media:after{background:linear-gradient(180deg,#0506070d,#070809)}.brand-hero-copy{width:min(100% - 40px,700px);margin:-100px auto 0;padding:0 0 76px;order:1}.production-story{grid-template-columns:1fr}.production-story-image{min-height:620px}.production-stages-head,.brand-toolbox-grid,.work-window header{grid-template-columns:1fr;gap:18px}.production-stages ol{grid-template-columns:1fr}.production-stages li{min-height:auto;border-top:1px solid rgb(255 255 255 / 15%);border-inline-start:0}.production-stages h3{margin-top:44px}.brand-toolbox-title{position:static}.work-window-grid{grid-template-columns:1fr}.work-window-grid a{min-height:620px;border-top:1px solid rgb(255 255 255 / 13%);border-inline-start:0}.method-chapter{grid-template-columns:1fr}.method-chapter:nth-child(2n) .method-chapter-visual,.method-chapter:nth-child(2n) .method-chapter-copy{grid-column:auto;grid-row:auto}.method-chapter-copy{min-height:600px}}@media(max-width:620px){.brand-shell{width:min(100% - 28px,1240px)}.brand-hero-media{min-height:390px}.what-hero .brand-hero-media img{object-position:38% center}.brand-hero-copy{width:min(100% - 28px,700px);margin-top:-92px;padding-bottom:66px}.brand-hero h1{font-size:clamp(48px,15.5vw,68px)}.brand-hero-answer{font-size:16px}.brand-actions a{width:100%}.production-story-image{min-height:470px}.production-story-content{padding:70px 22px 84px}.production-story h2,.production-stages h2,.brand-toolbox h2,.work-window h2{font-size:clamp(44px,13.5vw,61px)}.creative-technical{grid-template-columns:1fr}.creative-technical-image{grid-column:auto;min-height:470px}.creative-technical-copy{min-height:420px}.work-window-grid a{min-height:480px}.method-manifesto,.method-manifesto .brand-shell{min-height:620px}.method-manifesto h2{font-size:clamp(45px,13.2vw,61px)}.method-index{top:64px;overflow-x:auto;grid-template-columns:repeat(4,minmax(138px,1fr))}.method-index a{min-height:62px;padding:10px 16px}.method-chapter{min-height:0}.method-chapter-visual{min-height:470px}.method-chapter-copy{min-height:590px;padding:62px 23px 76px}.method-name{font-size:48px}.method-chapter h2{font-size:clamp(39px,12vw,56px)}.method-equation-line{gap:8px}.method-equation-line span{width:62px}.method-equation h2{font-size:clamp(44px,13vw,60px)}}@media(prefers-reduced-motion:reduce){.brand-actions a,.work-window-grid img{transition:none}}
