@font-face{font-family:DM;src:url('/assets/fonts/dm-sans-latin-400-normal.woff2')}@font-face{font-family:DM;src:url('/assets/fonts/dm-sans-latin-700-normal.woff2');font-weight:700}@font-face{font-family:Instrument;src:url('/assets/fonts/instrument-serif-latin-400-italic.woff2');font-style:italic}*{box-sizing:border-box}html{scroll-behavior:smooth}body{--ink:var(--ink);--paper:var(--paper);--lime:var(--accent);--line:var(--line);margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 DM,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2{letter-spacing:-.055em;line-height:1.02;font-weight:400}h1 em,h2 span{font-family:Instrument,Georgia,serif;font-weight:400}h3{font-size:24px;line-height:1.15;letter-spacing:-.025em}p{max-width:65ch}a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:var(--brand-surface);z-index:9;padding:10px}.review-bar{padding:8px 4%;display:flex;justify-content:space-between;background:var(--ink);color:var(--accent);font:11px/1.4 monospace;letter-spacing:.02em}header{display:flex;align-items:center;justify-content:space-between;padding:22px 5%;gap:20px;border-bottom:1px solid var(--line)}.identity{display:flex}.identity img{width:182px;height:auto}nav{display:flex;gap:32px;font-size:14px}.nav-book{font-size:14px;border-bottom:1px solid;padding:7px 0}.hero{padding:90px 6% 60px}.eyebrow,.n-kicker{font:11px/1.5 monospace;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(58px,5.8vw,88px);margin:26px 0}.hero-copy>p{font-size:17px;color:var(--muted);max-width:46ch}.action,.btn{display:inline-flex;gap:32px;align-items:center;padding:17px 24px;background:var(--ink);color:var(--brand-surface);margin-top:26px;font-size:14px;border:0;border-radius:3px}.action span{font-size:22px}.small,.n-small{font-size:12px;color:var(--muted);margin-top:13px}.studio-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center;min-height:790px}.founder-line{display:flex;gap:13px;align-items:center;margin-top:28px;font-size:12px;line-height:1.4}.founder-line img{width:42px;height:42px;border-radius:50%;object-position:50% 20%}.hero-art{position:relative;padding:10px 25px 30px}.decision-object{background:var(--soft);border:1px solid var(--line);box-shadow:16px 20px 0 var(--accent);padding:28px 32px;transform:rotate(3deg);max-width:460px;margin:auto}.receipt-top{font:10px monospace;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.receipt-title{font-size:28px;line-height:1.1;letter-spacing:-.03em;margin-top:24px}.receipt-number{font-size:104px;letter-spacing:-.09em;line-height:1.2}.receipt-number span{font:italic 70px Instrument}.receipt-label{font:9px monospace}.decision-object svg{width:100%;margin:12px 0}.grid{fill:none;stroke:var(--line);stroke-width:1}.draw{fill:none;stroke:var(--strong-accent);stroke-width:3;stroke-dasharray:1;animation:trace 2.6s ease-out both}.receipt-line{display:flex;justify-content:space-between;font-size:12px;border-top:1px solid var(--line);padding:9px 0}.receipt-check{border-top:1px solid var(--strong-accent);margin-top:14px;padding-top:14px;line-height:1.3;font-size:20px}.decision-object>p{font:9px monospace;margin-top:15px}.hand-note{position:absolute;right:-15px;bottom:0;font:italic 30px Instrument;transform:rotate(-10deg)}.hand-note svg{height:65px;width:70px;fill:none;stroke:currentColor;stroke-width:2;vertical-align:middle}@keyframes trace{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
/* Shared content, intentionally unboxed and spacious. */
.inner{max-width:1260px;margin:auto}main>section:not(.hero){padding:100px 6%}.n-section-intro{display:grid;grid-template-columns:1fr 1.7fr;column-gap:45px;align-items:start;margin-bottom:60px}.n-section-intro h2{font-size:clamp(40px,4.5vw,66px)}.n-section-intro>p:last-child:not(.n-kicker){grid-column:2;margin-top:25px;color:var(--muted)}.n-process{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.n-process article{border-top:1px solid var(--line);padding-top:20px}.n-process-num{font:12px monospace;display:block;margin-bottom:35px}.n-process h3{margin-bottom:16px}.n-process p{font-size:15px;color:var(--muted)}.n-mini-grid,.n-creative-stack,.n-next-action{font:11px/1.6 monospace;margin-top:25px;display:flex;flex-wrap:wrap;gap:10px}.n-mini-grid span,.n-creative-stack span{padding:5px 0;border-bottom:1px solid var(--line)}.n-square{display:inline-block;width:10px;height:10px;background:var(--accent)}.n-next-action{align-items:center}.n-example-section{background:var(--ink);color:var(--on-dark)}.n-example-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:10%}h2{font-size:clamp(40px,4.3vw,66px)}.n-body{margin-top:25px;font-size:17px}.n-link{display:inline-block;border-bottom:1px solid currentColor;margin-top:22px;font-size:14px}.n-example-section .n-small{color:var(--brand-line)}.n-example-section h2{margin-top:24px}.n-card-top{display:flex;justify-content:space-between;gap:10px;font-size:12px}.n-example{font:9px/1.5 monospace;color:var(--accent)}.n-scenario{border-top:1px solid var(--brand-line);padding-top:20px}.n-scenario-stats{display:flex;justify-content:space-between;gap:14px;margin:32px 0}.n-scenario-stats span{display:block;font-size:11px;color:var(--brand-line)}.n-scenario-stats strong{font-size:30px;letter-spacing:-.04em;font-weight:400}.n-margin-options{border:0;padding:0;margin:26px 0}.n-margin-options legend{font-size:12px;margin-bottom:12px}.n-margin-options label{display:inline-flex;padding:8px 12px;border:1px solid var(--brand-line);font-size:13px;gap:8px;cursor:pointer}.n-margin-options input{accent-color:var(--accent)}.n-waterfall>div{display:grid;grid-template-columns:120px 1fr 65px;gap:10px;align-items:center;margin:12px 0;font-size:12px}.n-water-bar{height:20px;background:var(--brand-ink)}.n-water-bar i{display:block;height:100%;background:var(--accent);transition:width .3s}.n-water-bar i.spend{background:var(--brand-line)}.n-answer{margin-top:25px;padding-top:20px;border-top:1px solid var(--brand-line);display:flex;gap:25px}.n-answer>span{font-size:11px;min-width:150px}.n-answer strong{display:block;font-size:44px;font-weight:400;letter-spacing:-.05em}.n-answer p{font-size:13px}.n-disclaimer{font-size:10px;color:var(--brand-line);margin-top:24px}.n-about-grid{display:grid;grid-template-columns:.85fr 1.2fr;gap:12%;align-items:center}.n-portrait-wrap img{width:100%;max-height:540px;object-position:center 25%;filter:grayscale(1)}.n-portrait-wrap>div{font:11px monospace;margin-top:12px}.n-about .n-kicker{margin-bottom:25px}.n-about .n-body{color:var(--muted)}.n-services{background:var(--soft)}.n-service-row{display:grid;grid-template-columns:1fr 1.4fr .8fr;gap:45px;border-top:1px solid var(--line);padding:30px 0}.n-service-index{font:11px monospace;display:block;margin-bottom:12px}.n-service-row p{font-size:14px}.n-service-scope{font-size:12px!important;margin-top:15px;color:var(--muted)}.n-service-price{display:block;font-size:23px;letter-spacing:-.03em}.n-service-price small{font-size:12px;display:block}.n-service-foot{display:flex;justify-content:space-between;gap:25px;font-size:11px;margin-top:25px}.n-review-layout,.n-faq-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12%}.n-review h2{margin-top:24px}.n-review-list>div{display:flex;gap:25px;padding:25px 0;border-top:1px solid var(--line);font-size:14px}.n-review-list strong{display:block;font-size:20px;font-weight:400;margin-bottom:8px}.n-review-list>div>span{font:11px monospace}.n-faq{border-top:1px solid var(--line)}details{padding:20px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:16px}.answer{font-size:14px;color:var(--muted);margin-top:15px}.n-close{background:var(--lime);text-align:center}.n-close h2{font-size:clamp(50px,6vw,90px);margin:20px 0}.n-close p{margin:20px auto;font-size:12px}footer{padding:35px 6%;background:var(--ink);color:var(--brand-line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}
/* 02: oversized type, hard colour fields and a horizontal rhythm. */
.loud{background:var(--accent);--paper:var(--accent);--ink:var(--ink);--line:var(--line)}.loud header{background:var(--ink);color:var(--on-dark);border:0}.loud .review-bar{background:var(--accent);color:var(--ink)}.loud-hero{padding-top:55px;padding-bottom:0}.loud-hero h1{font-weight:700;text-transform:uppercase;font-size:clamp(65px,8.7vw,148px);line-height:.94;letter-spacing:-.075em;margin:45px 0}.loud-hero h1>span{display:block}.loud-hero h1 em{font-family:DM;font-style:normal;display:inline-block;background:var(--ink);color:var(--accent);padding:0 .08em .06em;transform:rotate(-2deg)}.loud-bottom{display:grid;grid-template-columns:1.2fr 1fr .6fr;gap:60px;align-items:center;padding:25px 0 50px}.loud-bottom p{font-size:16px;max-width:45ch}.loud-bottom .action{margin-top:0;white-space:nowrap}.circle-note{border:1px solid;border-radius:50%;width:140px;height:140px;display:grid;place-content:center;text-align:center;font:12px/1.5 monospace;transform:rotate(10deg)}.loud-rail{border-top:2px solid;display:flex;justify-content:space-between;padding:25px 0;font-size:clamp(20px,2.8vw,45px);letter-spacing:-.04em;font-weight:700}.loud .n-approach{background:var(--paper)}.loud h2{font-weight:700;text-transform:uppercase;letter-spacing:-.065em}.loud h2 span{font:inherit}.loud .n-section-intro{grid-template-columns:.7fr 1.8fr}.loud .n-process{gap:0}.loud .n-process article{border:1px solid var(--line);padding:30px}.loud .n-process-num{font-size:50px;letter-spacing:-.08em}.loud .n-about{background:var(--soft)}.loud .n-portrait-wrap img{border-radius:50% 50% 0 0}.loud .n-services{background:var(--ink);color:var(--on-dark)}.loud .n-services .n-service-scope{color:var(--brand-line)}.loud .n-service-row{border-color:var(--brand-muted)}.loud .n-service-price{color:var(--accent)}.loud .n-review{background:var(--paper)}.loud .n-faq{background:var(--paper)}.loud .n-close h2{font-size:clamp(55px,7.5vw,115px)}
/* 03: a founder's journal, narrow measure and asymmetric image. */
.fieldnotes{--paper:var(--paper);--line:var(--line)}.fieldnotes header{max-width:1300px;margin:auto;border-bottom:0;padding-block:25px}.fieldnotes nav{font:11px monospace;text-transform:uppercase}.notes-hero{padding-top:10px}.notes-meta{display:flex;justify-content:space-between;border-top:1px solid;border-bottom:1px solid;padding:12px 0;font:10px monospace;letter-spacing:.08em}.notes-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:11%;align-items:center;padding:55px 0}.notes-grid h1{font-size:clamp(50px,5.7vw,84px);max-width:10ch}.notes-grid .hero-copy>p{max-width:44ch;font-size:16px}.notes-grid .action{border-radius:0;background:transparent;color:var(--ink);border-bottom:2px solid;padding:10px 0;gap:30px}.portrait{position:relative;transform:rotate(2deg);padding:14px;background:var(--soft);border:1px solid var(--line)}.portrait>img{width:100%;height:470px;filter:grayscale(1);object-position:50% 25%}.portrait figcaption{display:flex;justify-content:space-between;gap:12px;font:10px/1.5 monospace;margin-top:12px}.portrait-note{position:absolute;bottom:60px;left:-35px;background:var(--accent);padding:5px 20px;font:italic 37px Instrument;transform:rotate(-8deg)}.notes-foot{display:flex;justify-content:space-between;font:11px monospace;border-top:1px solid var(--line);padding-top:20px}.fieldnotes .n-approach{border-top:1px solid var(--line)}.fieldnotes .n-process{display:block;max-width:850px;margin-left:auto}.fieldnotes .n-process article{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:30px 0}.fieldnotes .n-process article>div:last-child{grid-column:2;margin-top:0}.fieldnotes .n-process-num{padding-top:5px}.fieldnotes .n-section-intro{grid-template-columns:.8fr 1.5fr}.fieldnotes .n-example-section{background:var(--soft);color:var(--ink)}.fieldnotes .n-example-section .n-small,.fieldnotes .n-disclaimer,.fieldnotes .n-scenario-stats span{color:var(--muted)}.fieldnotes .n-example{color:var(--strong-accent)}.fieldnotes .n-water-bar{background:var(--brand-line)}.fieldnotes .n-water-bar i{background:var(--strong-accent)}.fieldnotes .n-water-bar i.spend{background:var(--brand-line)}.fieldnotes .n-about{background:var(--paper)}.fieldnotes .n-services{background:var(--paper);border-top:1px solid var(--line)}.fieldnotes .n-close{background:var(--soft)}.fieldnotes .n-close h2{font-weight:400;font-size:clamp(50px,6vw,90px)}
@media(min-width:1600px){header,.hero,main>section:not(.hero),footer{padding-left:max(6%,calc((100vw - 1400px)/2));padding-right:max(6%,calc((100vw - 1400px)/2))}}
@media(max-width:900px){header nav{display:none}.studio-hero{gap:5%;padding-top:55px}.hero h1{font-size:58px}.hero-art{padding:10px}.decision-object{padding:20px}.hand-note{display:none}.loud-hero h1{font-size:9vw}.loud-bottom{grid-template-columns:1fr 1fr;gap:25px}.circle-note{display:none}.notes-grid{gap:6%}.portrait>img{height:390px}.n-section-intro,.n-example-layout,.n-about-grid,.n-review-layout,.n-faq-grid{gap:40px}.n-service-row{gap:25px;grid-template-columns:1fr 1.3fr}.n-service-row>div:last-child{grid-column:2}.n-process{gap:25px}.n-process h3{font-size:20px}.n-scenario-stats strong{font-size:25px}.n-answer{display:block}.n-answer p{margin-top:12px}}
@media(max-width:650px){.review-bar{font-size:9px}.review-bar span{max-width:56%;text-align:right}header{padding:18px 6%}.identity img{width:150px}.nav-book{font-size:12px}.hero{padding:45px 6%}.studio-hero,.notes-grid{display:block}.hero h1{font-size:54px;letter-spacing:-.06em}.hero-copy>p{font-size:16px}.hero-art{margin:50px 10px 0}.decision-object{transform:rotate(2deg);max-width:380px}.studio-hero{min-height:0}.loud-hero h1{font-size:13vw;line-height:1.08;margin:30px 0}.loud-hero h1>span{max-width:9ch}.loud-hero h1 em{padding:0}.loud-bottom{display:block;padding:0}.loud-bottom .action{margin-top:25px}.loud-rail{font-size:16px;margin-top:35px;padding-bottom:0}.loud .n-process{display:block}.notes-meta{font-size:8px;gap:20px}.notes-meta>span:last-child{text-align:right}.notes-grid{padding:35px 0}.notes-grid h1{max-width:11ch}.portrait{margin:45px 15px 15px}.portrait>img{height:370px}.portrait-note{left:-20px}.notes-foot{font-size:10px;gap:25px}.notes-foot>span{max-width:55%}main>section:not(.hero){padding:65px 6%}.n-section-intro,.loud .n-section-intro,.fieldnotes .n-section-intro{display:block;margin-bottom:35px}.n-section-intro h2{margin-top:22px;font-size:42px}h2{font-size:42px}.n-process,.n-example-layout,.n-about-grid,.n-review-layout,.n-faq-grid{display:block}.n-process article{margin-top:30px}.n-process-num{margin-bottom:20px}.n-scenario{margin-top:40px}.n-scenario-stats strong{font-size:26px}.n-waterfall>div{grid-template-columns:100px 1fr 60px}.n-portrait-wrap{margin-bottom:40px}.n-portrait-wrap img{height:430px}.n-service-row{display:block}.n-service-row>div{margin-top:20px}.n-service-row>div:first-child{margin-top:0}.n-service-row h3 br{display:none}.n-service-foot{display:block}.n-service-foot a{display:block;margin-top:20px}.n-review-list{margin-top:40px}.n-faq-grid>.faq{margin-top:35px}.n-close h2{font-size:48px}.n-close p a{overflow-wrap:anywhere}.fieldnotes .n-process article{grid-template-columns:25px 1fr;gap:15px}.fieldnotes .n-process article>div:last-child{grid-column:2}footer{flex-wrap:wrap;font-size:10px}footer img{width:160px}.n-kicker{font-size:10px}.loud .n-close h2{font-size:49px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media(min-width:901px){.studio-hero{padding-top:45px;padding-bottom:45px;min-height:660px}.studio-hero .decision-object{padding:23px 28px}.studio-hero .receipt-title{font-size:25px;margin-top:18px}.studio-hero .receipt-number{font-size:88px}.studio-hero .decision-object svg{margin:8px 0;height:100px}.studio-hero .receipt-top{padding-bottom:15px}.studio-hero .receipt-check{font-size:18px}.studio-hero h1{font-size:clamp(58px,5.4vw,82px);margin:22px 0}.studio-hero .hero-copy>p{font-size:16px}.studio-hero .founder-line{margin-top:18px}.notes-grid{padding-top:35px;padding-bottom:35px}.notes-grid h1{font-size:clamp(55px,5.2vw,78px)}.portrait>img{height:425px}}
@keyframes settle{from{opacity:.4;translate:0 16px}to{opacity:1;translate:0 0}}.loud-hero h1>span{animation:settle .7s both}.loud-hero h1>span+span{animation-delay:.15s}.notes-hero .portrait{animation:settle .8s both}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}