@charset "UTF-8";
:root{--paper:#141414;--ink:#e4e3d9;--muted:#969690;--line:#363633;--purple:#c2c0b8;--lime:#e4e3d9;--gutter:clamp(24px,2.5vw,48px);--max:1920px;color-scheme:dark}
body{background:var(--paper);color:var(--ink)}
::selection{background:var(--ink);color:var(--paper)}
:focus-visible{outline:2px solid #e4e3d9;outline-offset:6px}
.skip{background:var(--ink);color:var(--paper)}
h1,h2,h3{font-weight:400}
.site-header,.home .site-header,.inner-page .site-header{position:fixed;inset:0 0 auto;padding:28px var(--gutter);height:96px;border:0;z-index:30}
.inner-page .site-header,.home.past-intro .site-header{color:var(--ink);background:#141414f5;backdrop-filter:blur(14px);border:0;text-shadow:none}
.inner-page #main{padding-top:100px}
.site-header .brand{font-size:30px;letter-spacing:-.035em}
.site-header .brand-note{font-size:8px;color:inherit;opacity:.65;border-color:#e4e3d940}
.site-header .main-nav{font-size:13.8px;gap:28px;letter-spacing:.025em}
.site-header .main-nav>a{color:inherit;opacity:.63;transition:opacity .2s}
.site-header .main-nav>a:hover,.site-header .main-nav>a[aria-current],.site-header .main-nav>a.is-current{opacity:1}
.site-header .main-nav>a.is-current:after{width:100%}
.site-header .main-nav .nav-contact{border:0;padding:10px 0;border-radius:0;opacity:1}
.site-header .main-nav .nav-contact:after{display:block}
.button{background:transparent;border-color:#6a6a64;color:var(--ink);font-size:13px}
.button:hover{background:var(--ink);color:var(--paper)}
.button.dark,.button.lime{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.button.dark:hover,.button.lime:hover{background:#bdbcb2;border-color:#bdbcb2;color:var(--paper)}
.text-link{border-color:#66665f;color:var(--ink);font-size:14px;gap:42px;padding:12px 0}
.text-link:hover{border-color:var(--ink)}
.muted,.fine,.breadcrumbs,.result-count,.inline-boundary{color:var(--muted)}
.work-media{background:#252524}
.work-media img{filter:none}
.work-media .round-arrow{background:#141414b3;border:1px solid #e4e3d966;color:var(--ink);border-radius:0;backdrop-filter:blur(6px)}
.work-card:hover .round-arrow{background:var(--ink);color:var(--paper);transform:none}
.work-meta h3{font-weight:400;color:var(--ink)}
.work-meta .category,.work-meta .external-label{color:var(--muted)}
.work-bottom{border-color:var(--line)}
.ai-media,.ai-media.iphone,.course-preview{background:#202020}
.ai-kicker{background:#141414df;color:var(--ink);border:1px solid #e4e3d930}
.ai-card p,.ai-foot{color:var(--muted)}
.ai-foot{border-color:var(--line)}
.soft-section,.ai-section{background:var(--paper)}
.timeline-art{background:#1b1b1b;border-color:var(--line);box-shadow:none;transform:none}
.timeline-row,.time-ruler{border-color:var(--line)}
.timeline-row>span,.timeline-caption{color:var(--muted)}
.segments i,.segments i:nth-child(2n),.timeline-row:nth-child(4) .segments i{background:#65655e;border-color:#7c7c74}
.timeline-row:nth-child(5) .segments{background:repeating-linear-gradient(90deg,transparent 0 2px,#aba99e 2px 4px)}
.playhead{background:var(--ink);box-shadow:none}.playhead:before{border-top-color:var(--ink)}
.mentor-facts div{border-color:var(--line)}
.mentor-facts strong{font-weight:400;color:var(--ink)}
.mentor-facts span{color:var(--muted)}
.price-card,.price-card.featured{background:transparent;border-color:var(--line)}
.price-card .mono,.price-card li:before,.explain-item>.mono{color:var(--muted)}
.price-card ul,.explain-item{border-color:var(--line)}
.inquiry-form{background:transparent;border:0;padding:0}
.inquiry-form select,.inquiry-form textarea{background:#1c1c1b;border:1px solid #51514b;color:var(--ink);color-scheme:dark}
.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:var(--ink)}
.searchbox input{color:var(--ink)}
.searchbox input::placeholder{color:#85857f}
.filter[aria-pressed=true],.filter[aria-pressed=true]:hover{background:transparent;color:var(--ink)}
.filter:hover{background:#252524}
.contact-section{background:var(--paper);border-top:1px solid var(--line);overflow:visible}
.contact-section:after{display:none}
.contact-section .wrap{padding-block:100px}
.contact-section h2{font-weight:400;font-size:clamp(48px,6vw,104px);color:var(--ink)}
.contact-section .mono{color:var(--muted)}
.footer{max-width:none;margin-inline:var(--gutter);padding-inline:0;padding-block:36px;border-top:1px solid var(--line);color:var(--muted)}
.footer .brand{color:var(--ink)}
.footer-socials{align-items:center;gap:clamp(20px,2.5vw,48px);flex-shrink:0}
.footer-socials a{display:grid;place-items:center;width:48px;height:48px;flex:none;border:1px solid #363632;border-radius:9px;background:#161616;color:#c7c7bc;transition:color .18s,border-color .18s,background-color .18s}
.footer-socials svg{display:block;width:26px;height:26px}
.footer-socials .social-icon-threads{width:24px;height:24px}
.footer-socials a:hover,.footer-socials a:focus-visible{color:var(--ink);border-color:#6a6a64;background:#20201e}
.footer-copyright{font-size:9px;letter-spacing:.07em}
.media-dialog{background:#191919;border:1px solid var(--line);color:var(--ink)}
.media-dialog::backdrop{background:#050505df}
.dialog-copy .mono{color:var(--muted)}
.dialog-copy p,.dialog-copy dt{color:var(--muted)}
.dialog-copy h2{font-weight:400}
.course-preview .preview-label{background:#141414e6;color:var(--ink)}
@media(min-width:1500px){.site-header,.home .site-header,.inner-page .site-header{padding-inline:var(--gutter)}}
@media(max-width:1050px){.site-header .main-nav{gap:18px;font-size:12.65px}}
@media(max-width:760px){
 .site-header,.home .site-header,.inner-page .site-header{height:80px;padding:23px 24px}
 .inner-page #main{padding-top:80px}
 .site-header .main-nav{background:#141414f7;color:var(--ink);border-color:var(--line);padding:30px 24px;gap:8px;font-size:18.4px}
 .site-header .main-nav>a{font-size:19.55px}
 .site-header .main-nav a,.home .main-nav .nav-contact{border-color:var(--line);color:var(--ink)}
 .site-header .main-nav .nav-contact{padding:14px 0}
 .site-header .menu-button span{background:currentColor}
 .footer{margin-inline:24px;gap:26px;padding-block:32px;align-items:start}
 .footer-copyright{margin:0;font-size:8px}.footer-socials{gap:20px}
 .contact-section .wrap{padding-block:75px}
 .dialog-copy{padding:45px 26px 30px}
}