.approach-page{--section-space:clamp(60px, 7vw, 112px)}.approach-page section:not(.closing-section){padding:var(--section-space) 0}.approach-page .textured{isolation:isolate;position:relative}.approach-page .textured:before{content:"";z-index:-1;opacity:calc(var(--texture-opacity) * .5);mix-blend-mode:luminosity;pointer-events:none;background:url(/reference/concrete-stage.png) 50%/cover;position:absolute;inset:0}.approach-page .section-label{margin-bottom:22px;font-size:15px;line-height:1.5}.approach-page p{font-size:clamp(18px,1.6vw,23px);line-height:1.6}.approach-page h2{font:var(--display-weight) clamp(46px, 6vw, 90px)/1.06 var(--display);letter-spacing:-.025em;text-wrap:balance;margin:0}.approach-page h3{font:var(--display-weight) clamp(30px, 3vw, 44px)/1.12 var(--display);letter-spacing:-.02em;margin:0}.approach-page em{color:var(--accent);font-style:normal}.approach-page figure{min-width:0;margin:0}.approach-page figcaption{font-size:18px;line-height:1.5}.approach-page img{max-width:100%;height:auto;display:block}.approach-page svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.approach-page .approach-hero{padding-top:45px}.approach-hero h1{font-size:clamp(58px,7.6vw,132px);line-height:1.08}.approach-headline-end{color:var(--accent);margin:12px 0 0 14%}.approach-introduction{grid-template-columns:.9fr 1.1fr;align-items:center;gap:9%;margin-top:65px;display:grid}.approach-page .approach-lead{letter-spacing:-.025em;margin-top:0;font-size:clamp(25px,2.4vw,35px);line-height:1.35}.intro-copy>p:last-of-type{color:var(--muted)}.approach-text-link{border-bottom:1px solid var(--accent);gap:24px;padding:10px 0;font-size:18px;line-height:1.5;text-decoration:none;display:inline-flex}.approach-text-link:hover{color:var(--accent)}.idea-to-video{width:min(100%,450px);height:290px;margin:auto;position:relative}.idea-note{border:2px solid;width:fit-content;padding:20px 24px;font:700 clamp(22px,2.6vw,34px)/1.15 Space Grotesk,sans-serif;display:block;transform:rotate(-7deg)}.idea-to-video svg{width:32%;color:var(--accent);position:absolute;bottom:10px;left:0}.idea-screen{background:var(--accent);color:var(--on-accent);border:2px solid var(--text);box-shadow:9px 9px 0 var(--text);font:var(--display-weight) clamp(28px, 3.3vw, 44px)/1.1 var(--display);align-items:center;gap:30px;padding:26px;display:flex;position:absolute;bottom:0;right:0;transform:rotate(4deg)}.idea-screen i{font:24px var(--body)}.purpose-section{background:var(--work-bg);--text:var(--work-text);--muted:var(--work-muted);--accent:var(--work-accent);color:var(--text)}.approach-section-top{grid-template-columns:1.2fr .8fr;align-items:end;gap:9%;display:grid}.side-copy{color:var(--muted);margin:0}.purpose-map{grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;margin-top:65px;display:grid}.purpose-question{border-top:1px solid color-mix(in srgb, var(--text) 50%, transparent);padding-top:24px}.purpose-question:nth-child(2){margin-top:38px}.purpose-question:nth-child(3){margin-top:76px}.question-symbol{font:400 62px/1 var(--display);color:var(--accent);margin-bottom:20px;display:block}.purpose-question h3{font-size:clamp(29px,3.1vw,44px)}.purpose-question p{color:var(--muted);font-size:20px}.approach-page .purpose-result{text-align:right;letter-spacing:-.03em;margin:38px 0 0;font-size:clamp(27px,3vw,43px)}.purpose-result>span{color:var(--accent);padding-right:15px}.story-section{background:var(--process-bg);--text:var(--process-text);--muted:var(--process-muted);--accent:var(--process-accent);color:var(--text)}.story-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:60px 0;padding:0;list-style:none;display:grid}.story-strip li:nth-child(2n){padding-top:32px}.story-drawing{border:2px solid var(--text);height:160px;color:var(--accent);background:color-mix(in srgb, var(--process-bg) 80%, white);justify-content:center;align-items:center;margin-bottom:25px;display:flex}.story-drawing svg{width:100%;height:100%}.opening-drawing{font:var(--display-weight) clamp(30px, 3.5vw, 50px)/1.2 var(--display);flex-direction:column}.opening-drawing svg{height:30px}.sequence-drawing{gap:9px}.sequence-drawing span{border:1px solid var(--accent);font:26px var(--display);padding:10px}.sequence-drawing i{font-size:22px;font-style:normal}.story-label{letter-spacing:.08em;color:var(--muted);margin-bottom:15px;font-size:15px;display:block}.story-strip h3{font-size:clamp(28px,2.7vw,40px)}.story-strip p{color:var(--muted);font-size:19px}.brand-thread{border-top:3px solid var(--accent);align-items:center;gap:6%;padding-top:24px;display:flex}.brand-thread-label{font:var(--display-weight) clamp(24px, 2.6vw, 37px)/1.15 var(--display);color:var(--accent);flex:0 0 31%}.brand-thread p{margin:0;font-size:clamp(22px,2vw,29px)}.ingredients-section{--text:#f4f1e7;--muted:#cbd2c6;--accent:#d5ff36;color:var(--text);background:#202620}.ingredients-layout{grid-template-columns:1fr 1fr;align-items:center;gap:50px 8%;display:grid}.ingredients-copy>p:not(.section-label){color:var(--muted)}.ingredients-copy h2{margin-bottom:30px}.ingredients-diagram{padding:15px;transform:rotate(2deg)}.ingredient-row{grid-template-columns:1fr 35px 1fr;align-items:center;gap:8px;display:grid}.ingredient-visual{color:#202620;background:#f0ede5;border:2px solid #f0ede5;min-width:0}.ingredient-visual>img,.ingredient-visual>svg{object-fit:cover;width:100%;height:170px}.ingredient-visual>span{padding:14px;font-size:20px;font-weight:700;line-height:1.3;display:block}.graphics-ingredient{color:#f4f1e7;background:#2445ff}.graphics-ingredient svg{stroke:#d5ff36;padding:20px}.ingredient-plus{text-align:center;color:var(--accent);font-size:40px}.ingredient-sound{border:1px solid #cbd2c6;flex-direction:column;gap:8px;margin-top:20px;padding:16px;font-size:20px;display:flex}.ingredient-sound svg{width:100%;height:40px;color:var(--accent)}.ingredient-connector{text-align:center;color:var(--accent);font-size:46px}.finished-film{border:2px solid var(--accent);align-items:center;gap:20px;padding:24px 18px;display:flex}.finished-film>span{color:var(--accent);font-size:28px}.finished-film strong{font:var(--display-weight) clamp(24px, 2.8vw, 39px)/1.1 var(--display);display:block}.finished-film div>span{margin-top:10px;font-size:18px;line-height:1.4;display:block}.ingredients-diagram figcaption{text-align:center;color:var(--muted);margin-top:22px}.approach-page .ingredients-statement{letter-spacing:-.025em;border-top:1px solid #cbd2c650;grid-column:1/-1;margin:10px 0 0;padding-top:35px;font-size:clamp(28px,3.4vw,49px);line-height:1.35}.ingredients-statement strong{color:var(--accent);font-weight:400}.rattle-intro{max-width:740px;color:var(--muted);margin:30px 0 45px}.rattle-development{grid-template-columns:.6fr 65px 1.5fr;align-items:center;gap:3%;display:grid}.asset-caption{letter-spacing:.06em;margin-bottom:20px;font-size:15px;line-height:1.5}.asset-caption>span{color:var(--accent);padding-right:12px;font-weight:700}.rattle-source{transform:rotate(-3deg)}.rattle-source img{aspect-ratio:3/4;object-fit:cover;border:8px solid #f8f6f0;width:100%;box-shadow:5px 5px #1c241f30}.rattle-identity{margin-top:40px!important}.rattle-identity img{border:1px solid var(--line);width:100%}.rattle-development figcaption{margin-top:20px}.development-arrow{color:var(--accent);font-size:70px}.rattle-finished{border-top:1px solid var(--line);grid-template-columns:1fr .75fr;align-items:center;gap:14%;margin-top:85px;padding-top:55px;display:grid}.rattle-reasoning h3{font-size:clamp(48px,6vw,85px)}.rattle-reasoning p{max-width:650px}.approach-page .example-disclosure{color:var(--muted);border-left:3px solid var(--accent);margin-top:30px;padding-left:18px;font-size:18px}.rattle-player{justify-self:center;width:100%;max-width:370px}.rattle-player video{aspect-ratio:9/16;object-fit:contain;border:2px solid var(--text);width:100%;box-shadow:10px 10px 0 var(--accent);background:#111;display:block}.rattle-player figcaption{justify-content:space-between;gap:18px;margin-top:25px;display:flex}.approach-credits{color:var(--muted);margin-top:15px;font-size:16px}.approach-credits summary{cursor:pointer;width:fit-content;padding:6px 0}.approach-credits summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.approach-credits p{font-size:16px}.wayne-section{background:var(--process-bg);--text:var(--process-text);--muted:var(--process-muted);--accent:var(--process-accent);color:var(--text)}.wayne-layout{grid-template-columns:.7fr 1.3fr;align-items:center;gap:10%;display:grid}.wayne-photo{max-width:360px;transform:rotate(-3deg)}.wayne-photo img{aspect-ratio:4/5;object-fit:cover;object-position:center 30%;border:8px solid var(--bg);width:100%}.wayne-photo figcaption{background:var(--accent);color:var(--on-accent);font:var(--display-weight) 38px/1.1 var(--display);padding:18px}.wayne-photo figcaption span{font:18px/1.4 var(--body);margin-top:8px;display:block}.wayne-copy h2{margin-bottom:30px}.wayne-copy>p:not(.section-label,.approach-lead){color:var(--muted)}.approach-page .wayne-signoff{margin-bottom:0;font-size:clamp(25px,2.5vw,35px);line-height:1.35;color:var(--accent)!important}@media (width>=1600px){.approach-page .section-inner{max-width:1600px}}@media (width<=1000px){.approach-introduction{gap:6%}.idea-to-video{height:270px}.idea-screen{gap:18px;padding:20px}.story-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.story-drawing{height:170px}.story-strip li:nth-child(2n){padding-top:0}.ingredients-layout{gap:40px 5%}.ingredients-diagram{padding:8px}.ingredient-visual>span{padding:10px;font-size:18px}.rattle-finished{gap:9%}}@media (width<=800px){.approach-page .approach-hero{padding-top:35px}.approach-hero h1{font-size:clamp(44px,9.5vw,76px)}.approach-headline-end{margin-top:18px;margin-left:8%}.approach-introduction,.approach-section-top,.ingredients-layout,.wayne-layout{grid-template-columns:1fr;gap:32px}.approach-introduction{margin-top:40px}.intro-copy{grid-row:1}.idea-to-video{width:min(95%,400px);height:250px;margin:10px auto}.idea-note{font-size:28px}.idea-screen{font-size:35px}.approach-page h2{font-size:clamp(42px,8vw,66px)}.approach-page p{font-size:19px}.approach-page .section-label{font-size:14px}.purpose-map{grid-template-columns:1fr;gap:25px;margin-top:40px}.purpose-question{grid-template-columns:48px 1fr;align-items:center;gap:8px 20px;display:grid}.purpose-question:nth-child(n){margin-top:0}.question-symbol{grid-row:1/3;align-self:start;margin:0;font-size:42px}.purpose-question h3{font-size:32px}.purpose-question p{grid-column:2;margin:0}.approach-page .purpose-result{text-align:left;font-size:29px}.story-strip{gap:30px 22px;margin:40px 0}.story-strip h3{font-size:29px}.brand-thread{flex-direction:column;align-items:start;gap:20px}.brand-thread-label{font-size:30px}.brand-thread p{font-size:22px}.ingredients-diagram{justify-self:center;width:96%;max-width:500px}.ingredient-visual>span{padding:14px;font-size:20px}.approach-page .ingredients-statement{font-size:30px}.rattle-development{grid-template-columns:.75fr 1.25fr;align-items:start;gap:7%}.development-arrow{display:none}.rattle-identity{margin-top:55px!important}.rattle-finished{grid-template-columns:1fr;gap:35px;margin-top:45px;padding-top:40px}.rattle-player{width:min(90%,350px)}.wayne-photo{justify-self:center;width:min(85%,320px);margin-bottom:15px!important}.wayne-copy .approach-lead{font-size:26px}}@media (width<=480px){.story-strip{grid-template-columns:1fr;gap:30px}.story-strip li{grid-template-columns:95px 1fr;gap:8px 18px;display:grid}.story-drawing{grid-column:1/-1;width:100%;height:140px;margin:0 0 12px}.story-drawing svg{max-width:240px}.story-label,.story-strip h3,.story-strip p{grid-column:1/-1;margin:0}.opening-drawing{font-size:44px}.sequence-drawing{gap:15px}.sequence-drawing span{font-size:32px}.rattle-development{grid-template-columns:1fr;gap:35px}.rattle-source{width:70%;margin-left:8px!important}.rattle-identity{margin-top:0!important}.ingredient-visual>img,.ingredient-visual>svg{height:130px}.ingredient-visual>span{padding:10px;font-size:18px}.finished-film{gap:14px;padding:20px 12px}.approach-page .closing-button{gap:12px;padding:16px;font-size:17px}}