@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600&display=swap";:root{--white: #FFFFFF;--black: #0D0D0D;--steel-gray: #454C56;--accent-gold: #E2A23C;--color-bg: var(--white);--color-text-primary: var(--black);--color-text-secondary: var(--steel-gray);--color-accent: var(--accent-gold);--font-heading: "Antonio", "Outfit", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--text-hero: clamp(52px, 8vw, 96px);--text-section: clamp(36px, 5vw, 64px);--text-sub: clamp(22px, 3vw, 36px);--text-body: clamp(16px, 1.2vw, 20px);--text-caption: clamp(11px, .9vw, 14px);--text-label: 10px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 48px;--sp-10: 64px;--sp-11: 80px;--sp-12: 96px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--shadow-sm: 0 1px 3px rgba(13,13,13,.08), 0 1px 2px rgba(13,13,13,.04);--shadow-md: 0 4px 12px rgba(13,13,13,.1), 0 2px 4px rgba(13,13,13,.05);--shadow-lg: 0 16px 48px rgba(13,13,13,.12), 0 6px 16px rgba(13,13,13,.06);--t-micro: .2s;--t-hover: .3s;--t-reveal: .6s;--t-page: .8s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{border:none;background:none;font-family:inherit}.heading-hero{font-family:var(--font-heading);font-size:var(--text-hero);font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--color-text-primary)}.heading-section{font-family:var(--font-heading);font-size:var(--text-section);font-weight:700;line-height:1.05;letter-spacing:-.025em;color:var(--color-text-primary)}.heading-sub{font-family:var(--font-heading);font-size:var(--text-sub);font-weight:600;line-height:1.2;letter-spacing:-.015em;color:var(--color-text-primary)}.body-text{font-family:var(--font-body);font-size:var(--text-body);font-weight:400;line-height:1.7;color:var(--color-text-secondary)}.caption{font-family:var(--font-body);font-size:var(--text-caption);font-weight:400;line-height:1.5;color:var(--color-text-secondary);letter-spacing:.02em}.label{font-family:var(--font-body);font-size:var(--text-label);font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-secondary)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--sp-8)}@media (max-width: 768px){.container{padding:0 var(--sp-5)}}.section{position:relative;min-height:100vh;padding:var(--sp-12) 0}.cursor{position:fixed;top:0;left:0;width:12px;height:12px;background:var(--black);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width var(--t-micro) ease,height var(--t-micro) ease,background var(--t-micro) ease,border var(--t-micro) ease;will-change:transform;mix-blend-mode:multiply}.cursor.hover{width:40px;height:40px;background:transparent;border:1.5px solid var(--accent-gold);mix-blend-mode:normal}.cursor.label-mode{width:64px;height:64px;background:var(--black);border:none}.cursor-label{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.12em;color:var(--white);text-transform:uppercase;opacity:0;transition:opacity var(--t-micro) ease}.cursor-label.visible{opacity:1}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:0%;background:linear-gradient(to right,var(--accent-gold),var(--steel-gray) 70%,transparent);z-index:9998;transition:width .05s linear}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bg-blueprint{opacity:.05}.bg-glyphs{opacity:.06;font-family:var(--font-body)}.bg-construction{opacity:.05}.section-wrapper{position:relative;z-index:1}.hero-section{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:var(--sp-11) 0 var(--sp-9)}.hero-split-layout{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1300px;margin:0 auto;gap:var(--sp-8);position:relative;z-index:2;perspective:1200px}.hero-left-text,.hero-right-text{text-align:left;flex:1;display:flex;flex-direction:column;align-items:flex-start}.hero-huge-title{font-family:var(--font-heading);font-size:clamp(64px,7vw,130px);font-weight:700;line-height:.85;letter-spacing:normal;text-transform:uppercase;color:var(--black)}.hero-name-label{font-family:var(--font-body);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--steel-gray);margin-bottom:var(--sp-3)}.hero-desc-label{font-family:var(--font-body);font-size:15px;font-weight:400;color:var(--steel-gray);margin-top:var(--sp-4);line-height:1.6;max-width:480px}.portrait-card-wrapper{position:relative;width:clamp(280px,28vw,360px);aspect-ratio:.7;z-index:2}.portrait-container{position:relative;width:100%;height:100%;z-index:2;border-radius:var(--radius-lg)}.portrait-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.scroll-hint{position:absolute;bottom:var(--sp-6);left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.scroll-hint-text{font-family:var(--font-body);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--steel-gray)}.scroll-hint-arrow{font-size:16px;color:var(--steel-gray)}.top-nav-capsule{position:fixed;top:var(--sp-6);left:50%;transform:translate(-50%);z-index:100;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#ffffffbf;border:1px solid rgba(13,13,13,.08);border-radius:99px;padding:6px var(--sp-3);transition:all var(--t-hover) ease;width:auto;max-width:calc(100% - var(--sp-6))}.top-nav-capsule.scrolled{box-shadow:var(--shadow-md);border-color:#0d0d0d1f;background-color:#ffffffe6}.nav-capsule-content{display:flex;align-items:center;gap:var(--sp-4)}.nav-avatar-wrap{position:relative;width:32px;height:32px;border-radius:50%;overflow:hidden;cursor:none}.nav-avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nav-avatar-status-dot{position:absolute;bottom:0;right:0;width:8px;height:8px;border-radius:50%;background:#27d974;border:1.5px solid var(--white)}.nav-links-wrap{display:flex;align-items:center;gap:var(--sp-3)}.nav-link-btn{font-family:var(--font-body);font-size:13px;font-weight:500;text-transform:capitalize;color:var(--steel-gray);padding:var(--sp-2) var(--sp-3);border-radius:99px;cursor:none;position:relative;transition:color var(--t-hover) ease}.nav-link-btn:hover,.nav-link-btn.active{color:var(--black)}.nav-active-indicator{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background-color:var(--accent-gold)}.nav-contact-cta{font-family:var(--font-body);font-size:13px;font-weight:600;background-color:var(--black);color:var(--white);padding:var(--sp-2) var(--sp-4);border-radius:99px;cursor:none;transition:background-color var(--t-hover) ease}.nav-contact-cta:hover{background-color:var(--accent-gold)}.about-section{padding:var(--sp-12) 0}.about-who{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-10);align-items:center;margin-bottom:var(--sp-12)}@media (max-width: 768px){.about-who{grid-template-columns:1fr;gap:var(--sp-7)}}.about-portrait{width:100%;max-width:420px;aspect-ratio:3/4;-o-object-fit:contain;object-fit:contain}.what-i-do-grid{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin-top:var(--sp-7)}.domain-word{font-family:var(--font-heading);font-size:clamp(22px,2.5vw,36px);font-weight:700;cursor:none;color:var(--black);letter-spacing:-.02em;position:relative;transition:color var(--t-hover) ease;padding:var(--sp-2) 0;line-height:1}.domain-word:hover{color:var(--accent-gold)}.domain-tooltip{position:absolute;top:calc(100% + var(--sp-2));left:0;background:var(--black);color:var(--white);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:13px;font-weight:400;line-height:1.5;width:220px;z-index:50;pointer-events:none}.approach-flow{display:flex;flex-direction:column;gap:0}.approach-step{display:flex;align-items:flex-start;gap:var(--sp-6);padding:var(--sp-7) 0;border-top:1px solid rgba(69,76,86,.15)}.approach-step:last-child{border-bottom:1px solid rgba(69,76,86,.15)}.approach-step-num{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--accent-gold);min-width:32px;padding-top:4px}.approach-step-content{flex:1}.approach-step-title{font-family:var(--font-heading);font-size:clamp(24px,3vw,40px);font-weight:700;letter-spacing:-.02em;color:var(--black);margin-bottom:var(--sp-2)}.approach-step-desc{font-family:var(--font-body);font-size:var(--text-body);color:var(--steel-gray);max-width:480px}.timeline{position:relative;padding-left:var(--sp-8)}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:#454c5633}.timeline-item{position:relative;padding-bottom:var(--sp-9)}.timeline-item:before{content:"";position:absolute;left:calc(-1 * var(--sp-8) - 4px);top:8px;width:8px;height:8px;border-radius:50%;background:var(--white);border:1.5px solid var(--accent-gold)}.timeline-item.current:before{background:var(--accent-gold)}.timeline-year{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--accent-gold);text-transform:uppercase;margin-bottom:var(--sp-2)}.timeline-role{font-family:var(--font-heading);font-size:clamp(18px,2vw,28px);font-weight:700;letter-spacing:-.015em;color:var(--black);margin-bottom:var(--sp-1)}.timeline-org{font-family:var(--font-body);font-size:var(--text-body);color:var(--steel-gray)}.work-section{padding:var(--sp-12) 0}.work-landing{min-height:50vh;display:flex;flex-direction:column;justify-content:center}.work-eyebrow{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--steel-gray);margin-bottom:var(--sp-5)}.work-tagline{font-family:var(--font-heading);font-size:clamp(28px,4vw,56px);font-weight:300;letter-spacing:-.02em;color:var(--steel-gray);max-width:700px;line-height:1.15}.work-tagline strong{font-weight:800;color:var(--black)}.segmented-control{display:inline-flex;background:#454c5614;border-radius:var(--radius-md);padding:4px;gap:2px;margin:var(--sp-9) 0 var(--sp-8)}.seg-btn{padding:var(--sp-3) var(--sp-6);border-radius:calc(var(--radius-md) - 4px);font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--steel-gray);cursor:none;transition:all var(--t-hover) ease;position:relative;letter-spacing:.01em}.seg-btn.active{background:var(--white);color:var(--black);box-shadow:var(--shadow-sm)}.rotary-explorer{position:relative;width:100%;max-width:600px;margin:0 auto}.rotary-wheel-wrapper{position:relative;width:100%;aspect-ratio:1;cursor:none}.rotary-center-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);pointer-events:none}.rotary-center-title{font-family:var(--font-heading);font-size:clamp(14px,2vw,20px);font-weight:700;color:var(--black);letter-spacing:-.01em;text-align:center}.wheel-item{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:none}.wheel-item-icon-wrap{width:48px;height:48px;border-radius:50%;background:var(--white);border:1px solid rgba(69,76,86,.15);display:flex;align-items:center;justify-content:center;transition:all var(--t-hover) ease;box-shadow:var(--shadow-sm)}.wheel-item.active .wheel-item-icon-wrap{background:var(--accent-gold);border-color:var(--accent-gold);box-shadow:var(--shadow-md)}.wheel-item.active .wheel-item-icon{color:var(--white)}.wheel-item-icon{width:20px;height:20px;color:var(--steel-gray);transition:color var(--t-hover) ease}.wheel-item-label{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--steel-gray);white-space:nowrap;transition:color var(--t-hover) ease}.wheel-item.active .wheel-item-label{color:var(--black)}.detail-panel{margin-top:var(--sp-9);padding-top:var(--sp-8);border-top:1px solid rgba(69,76,86,.12)}.detail-panel-img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--sp-6);background:#454c560d;overflow:hidden}.detail-panel-placeholder{width:100%;aspect-ratio:16/9;border-radius:var(--radius-md);background:#454c560d;display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-6)}.detail-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-5)}.detail-tag{padding:var(--sp-1) var(--sp-3);border:1px solid rgba(69,76,86,.2);border-radius:100px;font-family:var(--font-body);font-size:11px;font-weight:500;color:var(--steel-gray);letter-spacing:.05em}.domains-section{padding:var(--sp-12) 0;min-height:100vh}.constellation-wrapper{position:relative;width:100%;aspect-ratio:16/9;min-height:500px}.constellation-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.constellation-node{cursor:none}.constellation-node-circle{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.constellation-node:hover .constellation-node-circle{r:32}.constellation-line{stroke:var(--steel-gray);stroke-width:.5;opacity:.25;transition:opacity .4s ease,stroke .4s ease}.constellation-line.active{opacity:.6;stroke:var(--accent-gold)}.node-expand-panel{position:absolute;background:var(--white);border:1px solid rgba(69,76,86,.12);border-radius:var(--radius-md);padding:var(--sp-6);width:280px;box-shadow:var(--shadow-lg);z-index:10}.future-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-12) 0}.future-text{text-align:center;max-width:700px}.future-line{display:block;font-family:var(--font-heading);font-size:var(--text-section);font-weight:300;letter-spacing:-.03em;color:var(--steel-gray);line-height:1.2}.future-line strong{font-weight:800;color:var(--black)}.contact-section{min-height:100vh;display:flex;align-items:center;padding:var(--sp-12) 0}.contact-headline{font-family:var(--font-heading);font-size:var(--text-section);font-weight:800;letter-spacing:-.03em;color:var(--black);line-height:1;margin-bottom:var(--sp-10)}.contact-links{display:flex;flex-direction:column;gap:var(--sp-5)}.contact-link{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-5) 0;border-bottom:1px solid rgba(69,76,86,.12);transition:all var(--t-hover) ease;cursor:none;position:relative;top:0}.contact-link:hover{top:-2px;border-bottom-color:var(--accent-gold)}.contact-link-icon{width:20px;height:20px;color:var(--steel-gray);flex-shrink:0;transition:color var(--t-hover) ease}.contact-link:hover .contact-link-icon{color:var(--accent-gold)}.contact-link-text{font-family:var(--font-heading);font-size:clamp(18px,2vw,28px);font-weight:600;color:var(--black);letter-spacing:-.01em}.contact-link-sub{font-family:var(--font-body);font-size:12px;color:var(--steel-gray);margin-top:2px}.copy-toast{position:fixed;bottom:var(--sp-8);left:50%;transform:translate(-50%) translateY(20px);background:var(--black);color:var(--white);padding:var(--sp-3) var(--sp-6);border-radius:100px;font-family:var(--font-body);font-size:13px;font-weight:500;letter-spacing:.04em;z-index:200;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none}.copy-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.footer{padding:var(--sp-8) 0;border-top:1px solid rgba(69,76,86,.1);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}@media (max-width: 768px){.footer{flex-direction:column;text-align:center}}.footer-copy{font-family:var(--font-body);font-size:12px;color:var(--steel-gray);line-height:1.6}.footer-tagline{font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#454c5680}.section-label{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-8)}.section-label-line{width:24px;height:1px;background:var(--accent-gold);flex-shrink:0}.section-label-text{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--steel-gray)}.divider{width:100%;height:1px;background:#454c561a;margin:var(--sp-10) 0}:focus-visible{outline:2px solid var(--accent-gold);outline-offset:4px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.bg-layer,.scroll-progress{display:none}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--white)}::-webkit-scrollbar-thumb{background:#454c5640;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--steel-gray)}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--white);z-index:9000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--sp-5)}.loading-name{font-family:var(--font-heading);font-size:clamp(28px,4vw,48px);font-weight:800;letter-spacing:-.03em;color:var(--black)}.loading-bar-track{width:120px;height:1px;background:#454c5626;position:relative;overflow:hidden}.loading-bar-fill{position:absolute;left:0;top:0;bottom:0;background:var(--accent-gold)}@media (max-width: 768px){:root{--text-hero: clamp(40px, 12vw, 72px);--text-section: clamp(30px, 8vw, 48px)}.hero-identity{top:var(--sp-6);left:var(--sp-5)}.portrait-card-wrapper{width:clamp(280px,80vw,360px)}.radial-nav{bottom:var(--sp-5);right:var(--sp-5)}.domain-word{font-size:clamp(20px,5vw,30px)}.work-tagline{font-size:clamp(22px,6vw,36px)}body{cursor:auto}.cursor,.cursor-label{display:none}}.current-focus{padding:var(--sp-12) 0 var(--sp-10)}.focus-label{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-gold);margin-bottom:var(--sp-5)}.focus-text{font-family:var(--font-heading);font-size:clamp(28px,4vw,56px);font-weight:800;letter-spacing:-.03em;color:var(--black);line-height:1.1;max-width:700px}.focus-text span{color:var(--steel-gray);font-weight:300}.hero-buttons{display:flex;gap:var(--sp-3);margin-top:var(--sp-5);flex-wrap:wrap}.btn-primary{background-color:var(--black);color:var(--white);padding:10px var(--sp-4);border-radius:99px;font-family:var(--font-body);font-size:13px;font-weight:600;border:1.5px solid var(--black);transition:all var(--t-hover) ease}.btn-primary:hover{background-color:var(--accent-gold);border-color:var(--accent-gold)}.btn-secondary{background-color:transparent;color:var(--black);padding:10px var(--sp-4);border-radius:99px;font-family:var(--font-body);font-size:13px;font-weight:500;border:1.5px solid rgba(13,13,13,.15);transition:all var(--t-hover) ease}.btn-secondary:hover{border-color:var(--black)}@media (max-width: 1024px){.hero-split-layout{flex-direction:column!important;gap:var(--sp-6)!important;text-align:center!important;align-items:center!important}.hero-left-text,.hero-right-text{align-items:center!important;text-align:center!important;max-width:100%!important}.hero-huge-title{font-size:clamp(48px,9vw,96px)!important;text-align:center!important}.hero-buttons{justify-content:center!important}}