/* A small refinement layer over the current live site's own styles. */
html{scroll-padding-top:40px}#hero{min-height:0!important;padding-top:76px!important;padding-bottom:58px!important}#hero .bio{max-width:74ch;margin-bottom:26px!important;line-height:1.65!important}#hero .subtitle{margin-bottom:32px!important}#contact-block{margin-top:30px!important}.reel-card{width:240px!important;min-height:66px!important;display:flex!important;justify-content:flex-start!important;gap:14px!important;padding:8px!important}.refined-reel-thumb{width:76px!important;height:48px!important;object-fit:cover;border-radius:6px}.refined-reel-copy{display:flex;flex-direction:column;text-align:left;gap:4px}.refined-reel-time{font:9px monospace;letter-spacing:.02em;color:var(--ink-faint)}#contact-block .contact-btn{min-height:66px!important}#social-links{margin-top:20px!important}.container:not(#hero){padding-top:58px!important;padding-bottom:58px!important}#selected-work{padding-top:28px!important}.section-title{margin-bottom:30px!important}.scroll-indicator{display:none!important}
#section-nav a{font-size:clamp(8px,.9vh,10px)!important;opacity:.72;min-width:36px!important;padding:6px 0!important}#section-nav{max-height:calc(100svh - 28px)!important;gap:3px!important;overflow-y:auto!important;scrollbar-width:none}#section-nav a.active{opacity:1!important}#selected-work-carousel .nav{box-shadow:0 5px 18px #00000004,inset 0 1px 0 #fff9!important;margin-top:12px!important;padding:4px 12px!important}#selected-work-carousel .nav li{min-height:40px!important;display:inline-flex;align-items:center;font-size:11px!important;padding:0 13px!important;color:var(--ink-soft)!important}#selected-work-carousel .nav li.active{background:var(--ink)!important;color:var(--page)!important;box-shadow:none!important}#selected-work-carousel{overflow:visible!important}.refined-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:0 2px 16px;border-bottom:1px solid var(--line)}.refined-toolgroup{display:flex;align-items:center;gap:8px}.refined-control{font:11px 'Graphik Light',sans-serif;color:var(--ink-soft);border:1px solid var(--line);background:var(--glass-strong);border-radius:100px;min-height:38px;padding:0 15px;cursor:pointer}.refined-control:hover{background:var(--page-deep);color:var(--ink)}.refined-control:focus-visible,.refined-index button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.refined-control:disabled{opacity:.3;cursor:default}.refined-arrow{font-size:18px;width:38px;padding:0}.refined-count{font:10px monospace;color:var(--ink-faint);min-width:56px;text-align:center}.selected-work-active-meta{padding:0!important;margin-top:28px!important;max-width:850px;margin-left:0!important}.selected-work-active-title{display:block!important;font-size:20px!important;line-height:1.35!important;font-family:'Graphik Light',sans-serif!important;font-weight:300!important;letter-spacing:-.025em}.selected-work-active-title:after{display:none}.selected-work-active-description{display:block!important;max-width:780px;font-size:15px!important;line-height:1.65!important;margin:12px 0 0!important}.refined-role{font:9px/1.6 monospace;letter-spacing:.05em;color:var(--ink-faint);margin-top:8px}.refined-notes{margin-top:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.refined-notes summary{display:flex;justify-content:space-between;align-items:center;min-height:44px;cursor:pointer;font-size:11px;color:var(--ink-soft);list-style:none}.refined-notes summary::-webkit-details-marker{display:none}.refined-notes[open] .note-plus{transform:rotate(45deg)}.note-plus{font-size:17px;transition:transform .2s}.refined-note-body{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;padding:15px 0 26px}.refined-note-body h4{font:9px monospace;color:var(--ink-faint);letter-spacing:.05em;margin:0 0 10px}.refined-note-body p{font:14px/1.65 'Graphik Light',sans-serif;margin:0;color:var(--ink-soft)}.refined-note-body button{margin-top:20px}.refined-index{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 16px;padding:28px 0;border-bottom:1px solid var(--line)}.refined-index[hidden]{display:none}.refined-index button{padding:0;text-align:left;border:0;background:none;color:var(--ink-soft);cursor:pointer;font:11px 'Graphik Light',sans-serif}.refined-index img{width:100%;aspect-ratio:16/10;object-fit:contain;background:var(--page-deep);border-radius:7px;border:1px solid transparent;display:block;margin-bottom:10px}.refined-index button[aria-current=true] img{border-color:var(--ink)}.refined-index button:hover img{border-color:var(--line-strong)}.refined-index small{font:8px monospace;color:var(--ink-faint);margin-right:5px}.refined-intro{font:13px/1.6 'Graphik Light',sans-serif;color:var(--ink-faint);margin:-12px 0 30px;max-width:650px}.refined-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;border-top:1px solid var(--line);margin-top:25px!important;margin-bottom:60px!important}.refined-footer .section-title{margin-bottom:16px!important}.refined-footer p{font-size:13px;color:var(--ink-faint)}.refined-email{display:inline-block;font-size:20px;letter-spacing:-.03em;margin-top:10px}.refined-footer-links{display:flex;gap:22px;font-size:11px}#refined-mobile{display:none}#refined-player{width:min(1100px,94vw);padding:20px;max-height:92dvh;border:1px solid var(--line);border-radius:16px;background:var(--page);color:var(--ink);box-shadow:0 20px 80px #0003}#refined-player::backdrop{background:#0008;backdrop-filter:blur(9px)}.refined-player-top{display:flex;align-items:center;justify-content:space-between;font:12px 'Graphik Light',sans-serif;margin-bottom:16px}#refined-player video{display:block;width:100%;max-height:72dvh;background:#000;border-radius:7px}.refined-player-caption{font:11px/1.6 'Graphik Light',sans-serif;color:var(--ink-faint);margin:14px 0 0}
@media(max-width:900px){html{scroll-padding-top:84px}#refined-mobile{display:flex;position:fixed;top:10px;left:16px;right:16px;z-index:1800;min-height:48px;justify-content:space-between;align-items:center;padding:0 16px;border:1px solid var(--line);border-radius:17px;background:var(--glass-strong);backdrop-filter:blur(20px);box-shadow:0 4px 18px #00000005;color:var(--ink);font:12px 'Graphik Light',sans-serif}#refined-menu{font:11px 'Graphik Light',sans-serif;min-height:46px;color:var(--ink-soft);border:0;background:none;cursor:pointer}#refined-menu span{margin-left:10px}#refined-menu-links{position:absolute;top:54px;left:0;right:0;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--glass-solid);border:1px solid var(--line);border-radius:16px;box-shadow:0 15px 35px #0000000c}#refined-menu-links[hidden]{display:none}#refined-menu-links a{padding:13px 12px;border-radius:8px}#refined-menu-links a:hover{background:var(--page-deep)}#hero{padding-top:98px!important;padding-bottom:34px!important}.container:not(#hero){padding-top:40px!important;padding-bottom:40px!important}#selected-work{padding-top:12px!important}#hero .bio{font-size:16px!important;line-height:1.65!important;margin-bottom:23px!important}#hero .subtitle{margin-bottom:28px!important}.refined-index{grid-template-columns:repeat(3,minmax(0,1fr))}.refined-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){#hero .name{font-size:26px!important}#contact-block{gap:10px!important}.reel-card{width:calc(56% - 5px)!important;min-width:0!important;gap:9px!important;padding:7px!important}.refined-reel-thumb{width:48px!important;height:42px!important}.refined-reel-time{font-size:7px;white-space:nowrap}.reel-card-title{font-size:11px!important}#contact-block .contact-btn{width:calc(44% - 5px)!important;min-width:0!important;min-height:58px!important}.reel-card{min-height:58px!important}.refined-toolbar{gap:6px;flex-wrap:wrap}.refined-control{font-size:10px;padding:0 11px;min-height:44px}.refined-arrow{width:34px;padding:0}.refined-count{min-width:42px;font-size:9px}.refined-toolgroup{gap:4px}.refined-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.refined-index img{aspect-ratio:16/10}.selected-work-active-meta{margin-top:24px!important}.selected-work-active-title{font-size:20px!important}.selected-work-active-description{font-size:14px!important}.refined-note-body{grid-template-columns:1fr;gap:22px}.refined-intro{font-size:12px;line-height:1.6}.refined-footer-links{padding-bottom:24px}.refined-email{font-size:19px}.refined-player-top{font-size:11px}#refined-player{padding:12px}.refined-role{font-size:8px}#selected-work-carousel .nav li{min-height:44px!important;font-size:10px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important;transition:none!important}}
#hero #contact-block{grid-template-columns:240px 170px!important;gap:12px!important}#hero #contact-block .reel-card{flex-direction:row!important;align-items:center!important;min-height:66px!important;height:66px!important}#hero #contact-block .contact-btn{height:66px!important}#hero #contact-block .refined-reel-copy{display:flex!important;flex-direction:column!important;gap:5px!important}#hero #contact-block .refined-reel-thumb{flex-shrink:0!important}#hero #contact-block .reel-card-title{display:block!important;text-align:left!important}
@media(max-width:620px){#hero #contact-block{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important}#hero #contact-block .reel-card,#hero #contact-block .contact-btn{width:100%!important;min-height:58px!important;height:58px!important}}
body[data-preview="refined"] #hero #contact-block .reel-card{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:14px!important}body[data-preview="refined"] #hero #contact-block .reel-card .refined-reel-copy{justify-content:center!important;align-items:flex-start!important}body[data-preview="refined"] #hero #contact-block .reel-card .refined-reel-thumb{margin:0!important}@media(max-width:620px){body[data-preview="refined"] #hero #contact-block .reel-card{gap:9px!important}}
@media(max-width:620px){#hero .bio{margin-top:12px!important;margin-bottom:12px!important}#hero .subtitle{margin-bottom:18px!important}#hero #contact-block{margin-top:18px!important}#hero #social-links{margin-top:6px!important}#refined-mobile a{text-decoration:none!important}}
#selected-work-carousel .nav li{border-radius:999px!important}
@media(max-width:900px){body[data-preview="refined"] #selected-work{padding-top:12px!important}}

/* Important layer keeps all typography in the existing Graphik family, including legacy monospace labels. */
@layer refined-typography {
 body[data-preview="refined"],body[data-preview="refined"] *,body[data-preview="refined"] *::before,body[data-preview="refined"] *::after {
  font-family: 'Graphik Light', 'Graphik', sans-serif !important;
 }
}
