/* Reference-inspired colour systems, original Tumino compositions. */
body.studio{--ink:var(--brand-ink);--paper:var(--brand-surface);--soft:var(--brand-surface-soft);--accent:var(--brand-red);--strong-accent:var(--brand-red-text);--line:var(--brand-line);--muted:var(--brand-muted);--on-dark:var(--brand-surface);background:var(--paper);color:var(--ink)}body.loud{--ink:var(--brand-ink);--paper:var(--brand-surface);--soft:var(--brand-red-soft);--accent:var(--brand-red);--strong-accent:var(--brand-red-text);--line:var(--brand-line);--muted:var(--brand-muted);--on-dark:var(--brand-surface);background:var(--paper);color:var(--ink)}body.fieldnotes{--ink:var(--brand-ink);--paper:var(--brand-surface);--soft:var(--brand-surface-soft);--accent:var(--brand-red-soft);--strong-accent:var(--brand-red-text);--line:var(--brand-line);--muted:var(--brand-muted);--on-dark:var(--brand-surface);background:var(--brand-surface);color:var(--ink)}
.review-bar{background:var(--brand-surface-soft);color:var(--brand-muted)}header{border-bottom:0}a:focus-visible,summary:focus-visible,input:focus-visible{outline-color:var(--strong-accent)}.n-about .n-body,.n-process p,.n-service-scope,.answer,.hero-copy>p,.small,.n-small{color:var(--muted)}.n-services .n-service-scope{color:var(--muted)}.n-close{color:var(--ink);background:var(--soft)}.n-close .btn{background:var(--ink);color:var(--brand-surface)}.n-example-section{background:var(--ink)}.n-example-section .n-example{color:var(--brand-red-soft)}.n-square{background:var(--strong-accent)}footer{background:var(--ink);color:var(--brand-line)}.n-water-bar i{background:var(--accent)}
/* Studio: a sculptural mobile canvas, quiet type and lavender light. */
.studio header{max-width:1450px;margin:auto}.studio .hero h1{font-size:clamp(55px,5.4vw,84px)}.studio .action,.studio .btn{border-radius:13px}.studio .hero-art{isolation:isolate;padding:5px 35px 20px}.orb{position:absolute;inset:10% -15% 5%;background:radial-gradient(ellipse,var(--brand-red-soft) 0, var(--brand-glow) 40%,transparent 70%);z-index:-1}.studio .decision-object{transform:rotate(5deg);border:7px solid var(--brand-ink);outline:1px solid var(--brand-line);border-radius:40px;background:linear-gradient(155deg,var(--brand-surface),var(--brand-surface-soft));box-shadow:4px 12px 2px var(--brand-line),20px 35px 70px var(--brand-shadow);max-width:330px;padding:25px 24px 22px}.studio .receipt-top{font-size:8px;border:0;padding:0 0 16px}.studio .receipt-title{font-size:23px}.studio .receipt-number{font-size:86px;color:var(--brand-red-text)}.studio .receipt-label{font-size:8px}.studio .receipt-line{font-size:11px}.studio .receipt-check{font-size:18px;background:var(--brand-ink);color:var(--brand-surface);padding:20px;border-radius:16px;margin:16px -47px 0;box-shadow:0 15px 30px var(--brand-shadow);position:relative;transform:rotate(-5deg)}.studio .decision-object>p{font-size:8px;text-align:center;margin-top:18px}.studio .hand-note{display:none}.studio .receipt-title:before{content:'';display:block;background:var(--brand-ink);border-radius:20px;width:80px;height:12px;position:absolute;top:10px;left:calc(50% - 40px)}.studio .founder-line img{filter:grayscale(1)}.studio .n-approach{border-top:1px solid var(--line)}.studio .n-process-num{color:var(--strong-accent)}.studio .n-process article{border-top:3px solid var(--brand-red-soft)}.studio .n-services{background:var(--brand-surface-soft)}.studio .n-service-row{border-color:var(--line)}
/* Loud: pink type on a fine grid, lime accents, deep-plum framing. */
.loud .review-bar{background:var(--brand-ink);color:var(--brand-red-soft)}.loud header{background:var(--brand-surface);color:var(--brand-ink);border:1px solid var(--brand-line);border-radius:24px 24px 0 0;margin:12px 12px 0;padding:16px 4%}.loud .nav-book{background:var(--brand-red);border:1px solid var(--brand-ink);border-radius:30px;padding:11px 20px}.loud-hero{position:relative;isolation:isolate;margin:0 12px;border:1px solid var(--brand-line);border-top:0;overflow:hidden;padding-top:35px;background:var(--brand-surface);border-radius:0 0 24px 24px}.perspective-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--brand-glow) 1px,transparent 1px),linear-gradient(90deg,var(--brand-glow) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(var(--brand-ink),transparent 85%)}.loud-hero h1{text-align:center;font-size:clamp(70px,8vw,122px);line-height:.94;margin:30px auto 35px;letter-spacing:-.065em}.loud-hero h1>span{display:block}.loud-hero h1 em{color:var(--brand-red);background:transparent;transform:none;font-weight:700;padding:0}.pink-dot{color:var(--brand-red)}.loud-bottom{padding:10px 0 35px;gap:40px}.loud-bottom .action{border-radius:100px;background:var(--brand-ink)}.loud .circle-note{background:var(--brand-red);color:var(--brand-ink);border:1px solid;width:125px;height:125px;box-shadow:7px 7px 0 var(--brand-ink);transform:rotate(10deg)}.loud-rail{font-size:24px;background:var(--brand-ink);color:var(--brand-red);margin:0 -7%;padding:20px 7%;border:0}.loud .n-approach{background:var(--brand-surface)}.loud .n-process article{border:1px solid var(--brand-line);border-radius:22px;padding:30px;background:var(--brand-surface)}.loud .n-process{gap:18px}.loud .n-process article:nth-child(2){background:var(--brand-red-soft)}.loud .n-process article:nth-child(3){background:var(--brand-red-soft)}.loud .n-process-num{color:var(--brand-red-text)}.loud .n-example-section{background:var(--brand-ink)}.loud .n-water-bar i{background:var(--brand-red)}.loud .n-about{background:var(--brand-red-soft)}.loud .n-services{background:var(--brand-ink);color:var(--brand-surface)}.loud .n-services .n-service-scope{color:var(--brand-line)}.loud .n-service-price{color:var(--brand-red)}.loud .n-review,.loud .n-faq{background:var(--brand-surface)}.loud .n-close{background:var(--brand-red);color:var(--brand-ink);border-radius:30px 30px 0 0}.loud .n-close .btn{background:var(--brand-red);color:var(--brand-ink);border-radius:100px}.loud footer{background:var(--brand-ink)}.loud .n-close .n-square{background:var(--brand-red)}
/* Notebook: white space, blue ink, lavender annotations, human texture. */
.fieldnotes .review-bar{background:var(--brand-surface);color:var(--brand-muted)}.fieldnotes header{border-bottom:1px solid var(--brand-line);max-width:1100px;padding:18px 3%}.fieldnotes .nav-book{background:var(--brand-red-soft);color:var(--brand-red-text);border:0;padding:9px 15px;font-family:monospace}.fieldnotes .notes-hero{position:relative;isolation:isolate;text-align:center;padding:80px 6% 55px;overflow:hidden;min-height:680px}.fieldnotes .notes-hero>.eyebrow{color:var(--brand-red-text)}.fieldnotes .notes-hero h1{font-family:DM,Arial,sans-serif;font-weight:700;font-size:clamp(46px,4.3vw,65px);letter-spacing:-.05em;line-height:1.12;margin:24px auto;max-width:880px}.fieldnotes .notes-hero h1 em{font-family:inherit;font-weight:700;font-style:normal;background:linear-gradient(transparent 60%,var(--brand-red-soft) 60%)}.center-intro{margin:0 auto;color:var(--brand-muted);font-size:18px;line-height:1.6}.fieldnotes .notes-hero .action{border:1px solid var(--brand-red-line);box-shadow:3px 3px 0 var(--brand-red-soft);color:var(--brand-red-text);background:var(--brand-surface);border-radius:2px;font:13px monospace;text-transform:uppercase;margin-top:30px}.fieldnotes mark{background:var(--brand-red-soft);color:var(--brand-ink);padding:3px 6px}.expertise-strip{display:flex;justify-content:center;gap:30px;margin:32px auto;font:10px monospace;letter-spacing:.05em;color:var(--brand-muted)}.personal-sign{display:inline-flex;gap:12px;text-align:left;align-items:center;font-size:17px}.personal-sign img{width:48px;height:48px;border-radius:50%;filter:grayscale(1);object-position:50% 20%}.personal-sign small{display:block;font:10px monospace;margin-top:4px;color:var(--brand-muted)}.dot-portrait{position:absolute;left:-90px;bottom:-30px;width:360px;height:460px;background-image:radial-gradient(var(--brand-surface) 1.2px,transparent 1.8px),url('/assets/nic-portrait.jpg');background-size:4px 4px,cover;background-position:center;filter:grayscale(1);opacity:.17;z-index:-1;mask-image:linear-gradient(90deg,var(--brand-ink),transparent)}.notebook-dots{position:absolute;right:-130px;bottom:-100px;width:450px;height:450px;border-radius:50%;background-image:radial-gradient(var(--brand-red-soft) 1px,transparent 1px);background-size:8px 8px;mask-image:linear-gradient(100deg,transparent,var(--brand-ink));z-index:-1;transform:rotate(-15deg)}.fieldnotes .n-approach{background:var(--brand-surface-soft)}.fieldnotes .n-kicker{color:var(--brand-red-text)}.fieldnotes h2 span{font-family:DM;font-style:normal;background:linear-gradient(transparent 70%,var(--brand-red-soft) 70%)}.fieldnotes .n-process h3{font-size:23px}.fieldnotes .n-process-num{color:var(--brand-red-text)}.fieldnotes .n-example-section{background:var(--brand-surface-soft);color:var(--brand-ink)}.fieldnotes .n-example{color:var(--brand-red-text)}.fieldnotes .n-scenario-stats span,.fieldnotes .n-example-section .n-small,.fieldnotes .n-disclaimer{color:var(--brand-muted)}.fieldnotes .n-water-bar i{background:var(--brand-red)}.fieldnotes .n-about{background:var(--brand-surface)}.fieldnotes .n-portrait-wrap img{border-radius:4px}.fieldnotes .n-services{background:var(--brand-surface)}.fieldnotes .n-close{background:var(--brand-red-soft)}.fieldnotes .n-close h2 span{background:none}.fieldnotes .n-close .btn{background:var(--brand-red-text)}.fieldnotes .btn{background:var(--brand-red-text)}.fieldnotes footer{background:var(--brand-ink)}
@media(max-width:900px){.studio .hero-art{padding:0 15px}.studio .decision-object{max-width:290px}.studio .receipt-check{margin-left:-32px;margin-right:-32px}.loud-hero h1{font-size:10vw}.fieldnotes .notes-hero{padding-top:60px}.dot-portrait{width:230px;left:-130px}.notebook-dots{right:-250px}}
@media(max-width:650px){.studio .hero-art{margin:50px 22px 10px}.studio .decision-object{padding:25px 20px;max-width:300px}.studio .receipt-check{margin-left:-33px;margin-right:-33px;font-size:17px}.loud header{margin:7px 7px 0;padding:15px}.loud-hero{margin:0 7px;padding:35px 5% 0}.loud-hero h1{font-size:14.2vw;line-height:1.05;margin-top:30px}.loud-hero h1>span{max-width:none}.loud-bottom{padding-bottom:30px}.loud-rail{font-size:15px;margin-top:0}.loud .n-process article{margin-top:16px}.fieldnotes .notes-hero{padding:55px 6% 45px;min-height:0}.fieldnotes .notes-hero h1{font-size:44px;line-height:1.12}.fieldnotes .notes-hero h1 br{display:none}.center-intro{font-size:16px}.center-intro br{display:none}.expertise-strip{flex-wrap:wrap;gap:10px 15px;font-size:9px}.dot-portrait{opacity:.08}.fieldnotes .notes-hero .eyebrow{font-size:9px}.fieldnotes header{padding:17px 6%}.fieldnotes .nav-book{font-size:10px}}
.fieldnotes .notes-hero>.eyebrow,.fieldnotes .notes-hero>.small{margin-left:auto;margin-right:auto}.fieldnotes .notes-hero>.small{margin-top:15px}

/* Notebook foundation; Studio's split hero and device. */
.hybrid{--paper:var(--brand-surface);--accent:var(--brand-red-soft);--strong-accent:var(--brand-red-text);--ink:var(--brand-ink);--soft:var(--brand-surface-soft);--muted:var(--brand-muted);--line:var(--brand-line)}
.hybrid header{max-width:none;padding:18px 6%;margin:0;border-bottom:1px solid var(--brand-line)}
.hybrid .studio-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:7%;align-items:center;padding:40px 6% 45px;min-height:640px;max-width:1500px;margin:auto}
.hybrid .hero h1{font-family:DM,Arial,sans-serif;font-weight:400;font-size:clamp(52px,5.3vw,78px);letter-spacing:-.055em;line-height:1.04;margin:24px 0}
.hybrid .hero h1 em{font-family:Instrument,Georgia,serif;font-style:italic;color:var(--brand-red-text);font-weight:400}
.hybrid .hero .eyebrow{color:var(--brand-red-text);font-size:10px}
.hybrid .hero-copy>p{font-size:16px;line-height:1.65;max-width:45ch;color:var(--brand-muted)}
.hybrid .hero .action{border:1px solid var(--brand-red-line);box-shadow:3px 3px 0 var(--brand-red-soft);color:var(--brand-red-text);background:var(--brand-surface);border-radius:2px;font:13px monospace;text-transform:uppercase;margin-top:25px;padding:17px 24px}
.hybrid .hero .small{font-size:12px;line-height:1.8;margin-top:16px}.hybrid .hero mark{background:var(--brand-red-soft);color:var(--brand-ink);padding:3px 6px}
.hybrid .founder-line{margin-top:24px;color:var(--brand-muted)}.hybrid .founder-line b{color:var(--brand-ink);font-weight:700}.hybrid .founder-line img{filter:grayscale(1)}
.hybrid .hero-art{position:relative;isolation:isolate;padding:5px 25px 16px}
.hybrid .orb{position:absolute;inset:0 -15% -2%;z-index:-1;background:radial-gradient(ellipse,var(--brand-glow) 0,var(--brand-glow) 36%,transparent 68%)}
.hybrid .decision-object{position:relative;transform:rotate(5deg);border:7px solid var(--brand-ink);outline:1px solid var(--brand-line);border-radius:40px;background:linear-gradient(155deg,var(--brand-surface),var(--brand-surface-soft));box-shadow:4px 9px 1px var(--brand-line),18px 30px 60px var(--brand-shadow);max-width:310px;margin:auto;padding:28px 22px 20px;color:var(--brand-ink)}
.hybrid .receipt-top{font-size:8px;border:0;padding:0 0 14px}.hybrid .receipt-title{font-size:23px;margin-top:16px}.hybrid .receipt-title:before{content:'';display:block;background:var(--brand-ink);border-radius:20px;width:74px;height:10px;position:absolute;top:11px;left:calc(50% - 37px)}
.hybrid .receipt-number{font-size:80px;color:var(--brand-red-text);line-height:1.1;margin-top:10px}.hybrid .receipt-number span{font-size:58px}.hybrid .receipt-label{font-size:8px;line-height:1.5}
.hybrid .decision-object svg{height:88px;margin:12px 0}.hybrid .draw{stroke:var(--brand-red)}.hybrid .grid{stroke:var(--brand-line)}
.hybrid .receipt-line{font-size:11px;border-color:var(--brand-line);padding:9px 0}.hybrid .receipt-check{font-size:17px;line-height:1.35;background:var(--brand-ink);color:var(--brand-surface);border:0;padding:17px 20px;border-radius:13px;margin:15px -48px 0;box-shadow:0 12px 25px var(--brand-shadow);transform:rotate(-5deg)}
.hybrid .decision-object>p{font-size:8px;line-height:1.5;text-align:center;margin-top:18px}.hybrid .hand-note{display:none}
@media(min-width:1550px){.hybrid header{padding-left:calc((100vw - 1320px)/2);padding-right:calc((100vw - 1320px)/2)}}
@media(max-width:950px){.hybrid .studio-hero{gap:4%;padding-top:45px}.hybrid .hero h1{font-size:54px}.hybrid .hero-art{padding:0 20px}.hybrid .receipt-check{margin-left:-32px;margin-right:-32px}}
@media(max-width:700px){.hybrid header{padding:17px 6%}.hybrid .studio-hero{grid-template-columns:1fr;padding:40px 6% 55px;gap:35px;min-height:0}.hybrid .hero h1{font-size:clamp(46px,12.8vw,68px);margin:22px 0}.hybrid .hero-copy>p{font-size:16px}.hybrid .hero .action{font-size:12px;padding:16px 20px;gap:22px}.hybrid .hero .small{font-size:11px}.hybrid .hero-art{margin:5px 17px 0;padding:10px 12px}.hybrid .decision-object{max-width:285px;padding:28px 20px 20px}.hybrid .receipt-check{margin-left:-30px;margin-right:-30px;font-size:16px}.hybrid .founder-line{margin-top:22px}}
@media(max-width:700px){.hybrid .orb{inset:0 -10% -2%}}
