:root{--accent:#ffd700;--ink:#0a0a0a}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid #8e7300;outline-offset:6px}button{cursor:pointer}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;line-height:1.6}.yellow-text{color:var(--accent)}.refined-nav{height:80px;padding:0 5vw;position:sticky;top:0;z-index:100;background:#0a0a0af5;color:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff22}.nav-brand{font-size:24px;text-decoration:none;color:#fff}.nav-brand span{color:var(--accent)}.desktop-links{display:flex;gap:36px;font-size:13px}.desktop-links a:hover{color:var(--accent)}.menu-toggle{display:none}.refined-hero{padding:64px 5vw 44px;background:var(--ink);color:#fff;display:grid;grid-template-columns:1.25fr 1fr;gap:5%;align-items:center;min-height:640px}.hero-copy h1{font-size:clamp(44px,5.35vw,92px);line-height:1.08;text-transform:uppercase;margin:28px 0;letter-spacing:-.015em}.hero-copy h1 span{color:var(--accent)}.hero-intro{font-size:17px;line-height:1.75;color:#c2c2c2;max-width:490px}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:32px}.yellow-button{display:inline-flex;justify-content:center;align-items:center;padding:16px 24px;background:var(--accent);color:#0a0a0a;font-size:14px;font-weight:700;text-decoration:none;min-height:50px;transition:background .2s}.yellow-button:hover{background:#ffe85c}.text-link{font-size:14px;text-decoration:underline;text-underline-offset:6px}.hero-domains{font-size:11px;color:#aaa;margin:40px 0 0;line-height:2}.hero-domains span{padding:0 8px;color:#666}.hero-visual{position:relative;height:480px;overflow:hidden;border-radius:100px 16px;background:#202020}.hero-visual video{width:100%;height:100%;object-fit:cover}.hero-visual-footer{position:absolute;bottom:28px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px}.hero-visual-footer span,.hero-visual-footer button{background:#0a0a0ae8;padding:9px 12px;border:1px solid #ffffff44}.work-heading{padding:48px 5vw 8px;color:var(--ink);display:flex;justify-content:space-between;gap:24px;align-items:center}.work-heading>p:last-child{font-size:14px;color:#666}.refined-philosophy{padding:96px 6vw;display:grid;grid-template-columns:1fr 1.65fr;gap:9%;background:#fff;color:#0a0a0a}.philosophy-intro h2{font-size:clamp(40px,4vw,66px);text-transform:uppercase;line-height:1.12;margin:24px 0}.philosophy-intro>p:not(.eyebrow){font-size:16px;line-height:1.7;color:#626262;max-width:32ch}.philosophy-intro video{display:block;margin-top:32px;width:100%;max-width:340px;aspect-ratio:9/16;object-fit:cover;background:#eee}.principle-list{list-style:none;margin:0;padding:0;border-top:1px solid #ccc}.principle-list li{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:27px 0;border-bottom:1px solid #ddd}.principle-number{font-size:12px;color:#666;padding-top:5px}.principle-list h3{font-size:clamp(21px,2.1vw,30px);line-height:1.25;font-weight:700;letter-spacing:-.03em}.principle-list p{font-size:15px;line-height:1.65;color:#626262;max-width:52ch;margin:10px 0}.principle-list a{font-size:12px;color:#222;text-decoration:underline;text-underline-offset:4px;line-height:1.6}.refined-tools{padding:80px max(6vw,24px);display:grid;grid-template-columns:1fr 1.65fr;gap:9%;background:#fff;color:var(--ink)}.section-label{display:inline-block;background:var(--accent);padding:7px 12px;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.tools-intro h2{font-size:clamp(36px,3.7vw,58px);text-transform:uppercase;line-height:1.12;margin:24px 0}.tools-intro>p{font-size:16px;color:#626262;line-height:1.7;max-width:30ch}.tools-list{border-top:1px solid #b7b7b7}.tool-row{display:grid;grid-template-columns:32px 1fr;gap:20px;border-bottom:1px solid #ddd;padding:24px 0}.stage-number{font-size:12px;color:#00667d;font-weight:700;padding-top:5px}.tool-row h3{font-size:21px;font-weight:700;letter-spacing:-.02em}.tool-row p{font-size:15px;line-height:1.7;color:#626262;max-width:55ch;margin:8px 0 14px}.tool-names{font-size:12px;line-height:1.8;color:#333}.tool-names>span{display:inline-block;color:#666;margin-right:16px}.refined-footer{background:#0a0a0a;color:#fff;padding:56px 6vw 24px;border-top:1px solid #ffffff25}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:36px;padding-bottom:48px}.footer-main h2{font-size:clamp(32px,3.1vw,48px);line-height:1.18;text-transform:uppercase;margin-top:18px}.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.footer-email{font-size:13px;color:#bbb}.footer-bottom{border-top:1px solid #ffffff25;padding-top:24px;display:flex;justify-content:space-between;font-size:12px;color:#aaa;gap:24px}.footer-bottom nav{display:flex;gap:28px}.footer-bottom a:hover,.footer-email:hover{color:#fff}.skip-link{position:fixed;left:20px;top:-100px;padding:12px;background:gold;color:#000;z-index:200}.skip-link:focus{top:12px}#main-content{scroll-margin-top:80px}#work,#how-i-work,#contact,#tools-section{scroll-margin-top:90px}@media(min-width:1800px){.refined-hero{padding-top:80px;padding-bottom:80px}.hero-visual{height:580px}}@media(max-width:900px){.refined-hero{grid-template-columns:1.2fr 1fr;gap:24px;padding-top:44px;min-height:570px}.hero-copy h1{font-size:48px}.hero-visual{height:390px;border-radius:65px 12px}.hero-intro{font-size:15px}.hero-domains span{padding:0 3px}.refined-philosophy,.refined-tools{gap:6%;grid-template-columns:1fr 1.5fr}.philosophy-intro h2{font-size:42px}.tools-intro h2{font-size:38px}.footer-main h2{font-size:36px}}@media(max-width:640px){html{scroll-padding-top:80px}.refined-nav{height:68px;padding:0 24px}.nav-brand{font-size:21px}.desktop-links{display:none}.menu-toggle{display:block;font-size:13px;padding:10px 0 10px 16px}.mobile-links{position:absolute;top:68px;left:0;right:0;background:#111;padding:12px 24px 24px;display:flex;flex-direction:column;gap:0;border-bottom:1px solid #333}.mobile-links a{padding:14px 0;font-size:16px}.refined-hero{display:flex;flex-direction:column;align-items:stretch;padding:38px 24px 32px;gap:28px;min-height:0}.hero-copy h1{font-size:clamp(37px,10.5vw,62px);margin:22px 0}.hero-intro{font-size:15px;line-height:1.7}.eyebrow{font-size:10px;letter-spacing:.1em}.hero-actions{margin-top:26px;gap:24px}.hero-domains{margin-top:24px;font-size:10px}.hero-visual{height:245px;border-radius:65px 10px}.hero-visual-footer{bottom:20px;font-size:10px;left:18px;right:18px}.work-heading{padding:32px 24px 0;display:block}.work-heading>p:last-child{margin-top:8px;font-size:13px}.refined-philosophy,.refined-tools{display:block;padding:56px 24px}.philosophy-intro h2{font-size:44px}.philosophy-intro video{max-width:340px;aspect-ratio:9/16;margin:24px 0 32px}.philosophy-intro>p:not(.eyebrow){max-width:45ch}.principle-list li{grid-template-columns:30px 1fr;padding:24px 0;gap:10px}.principle-list h3{font-size:22px}.principle-list p{font-size:14px}.tools-intro h2{font-size:42px}.tools-intro>p{max-width:40ch;margin-bottom:28px}.tool-row{gap:12px;grid-template-columns:24px 1fr}.tool-row h3{font-size:20px}.tool-row p{font-size:14px}.refined-footer{padding:40px 24px 24px}.footer-main{display:block;padding-bottom:32px}.footer-main h2{font-size:33px}.footer-contact{margin-top:28px;gap:14px}.footer-bottom{display:block;font-size:11px}.footer-bottom nav{margin-top:20px;gap:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html{scroll-padding-top:80px}#home,#main-content,#work,#how-i-work,#contact,#tools-section{scroll-margin-top:0}@media(max-width:640px){html{scroll-padding-top:68px}}.immersive-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:700px;min-height:min(780px,calc(100svh - 80px));padding:92px 5vw 112px;overflow:hidden;background:#08090a;gap:0}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:#00000026}.immersive-hero .hero-copy{position:relative;width:100%;max-width:1120px}.immersive-hero .hero-copy h1{font-size:clamp(48px,6.15vw,100px);line-height:1.14;margin:30px 0;letter-spacing:-.02em}.immersive-hero .hero-transformation{display:block;color:var(--accent)}.immersive-hero .hero-intro{max-width:430px;font-size:17px;color:#d0d0d0;line-height:1.75}.immersive-hero .hero-actions{margin-top:34px}.hero-bottom{position:absolute;bottom:32px;left:5vw;right:5vw;display:flex;justify-content:space-between;gap:24px;color:#aaa;font-size:11px;letter-spacing:.025em}@media(max-width:900px){.immersive-hero{min-height:620px;padding:72px 5vw 100px}.immersive-hero .hero-copy h1{font-size:clamp(44px,6.8vw,65px)}.hero-background{object-position:62% center}.hero-shade{background:#00000059}}@media(max-width:640px){.immersive-hero{min-height:650px;min-height:max(620px,calc(90svh - 68px));padding:66px 24px 94px;justify-content:center}.immersive-hero .hero-copy h1{font-size:clamp(36px,9.7vw,58px);line-height:1.2;letter-spacing:-.02em;margin:28px 0}.immersive-hero .hero-transformation{white-space:nowrap}.immersive-hero .hero-intro{font-size:16px;max-width:31ch}.hero-background{object-position:72% center;opacity:.65}.hero-shade{background:#0000007a}.hero-bottom{left:24px;right:24px;bottom:26px;font-size:10px;gap:14px}.immersive-hero .hero-actions{gap:24px}.immersive-hero .eyebrow{max-width:29ch;line-height:1.8}}.immersive-hero .hero-background{opacity:1;object-position:center}.immersive-hero .hero-shade{background:linear-gradient(90deg,#000000f0,#000000db 40%,#000000b8,#00000059 78%,#0000002e),linear-gradient(0deg,rgba(0,0,0,.8),transparent 24%)}.immersive-hero .hero-intro{color:#e0e0e0}.hero-bottom{align-items:center;color:#c8c8c8}.hero-motion-toggle{border:1px solid #ffffff66;background:#0a0a0ad9;color:#fff;padding:10px 15px;font:inherit;min-height:40px}.hero-motion-toggle:hover{background:#252525}@media(max-width:900px){.immersive-hero .hero-shade{background:linear-gradient(90deg,#000000e6,#000000c7 65%,#0000007a)}}@media(max-width:640px){.immersive-hero .hero-shade{background:linear-gradient(90deg,#000000de,#000000bd),linear-gradient(0deg,rgba(0,0,0,.55),transparent 40%)}.immersive-hero .hero-background{object-position:65% center}}
