@font-face {font-family:Instrument Serif;src:url(assets/instrument-serif-normal-400.ttf);font-style:normal;font-weight:400;font-display:swap}
@font-face {font-family:Instrument Serif;src:url(assets/instrument-serif-italic-400.ttf);font-style:italic;font-weight:400;font-display:swap}
@font-face {font-family:DM Sans;src:url(assets/dm-sans-normal-400.ttf);font-weight:400;font-display:swap}
@font-face {font-family:DM Sans;src:url(assets/dm-sans-normal-600.ttf);font-weight:600 800;font-display:swap}
:root {--paper:#f9f7f0;--ink:#272b25;--green:#4d6045;--muted:#5b6056;--line:#d5d5c8;--tint:#eeeee4;--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;color:var(--ink);background:var(--paper);font:16px/1.55 var(--sans)}
* {box-sizing:border-box}
body {margin:0}
a {color:inherit;text-decoration:none}
button,select {font:inherit;color:inherit}
a,button,select {touch-action:manipulation}
button,select {cursor:pointer}
button {background:none}
img {display:block;max-width:100%;object-fit:cover}
h1,h2,h3,p,ul,ol,dl,dd {margin:0}
h1,h2,h3 {font-family:var(--serif);font-weight:400;text-wrap:balance}
h2 {font-size:clamp(44px,4.6vw,68px);line-height:1.03;letter-spacing:-.025em}
[hidden],.symbols,.optional-social:not([href]),.optional-social[href=""] {display:none!important}
.icon {display:inline-block;width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sr-only,.skip:not(:focus) {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip:focus {position:fixed;z-index:10;top:8px;left:8px;background:var(--paper);padding:8px}
:focus-visible {outline:3px solid #868d68;outline-offset:4px}
.wrap {width:calc(100% - 40px);max-width:1296px;margin-inline:auto}
[id] {scroll-margin-top:92px}
.masthead {position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:1px solid var(--line)}
.header-inner,.identity,.nav,.button,.cta-row,.kicker,.micro,.spotlight,.spot-count,.stat,.section-head,.filter,.chips,.location,.contact-inner,.social,.footer,.dialog-head {display:flex;align-items:center}
.header-inner {min-height:66px;justify-content:space-between;gap:10px}
.identity {gap:9px;font:23px/1 var(--serif);letter-spacing:-.025em;white-space:nowrap}
.monogram {display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--paper);background:var(--green);font:italic 21px/1 var(--serif);letter-spacing:-.12em;padding-right:3px}
.nav {display:none;gap:30px;margin-left:auto}
.nav a {font-size:14px}
.nav a:hover,.footer a:hover,.social a:hover {text-decoration:underline;text-underline-offset:4px}
.button {display:inline-flex;gap:10px;justify-content:center;min-height:46px;border:1px solid transparent;border-radius:5px;padding:10px 19px;font-size:14px;font-weight:600;line-height:1.25;transition:background .15s}
.primary {color:#fff;background:var(--green)}
.primary:hover {background:#3b4b35}
.secondary {border-color:#aaafa0}
.secondary:hover {background:var(--tint)}
.header-cta {font-size:12px;min-height:40px;padding:9px 12px}
.header-cta .icon {width:14px}
.hero {display:grid;gap:29px;padding-block:38px 32px}
.kicker,.micro,.format {color:var(--green);font-size:10px;font-weight:600;line-height:1.45;letter-spacing:.16em;text-transform:uppercase}
.kicker {gap:12px}
.rule {width:28px;height:2px;background:var(--green)}
h1 {margin-block:18px;font-size:clamp(47px,10.9vw,72px);line-height:1.01;letter-spacing:-.026em;text-wrap:initial}
h1 em {display:block;color:var(--green);font-weight:400}
.bio {max-width:49ch;color:#53584e;font-size:15px;line-height:1.65}
.cta-row {gap:10px;flex-wrap:wrap;margin-top:24px}
.hero-media {align-self:center;min-width:0;overflow:hidden;border-radius:8px;border:1px solid #c7c7b8;background:#efefe5}
.portrait {position:relative;background:#6b604b}
.portrait img {object-position:50% 8%;width:100%;height:auto;aspect-ratio:1.63}
.frame-corners {position:absolute;inset:15px;--mark:#ffffffb8;--s:15px;background:linear-gradient(var(--mark),var(--mark)) top left/var(--s) 1px,linear-gradient(var(--mark),var(--mark)) top left/1px var(--s),linear-gradient(var(--mark),var(--mark)) top right/var(--s) 1px,linear-gradient(var(--mark),var(--mark)) top right/1px var(--s),linear-gradient(var(--mark),var(--mark)) bottom left/var(--s) 1px,linear-gradient(var(--mark),var(--mark)) bottom left/1px var(--s),linear-gradient(var(--mark),var(--mark)) bottom right/var(--s) 1px,linear-gradient(var(--mark),var(--mark)) bottom right/1px var(--s);background-repeat:no-repeat}
.spotlight {gap:12px;padding:14px;transition:background .15s}
.spotlight:hover {background:#e4e6d8}
.spot-play,.cover-play {display:grid;place-items:center;border-radius:50%}
.spot-play {width:38px;height:38px;background:var(--green);color:white;flex:none}
.spot-play .icon {width:17px;margin-left:2px}
.spot-copy {min-width:0}
.spot-copy strong {display:block;font:23px/1.2 var(--serif)}
.micro {font-size:9px;letter-spacing:.14em}
.spot-count {gap:5px;margin-left:auto;white-space:nowrap;font-size:11px;color:var(--green)}
.spot-count .icon {width:14px}
.proof,.tinted {background:var(--tint);border-block:1px solid var(--line)}
.stats {display:grid;grid-template-columns:1fr 1fr;padding-block:12px}
.stat {align-items:flex-start;gap:10px;padding:12px 8px}
.stat>.icon {color:var(--green);width:21px;height:21px;margin-top:4px}
.stat strong,.stat span {display:block}
.stat strong {font:32px/1 var(--serif);letter-spacing:-.025em}
.stat a {text-decoration:underline;text-underline-offset:2px}
.stat span {margin-top:5px;font-size:11px;color:#53594d}
.section {padding-block:48px}
.section-head {justify-content:space-between;gap:14px;flex-wrap:wrap}
.section .kicker {margin-bottom:11px}
.filter {position:relative}
.filter select {appearance:none;background:transparent;border:1px solid #c9cbbd;border-radius:5px;font-size:13px;min-height:40px;padding:8px 34px 8px 14px;width:130px}
.filter .icon {position:absolute;right:11px;width:14px;pointer-events:none}
.gallery-note {font-size:12px;color:var(--muted);margin-top:10px}
.video-grid {display:grid;gap:26px 20px;margin-top:23px}
.video-card {min-width:0}
.video-open {display:block;border-radius:5px}
.cover {position:relative;overflow:hidden;border-radius:6px;background:var(--tint)}
.cover img {width:100%;height:auto;aspect-ratio:1.75;transition:filter .2s}
.video-open:hover img {filter:brightness(.9)}
.cover-play {position:absolute;bottom:12px;left:12px;width:34px;height:34px;background:#f7f6ecf0;color:var(--ink)}
.cover-play .icon {width:15px;margin-left:2px}
.views {position:absolute;right:10px;top:10px;background:#22261fd9;color:white;font-size:11px;font-weight:600;letter-spacing:.03em;padding:3px 9px;border-radius:3px}
.views:empty {display:none}
.format {display:block;font-size:10px;letter-spacing:.11em;margin:12px 0 5px}
.video-card h3 {font-size:29px;line-height:1.12;letter-spacing:-.01em;text-wrap:initial}
.study-grid {display:grid;gap:20px;margin-top:28px}
.study {display:flex;flex-direction:column;align-items:flex-start;padding:24px;border:1px solid #cfcebf;background:var(--paper);border-radius:6px}
.disclosure {font-size:11px;color:var(--green);font-weight:600;line-height:1.5}
.study h3 {font-size:35px;line-height:1.1;margin:15px 0 10px;text-wrap:initial}
.study>p:not(.disclosure) {font-size:14px;color:var(--muted)}
.metrics {display:flex;gap:38px;border-block:1px solid var(--line);padding-block:15px;margin:22px 0 13px;width:100%}
.metrics div {display:flex;flex-direction:column-reverse}
.metrics dt {font-size:11px;color:var(--muted)}
.metrics dd {font:36px/1.15 var(--serif);color:var(--green)}
.study-note {margin-top:auto}
.study-note b {color:var(--ink);margin-right:8px}
.categories {border-bottom:1px solid var(--line)}
.chips,.addons ul {flex-wrap:wrap;list-style:none;padding:0}
.chips {gap:8px;margin-top:24px}
.chips li {border:1px solid #cdcfbf;background:#f1f2e9;font-size:13px;color:#434e3e;padding:7px 14px;border-radius:24px}
table {border-collapse:collapse;width:100%;margin-top:26px;font-size:14px;text-align:left}
th,td {padding:15px 12px;border-bottom:1px solid var(--line)}
thead {background:var(--tint);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--green)}
tbody th,.rate {font-weight:600}
.rate-note,.addons p {font-size:13px;color:var(--muted);margin-top:12px}
.addons {margin-top:30px}
.addons h3 {font-size:30px;display:inline}
.addons p {display:inline;margin-left:10px}
.addons ul {display:flex;gap:6px 23px;font-size:13px;margin-top:12px}
.addons li::before {content:"+";color:var(--green);margin-right:6px}
.steps {list-style:none;padding:0;display:grid;gap:28px;margin-top:30px;counter-reset:steps}
.steps li {counter-increment:steps}
.steps li::before {content:counter(steps,decimal-leading-zero);color:var(--green);font:italic 28px/1 var(--serif);display:block;margin-bottom:10px}
.steps b {font:28px/1.1 var(--serif)}
.steps p {color:var(--muted);font-size:14px;margin-top:7px}
.about {display:grid;gap:22px}
.about>div>p:not(.kicker) {max-width:62ch;line-height:1.7}
.about>div>p+p {margin-top:12px}
.location {gap:6px;color:var(--green);font-size:13px;margin-top:15px}
.contact {background:#3e503b;color:var(--paper)}
.contact-inner {padding-block:45px;align-items:flex-start;flex-direction:column;gap:20px}
.contact p {margin-top:12px;color:#e6e9df}
.email {background:var(--paper);color:var(--ink);font-size:16px}
.email:hover {background:#e6e7dc}
.social {gap:8px 16px;flex-wrap:wrap;margin-top:13px;font-size:12px}
.footer {padding-block:28px;align-items:flex-start;flex-direction:column;gap:12px;color:var(--muted);font-size:12px}
.footer strong {display:block;font:25px/1.2 var(--serif);color:var(--ink)}
.footer a {text-decoration:underline;text-underline-offset:4px}
dialog {position:fixed;max-height:90dvh;overflow:auto;width:min(450px,calc(100% - 32px));padding:22px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:9px}
dialog::backdrop {background:#1a201bcc}
.dialog-head {justify-content:space-between}
.dialog-head button {display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%}
dialog h2 {font-size:37px;margin-top:8px}
dialog .format {margin-block:8px 14px}
#player img {width:100%;border-radius:4px}
#player iframe {display:block;margin:auto;aspect-ratio:9/16;width:min(100%,29vh);min-width:min(100%,230px);border:0;background:#161916}
#player-status {font-size:14px;margin-top:14px;color:var(--muted)}
.fallback {display:inline-flex;align-items:center;gap:6px;font-size:14px;text-decoration:underline;text-underline-offset:4px;margin-top:10px}
body:has(dialog[open]) {overflow:hidden}
@media(max-width:599px){
 thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 table,tbody {display:block}
 tbody tr {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 14px;border-top:1px solid var(--line);padding:14px 0}
 tbody tr:last-child {border-bottom:1px solid var(--line)}
 th,td {border:0;padding:0}
 td:nth-child(n+3) {grid-column:1/-1;color:var(--muted);font-size:13px}
 td.rate {color:var(--green)}
}
@media(max-width:359px){
 .wrap {width:calc(100% - 28px)} .identity{font-size:20px;gap:5px}.monogram {width:28px;height:28px;font-size:18px}.spot-count{font-size:10px}.spot-copy strong{font-size:20px}
}
@media(min-width:600px){
 .wrap {width:calc(100% - 80px)} .video-grid,.study-grid,.steps {grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero {padding-block:45px}.hero-media {width:100%}.section {padding-block:58px}
 .about {grid-template-columns:1fr 2fr}
 .identity {font-size:26px}.header-cta {padding:10px 17px;font-size:14px}
 .spotlight {padding:14px 19px}.spot-play {width:42px;height:42px}
}
@media(min-width:850px){
 .wrap {width:calc(100% - 10vw)}.header-inner{min-height:76px;gap:32px}.nav{display:flex}
 .hero {grid-template-columns:1.03fr 1fr;gap:5.8%;align-items:center;padding-block:50px}
 h1 {font-size:clamp(52px,5.25vw,78px);line-height:.98;margin-block:20px}.bio{font-size:15px;max-width:48ch}
 .portrait img {aspect-ratio:1.65}.stats{grid-template-columns:repeat(4,1fr);padding-block:24px}
 .stat {align-items:center;padding:0 7%;gap:13px;border-left:1px solid #cdcfbf}.stat:first-child {padding-left:0;border:0}
 .stat>.icon{width:25px;height:25px;margin:0}.stat strong{font-size:36px}.stat span{font-size:12px}
 .section {padding-block:58px}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}.section-head {align-items:baseline}
 .study {padding:28px}.steps {grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
 .contact-inner,.footer{flex-direction:row;align-items:center;justify-content:space-between}.contact-inner{padding-block:58px}
 .about {grid-template-columns:1fr 1.55fr}
}
@media(min-width:1150px){
 .hero {padding-block:54px}.hero-media {margin-top:2px}.header-inner {gap:38px}.header-cta {min-height:42px}
 .spot-copy strong {font-size:25px}.spot-count{font-size:12px}.spotlight{padding:14px 20px}
 .bio{font-size:16px}.stat {gap:17px}.stat strong{font-size:40px}.stat>.icon{width:29px;height:29px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.availability {margin-top:12px;font-size:13px;color:var(--green)}
.about-photo {margin-top:18px;width:164px;height:auto;border-radius:6px}
.portfolio-video {display:block;width:100%;aspect-ratio:1.75;object-fit:contain;background:var(--ink)}
.portfolio-video:fullscreen {height:100%;width:100%}
.portfolio-video + .views {pointer-events:none}
.original-post {display:inline-flex;align-items:center;gap:5px;margin-top:7px;color:var(--green);font-size:13px;text-decoration:underline;text-underline-offset:3px}
.original-post .icon {width:13px}
.channel-note {margin-top:24px}
.channel-note a,.chips a:hover {text-decoration:underline;text-underline-offset:3px}
.linked-views {color:var(--green);font-size:12px}
.brand-ideas {padding-block:35px;border-bottom:1px solid var(--line)}
.brand-ideas h2 {font-size:clamp(30px,3.3vw,46px)}
.brand-ideas p {max-width:70ch;margin-top:10px;color:var(--muted)}
.metrics {flex-wrap:wrap}

@media(max-width:400px){
 .email {font-size:14px;padding-inline:12px;gap:6px}
}