/* NOAB — an image-led creative studio and learning space. */
:root{--paper:#f5f4f0;--ink:#24241f;--muted:#65665e;--line:#d9dad1}body,footer{background:var(--paper);color:var(--ink)}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}h1,h2,h3{font-weight:500}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}h1{font-size:clamp(44px,5.8vw,80px);letter-spacing:-.055em;line-height:1.04}h2{font-size:clamp(32px,4vw,54px);letter-spacing:-.045em;line-height:1.08}h3{letter-spacing:-.025em}.eyebrow{font-size:10px!important;letter-spacing:.16em;line-height:1.5;color:#626558;margin-bottom:20px}.site-header{height:96px;left:5%;right:5%}.site-header nav{background:#ffffffc9;box-shadow:0 4px 24px #20251a08;border:1px solid #fff9}.site-header nav>a{padding:12px 18px}.site-header nav>.nav-contact{padding:12px 20px;background:#262920}.menu-toggle{display:none}.button{border-radius:40px;min-height:46px;padding:14px 24px}.button.dark{background:#262920}.button.light{background:#ffffffe6;color:#252a20}.text-link{min-height:44px;display:inline-flex;align-items:center;font-size:13px;border-bottom:1px solid #969b8c}.section{max-width:1600px;margin:auto;padding:96px 6%}.section-heading{align-items:end;gap:30px;margin-bottom:38px}.section-heading p{font-size:15px;max-width:360px;color:#66695f}.section-heading .eyebrow{font-size:10px;margin-bottom:15px}.showcase-hero{padding:138px 0 25px;overflow:hidden}.hero-heading{text-align:center;padding:0 6%}.hero-heading h1{margin:0 0 19px}.hero-heading>p:not(.eyebrow){font-size:15px;color:#686d60}.hero-heading .hero-actions{align-items:center;margin-top:23px;gap:27px}.campaign-collage{height:450px;margin:55px auto 0;display:grid;grid-template-columns:.7fr 1.5fr .7fr;gap:22px;max-width:1500px;align-items:center;padding:0 3%;perspective:1200px}.campaign-collage>a,.campaign-collage>button{position:relative;overflow:hidden;border-radius:16px;padding:0;background:#e6e7df;transform:translateY(var(--float,0px));will-change:transform}.campaign-collage img{width:100%;height:100%;object-fit:cover}.collage-center{height:100%;box-shadow:0 24px 70px #34362619}.collage-side{height:83%}.collage-left{rotate:-6deg}.collage-right{rotate:6deg}.collage-left img{object-position:52%}.collage-center img{object-position:center 54%}.film-pill{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);border-radius:40px;padding:14px 23px;display:inline-flex;align-items:center;gap:13px;font-size:12px;white-space:nowrap;color:#23251d;background:#ffffffe3}.film-pill span{font-size:22px}.hero-caption{display:flex;justify-content:space-between;padding:30px 6% 5px;max-width:1600px;margin:auto;font-size:10px;color:#64695c}.hero-caption>a{display:flex;gap:14px;align-items:center;min-height:32px}.scroll-line{display:inline-block;width:1px;height:30px;background:#b5bcaa;position:relative;overflow:hidden}.scroll-line:after{content:'';position:absolute;inset:0;background:#4a5940;animation:scroll-guide 2s 4}.client-strip{padding:45px 6%;margin:0 6%;border-bottom:1px solid var(--line)}.client-strip>div{margin-top:25px}.client-strip a{font-size:19px;font-weight:500;color:#535b4a}.home-work{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:23px}.home-work .card-picture{height:390px;border-radius:9px}.home-work .work-card:first-child img{object-fit:cover}.home-work .ad-card img{object-fit:cover}.card-label{padding-top:17px}.card-label h3{font-size:17px}.card-label>span{font-size:11px}.work-card{min-width:0}.work-card:hover .card-picture>img{transform:scale(1.025)}.card-picture{position:relative;overflow:hidden}.project-action{position:absolute;left:18px;bottom:18px;padding:10px 15px;background:#ffffffe6;border:1px solid #fff8;backdrop-filter:blur(12px);border-radius:30px;font-size:10px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.work-card:hover .project-action,.work-card:focus-visible .project-action{opacity:1;transform:none}.section-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}.section-foot p{font-size:11px;color:#696e61}.scroll-story{height:110vh;min-height:700px;max-height:1100px;padding:0 4%;position:relative}.story-frame{position:sticky;top:110px;height:70vh;min-height:480px;max-height:760px;overflow:hidden;border-radius:16px;background:#172b21}.story-frame>img{height:100%;width:100%;object-fit:cover;object-position:center;transform:scale(var(--story-scale,1));will-change:transform}.story-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102b22da,#102b2245 65%,transparent)}.story-overlay{position:absolute;z-index:1;left:6%;top:50%;transform:translateY(-50%);color:#fff}.story-overlay h2{font-size:clamp(35px,4.6vw,65px);line-height:1.12;margin-bottom:30px}.story-overlay .eyebrow{color:#e4e8dd}.division-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.division-grid>a{display:block;padding:32px;background:#e9ebe3;border-radius:14px;overflow:hidden}.division-grid>a:nth-child(2){background:#ece4d6}.division-grid span,.academy-art>span{font-size:9px;letter-spacing:.14em}.division-grid h3{font-size:32px;margin:14px 0 8px}.division-grid p{font-size:14px;color:#626858}.division-grid img,.division-grid .academy-art{height:280px;width:100%;object-fit:cover;margin:28px 0 22px;border-radius:7px}.division-grid b{font-size:12px;font-weight:500}.academy-art{padding:28px;background:#252c23;color:#eceddf;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.academy-art strong{font-size:clamp(35px,4vw,58px);font-weight:400;letter-spacing:-.04em;line-height:1.06}.timeline{display:flex;gap:5px;align-items:end;height:28px;position:relative}.timeline i{height:100%;flex:1;background:#a6ae91;border-radius:2px}.timeline i:nth-child(2n){background:#6d7a60;height:70%}.timeline:after{content:'';position:absolute;width:2px;height:38px;left:35%;bottom:-5px;background:#e7bd60}.closing{text-align:center;padding:90px 6%;background:#e9ece2}.closing h2{margin-bottom:27px}.page-intro{padding:155px 6% 60px;text-align:left;max-width:1600px;margin:auto}.page-intro h1{font-size:clamp(42px,5.4vw,74px);letter-spacing:-.05em;margin:0 0 25px}.page-intro>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#62685a;max-width:580px}.gallery-section{padding-top:15px}.curated-grid{grid-template-columns:1fr 1fr;gap:55px 30px}.curated-grid .wide-card{grid-column:1/-1}.curated-grid .card-picture{height:auto;aspect-ratio:4/5;border-radius:12px}.curated-grid .wide-card .card-picture{height:auto;aspect-ratio:2.15/1}.curated-grid .card-picture img{height:100%;width:100%;object-fit:cover}.curated-grid .card-label{display:flex;justify-content:space-between}.curated-grid .card-label h3{font-size:20px}.curated-grid .card-label>span{font-size:12px}.curated-grid .work-card[hidden]{display:none}.gallery-toolbar{margin-bottom:32px}.client-note{text-align:center;margin:20px 6% 70px;font-size:12px;color:#66695d}.studio-film{position:relative;height:550px;margin:0 6%;overflow:hidden;border-radius:14px}.studio-film>img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.offer-list>a{display:grid;grid-template-columns:60px 1.1fr 1fr;gap:24px;align-items:center;padding:32px 0;border-top:1px solid var(--line)}.offer-list>a>span{font-size:11px;color:#727966}.offer-list h3{font-size:27px}.offer-list p{font-size:14px;color:#636a59}.process-story{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#e9ece3;max-width:none;padding:90px 8%}.process-title{position:sticky;top:145px;align-self:start}.process-title .text-link{margin-top:24px}.process-steps article{padding:0 0 55px;margin-bottom:40px;border-bottom:1px solid #cbd1c2}.process-steps article:last-child{margin-bottom:0}.process-steps span{font-size:10px;letter-spacing:.1em;color:#646f58}.process-steps h3{font-size:30px;margin:20px 0 12px}.process-steps p{font-size:14px;color:#65705b}.about-story,.founder-section,.academy-stage,.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.about-story{padding-top:10px}.about-story>img,.service-detail>img{width:100%;height:490px;object-fit:cover;border-radius:12px}.about-story p,.founder-section p,.academy-stage p,.service-detail p,.service-notes p{font-size:15px;line-height:1.8;color:#62685b;margin-top:24px}.founder-section{background:#e9ece3;max-width:none}.founder-monogram{aspect-ratio:1.15;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #b9c3ac;font-family:Georgia,serif;font-size:110px;color:#748461}.founder-monogram>span{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.15em;margin-top:25px}.founder-section .eyebrow{margin-top:0}.founder-section .text-link{margin-top:22px}.simple-divisions{display:grid;grid-template-columns:1fr 1fr;gap:50px}.simple-divisions p{margin-top:14px;font-size:14px}.academy-stage{padding-top:15px}.academy-stage>.academy-art{height:490px;border-radius:12px;padding:45px}.academy-stage>.academy-art strong{font-size:75px}.academy-stage .button{margin-top:24px}.small-note{font-size:11px!important;color:#66705d;line-height:1.6;margin-top:18px!important}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.learning-grid article{border-top:1px solid #bdc6b3;padding-top:25px}.learning-grid span{font-size:11px;color:#65705b}.learning-grid h3{font-size:24px;margin:20px 0 12px}.learning-grid p{font-size:14px;color:#646d5b}.service-detail{border-top:1px solid var(--line)}.service-detail .eyebrow{margin-top:0}.service-detail h3{font-size:16px;margin-top:26px}.service-detail h3+p{margin-top:10px}.service-detail .button{margin-top:24px}.service-notes{max-width:850px;text-align:center}.service-notes .text-link{margin-top:20px}.policy-page{padding-top:150px;max-width:900px}.policy-page h1{font-size:55px}.policy-page h2{font-size:25px;letter-spacing:-.5px;margin:35px 0 12px}.policy-page p{font-size:15px;color:#5c6453}.policy-page a:not(.button){text-decoration:underline}.not-found{min-height:70vh}.not-found .button,.not-found .text-link{margin:30px 20px 0 0}.footer-links{display:flex;justify-content:center;gap:25px;margin-bottom:30px;font-size:12px}.footer-socials a{width:36px;height:44px}.footer-socials svg{height:13px;width:13px}.footer-bottom{flex-wrap:wrap;gap:20px}.footer-main>a:last-child{font-size:12px}.brief-card{background:#fff9}.contact-art{display:none}.contact-copy>p{max-width:420px}.faq-list details{border-color:#d3d9cb}.project-info h2{font-size:32px}.project-info .kicker{color:#5c6853}.reveal{transition:opacity .65s ease,transform .65s ease}.motion-reveal{opacity:1;transform:none}.motion-ready .motion-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.motion-ready .motion-reveal.in{opacity:1;transform:none}.reading-progress{background:#b29a54}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8f6b22;outline-offset:4px}
@media(max-width:1000px){.site-header nav>a{padding:12px}.campaign-collage{height:350px;gap:14px}.home-work .card-picture{height:300px}.home-work{gap:16px}.home-work .card-label{display:block}.home-work .card-label>span{display:block;margin-top:7px}.story-frame{min-height:420px}.studio-film{height:440px}.offer-list>a{grid-template-columns:40px 1fr}.offer-list p{grid-column:2}.about-story,.founder-section,.academy-stage,.service-detail{gap:5%}.about-story>img,.service-detail>img{height:410px}.footer-main{grid-template-columns:1fr auto 1fr}.footer-main>a:last-child{font-size:10px}}
@media(max-width:700px){.site-header{height:80px}.site-header .logo-window{width:85px;height:45px}.menu-toggle{display:block;pointer-events:auto;border-radius:30px;min-height:44px;padding:10px 20px;font-size:12px}.site-header nav{display:none;position:absolute;right:0;top:72px;width:210px;padding:12px;border-radius:20px;background:#fffffff2}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch}.site-header nav>a{padding:15px}.site-header nav>.nav-contact{margin:5px 0 0;justify-content:center}.showcase-hero{padding-top:110px}.hero-heading h1{font-size:47px}.hero-heading .eyebrow{margin-bottom:17px}.hero-heading>p:not(.eyebrow){font-size:13px}.hero-actions .button{font-size:12px;padding:13px 22px}.campaign-collage{width:138%;margin:38px -19% 0;height:290px;grid-template-columns:.55fr 1.5fr .55fr;gap:12px;padding:0}.campaign-collage>a,.campaign-collage>button{border-radius:10px}.collage-side{height:76%}.film-pill{padding:11px 18px;bottom:20px;font-size:11px}.hero-caption{font-size:9px;padding-top:18px}.client-strip{padding:25px 0 32px}.client-strip>div{gap:15px;margin-top:21px}.client-strip a{font-size:12px}.section{padding:60px 6%}.section-heading{display:block;margin-bottom:25px}.section-heading>p,.section-heading>.text-link{margin-top:20px}.section-heading h2{font-size:35px}.home-work{grid-template-columns:1fr 1fr;gap:28px 16px}.home-work .work-card:first-child{grid-column:1/-1}.home-work .card-picture{height:auto;aspect-ratio:4/5}.home-work .work-card:first-child .card-picture{aspect-ratio:1.2}.home-work .card-label h3{font-size:15px}.home-work .card-label>span{font-size:10px}.project-action{opacity:1;transform:none;left:10px;bottom:10px;font-size:9px;padding:8px 10px}.section-foot{align-items:start}.section-foot p{font-size:10px;max-width:180px}.section-foot .text-link{font-size:11px;white-space:nowrap}.scroll-story{height:auto;min-height:0;padding:0 4%}.story-frame{position:relative;top:0;height:500px;min-height:0;border-radius:12px}.story-overlay{left:7%;right:7%}.story-overlay h2{font-size:36px}.story-frame>img{object-position:65%}.story-frame:after{background:linear-gradient(90deg,#102b22dc,#102b224f)}.division-grid{grid-template-columns:1fr;gap:22px}.division-grid>a{padding:25px}.division-grid h3{font-size:29px}.division-grid img,.division-grid .academy-art{height:245px;margin-top:22px}.closing{padding:60px 6%}.closing h2{font-size:36px}.page-intro{padding:120px 6% 38px}.page-intro h1{font-size:44px}.page-intro>p:not(.eyebrow){font-size:14px}.gallery-section{padding-top:0}.curated-grid{grid-template-columns:1fr;gap:32px}.curated-grid .wide-card{grid-column:auto}.curated-grid .wide-card .card-picture{aspect-ratio:1.2}.curated-grid .card-label h3{font-size:18px}.curated-grid .card-label>span{font-size:10px}.curated-grid .card-picture{aspect-ratio:4/5}.studio-film{height:360px;margin:0 4%}.offer-list>a{gap:12px;grid-template-columns:27px 1fr;padding:25px 0}.offer-list h3{font-size:24px}.offer-list p{font-size:13px}.process-story{grid-template-columns:1fr;gap:45px}.process-title{position:static}.process-steps article{padding-bottom:27px;margin-bottom:30px}.process-steps h3{font-size:26px}.about-story,.founder-section,.academy-stage,.service-detail{grid-template-columns:1fr;gap:32px}.about-story>img,.service-detail>img{height:340px}.about-story p,.founder-section p,.academy-stage p,.service-detail p,.service-notes p{font-size:14px;margin-top:20px}.founder-monogram{aspect-ratio:1.5;font-size:85px}.simple-divisions{grid-template-columns:1fr;gap:38px}.academy-stage>.academy-art{height:340px;padding:30px}.academy-stage>.academy-art strong{font-size:60px}.learning-grid{grid-template-columns:1fr;gap:28px}.learning-grid h3{margin-top:15px}.service-notes h2{font-size:32px}.policy-page{padding-top:120px}.policy-page h1{font-size:42px}.policy-page h2{font-size:24px}.footer-main{grid-template-columns:1fr;gap:18px}.footer-main>a:last-child{font-size:12px}.footer-links{gap:18px;flex-wrap:wrap;font-size:11px}.footer-bottom{gap:14px}.contact-page{padding-top:120px}.contact-copy h1{font-size:42px}.contact-copy>p br{display:none}.next-steps{margin-top:24px}.brief-card{padding:24px}.brief-card h2{font-size:28px}.form-row{grid-template-columns:1fr}.disclosure{font-size:11px;line-height:1.7}.gallery-toolbar{gap:10px}.filters button{font-size:11px;padding:12px 15px}.gallery-count{font-size:9px}}
@media(prefers-reduced-motion:reduce){.campaign-collage>a,.campaign-collage>button,.story-frame>img{transform:none!important;will-change:auto}.scroll-story{height:auto;min-height:0;margin-bottom:50px}.story-frame{position:relative;top:0}.motion-ready .motion-reveal{opacity:1;transform:none}.scroll-line:after{animation:none}}