@tailwind base;@tailwind components;@tailwind utilities;:root{color-scheme:dark;--color-canvas: 0 0 0;--color-surface: 10 10 14;--color-panel: 16 16 22;--color-primary: 248 248 255;--color-muted: 130 132 165;--color-subtle: 64 66 100;--color-line: 30 32 60;--color-accent: 161 181 254;--color-accent-soft: 16 18 50;--color-glow: 161 181 254;--color-shadow: 0 0 0;--light-bg: 238 240 248;--light-text: 10 10 20;--light-muted: 80 82 110;--nav-scrolled-bg: rgba(0, 0, 8, .88)}html:not(.dark){color-scheme:light;--color-canvas: 236 238 247;--color-surface: 255 255 255;--color-panel: 255 255 255;--color-primary: 17 17 22;--color-muted: 88 92 114;--color-subtle: 148 152 175;--color-line: 208 212 228;--color-accent: 67 83 255;--color-accent-soft: 222 227 255;--color-glow: 67 83 255;--color-shadow: 120 130 180;--nav-scrolled-bg: rgba(236, 238, 247, .88)}*{scroll-behavior:smooth;cursor:none}html,body,a,button,canvas,video,img,input,textarea,select,a:hover,button:hover{cursor:none!important}html{background:rgb(var(--color-canvas));transition:background-color .35s ease;overflow-x:clip}body{min-height:100vh;background-color:transparent;color:rgb(var(--color-primary));line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-family:Sora,ui-sans-serif,system-ui,sans-serif;transition:color .35s ease}#root{min-height:100vh;position:relative}h1,h2,h3,h4{font-family:Sora,ui-sans-serif,system-ui,sans-serif;font-weight:700;line-height:.94;letter-spacing:-.04em}button,input,textarea,select,span,p,div,a,li{font-family:inherit}a{text-decoration:none;color:inherit}::selection{background:rgb(var(--color-accent) / .28);color:rgb(var(--color-primary))}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgb(var(--color-line));border-radius:2px}.cursor-ring{position:fixed;top:0;left:0;width:36px;height:36px;border:1.5px solid rgb(var(--color-accent) / .55);border-radius:50%;pointer-events:none;z-index:99999;will-change:transform;transition:width .25s cubic-bezier(.22,1,.36,1),height .25s cubic-bezier(.22,1,.36,1),border-color .2s,opacity .2s}.cursor-dot{position:fixed;top:0;left:0;width:5px;height:5px;background:rgb(var(--color-accent));border-radius:50%;pointer-events:none;z-index:99999;will-change:transform}.cursor-ring.is-hovering{width:54px;height:54px;border-color:rgb(var(--color-accent))}.cursor-ring.is-hidden,.cursor-dot.is-hidden{opacity:0}.cursor-ring.on-light{border-color:rgb(var(--light-text) / .35)}.cursor-ring.on-light.is-hovering{border-color:#0a0a14b3}.cursor-dot.on-light{background:rgb(var(--light-text))}@layer components{.theme-card{@apply rounded-2xl border bg-surface/90 backdrop-blur-xl;border-color:rgb(var(--color-line))}.theme-band{@apply border-y bg-surface/80 backdrop-blur-xl;border-color:rgb(var(--color-line))}.theme-tag{@apply rounded-full border font-medium tracking-wide;padding:.34rem .85rem;border-color:rgb(var(--color-accent) / .22);background:rgb(var(--color-accent) / .08);color:rgb(var(--color-accent));transition:border-color .2s,background .2s,transform .2s}.theme-tag:hover{border-color:rgb(var(--color-accent) / .5);background:rgb(var(--color-accent) / .16);transform:translateY(-1px)}.light-tag{@apply rounded-full border px-3 py-1 text-xs font-medium tracking-wide;border-color:#a1b5fe66;background:#a1b5fe1f;color:#46c;transition:background .2s,color .2s}.light-tag:hover{background:#a1b5fe40}.section-label{@apply text-[.63rem] font-semibold uppercase tracking-[.32em];color:rgb(var(--color-subtle))}.section-label-light{@apply text-[.63rem] font-semibold uppercase tracking-[.32em];color:rgb(var(--light-muted))}.display-heading{font-size:clamp(3.8rem,9.5vw,10rem);font-weight:800;letter-spacing:-.055em;line-height:.9}.display-heading-dark{font-size:clamp(3.5rem,9vw,9.5rem);font-weight:800;letter-spacing:-.055em;line-height:.88;color:rgb(var(--light-text))}.pill-btn{@apply inline-flex items-center gap-2 rounded-full font-semibold tracking-wide;padding:.85rem 1.8rem;font-size:.8rem;letter-spacing:.06em;background:rgb(var(--color-primary));color:rgb(var(--color-canvas));transition:transform .25s,box-shadow .25s}.pill-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px -8px rgb(var(--color-shadow) / .5)}.pill-btn-outline{@apply inline-flex items-center gap-2 rounded-full border font-medium tracking-wide;padding:.75rem 1.6rem;font-size:.78rem;letter-spacing:.04em;border-color:#0a0a1440;color:rgb(var(--light-text));background:rgb(var(--light-bg));transition:background .2s,border-color .2s}.pill-btn-outline:hover{background:#a1b5fe26;border-color:#a1b5fe;color:#34c}}.tilt-card{transform-style:preserve-3d;will-change:transform;transition:box-shadow .35s ease}.tilt-card:hover{box-shadow:0 0 0 1px rgb(var(--color-accent) / .18),0 28px 70px -18px rgb(var(--color-accent) / .2)}.tilt-inner{transform:translateZ(18px);transform-style:preserve-3d}.section-line{display:block;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--color-line)) 15%,rgb(var(--color-line)) 85%,transparent)}.section-line-light{display:block;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(161,181,254,.3) 15%,rgba(161,181,254,.3) 85%,transparent)}.accent-glow{color:rgb(var(--color-accent));text-shadow:0 0 60px rgb(var(--color-accent) / .5)}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:1001;transform-origin:0 50%;background:linear-gradient(90deg,rgb(var(--color-accent)),#38d9f5,rgb(var(--color-accent)));box-shadow:0 0 12px rgb(var(--color-accent) / .6);pointer-events:none}.shimmer-text{background:linear-gradient(100deg,rgb(var(--color-accent)) 20%,#cdd8ff 38%,#fff,#cdd8ff 62%,rgb(var(--color-accent)) 80%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:shimmer-sweep 6.5s ease-in-out infinite}@keyframes shimmer-sweep{0%,to{background-position:140% 0}50%{background-position:-40% 0}}.hero-letter{display:inline-block;color:rgb(var(--color-accent));transition:transform .35s cubic-bezier(.22,1,.36,1),color .35s ease}.hero-letter--alt{color:rgb(var(--color-primary))}.hero-letter:hover{transform:translateY(-.14em) rotate(-6deg) scale(1.08);color:rgb(var(--color-primary))}.hero-letter--alt:hover{color:rgb(var(--color-accent))}html:not(.dark) .hero-letter{color:rgb(var(--color-primary))}html:not(.dark) .hero-letter--alt{color:rgb(var(--color-accent))}html:not(.dark) .hero-letter:hover{color:rgb(var(--color-accent))}html:not(.dark) .hero-letter--alt:hover{color:rgb(var(--color-primary))}.type-caret{display:inline-block;width:.07em;height:.82em;margin-left:.09em;background:rgb(var(--color-accent));vertical-align:baseline;animation:caret-blink 1s steps(2) infinite}@keyframes caret-blink{50%{opacity:0}}@keyframes art-spin{to{transform:rotate(360deg)}}.ghost-letter{display:inline-block;color:transparent;-webkit-text-stroke:1px rgb(var(--color-accent) / .08);transition:color .35s ease,-webkit-text-stroke-color .35s ease,transform .35s cubic-bezier(.22,1,.36,1);pointer-events:auto}.ghost-letter:hover{color:rgb(var(--color-accent) / .8);-webkit-text-stroke-color:rgb(var(--color-accent));transform:translateY(-.04em)}.oceanx-marquee{overflow:hidden}.oceanx-track{display:flex;gap:.9rem;width:max-content;animation:oceanx-scroll 40s linear infinite}.oceanx-marquee:hover .oceanx-track{animation-play-state:paused}@keyframes oceanx-scroll{0%{transform:translate(-50%)}to{transform:translate(0)}}.work-media img,.work-media video,.work-media>span{transition:transform .65s cubic-bezier(.22,1,.36,1),filter .55s ease}.work-tile:hover .work-media img,.work-tile:hover .work-media video,.work-tile:hover .work-media>span{transform:scale(1.06);filter:blur(10px) brightness(.92)}.work-arrow{display:inline-block;width:0;opacity:0;overflow:hidden;font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1;white-space:nowrap;transition:width .45s cubic-bezier(.22,1,.36,1),opacity .3s ease,margin-right .45s cubic-bezier(.22,1,.36,1);margin-right:0}.work-tile:hover .work-arrow{width:1.15em;opacity:1;margin-right:.4rem}.ledger-row{border-radius:12px;transition:background .3s ease,transform .3s cubic-bezier(.22,1,.36,1)}.ledger-row:hover{background:rgb(var(--color-accent));transform:translate(6px)}.ledger-row:hover p,.ledger-row:hover span{color:rgb(var(--color-canvas))!important}@media (max-width: 900px){.services-intro{grid-template-columns:1fr!important}}.awards-marquee{overflow:hidden}.awards-track{display:flex;align-items:stretch;width:max-content;animation:oceanx-scroll 55s linear infinite}.awards-marquee:hover .awards-track{animation-play-state:paused}.spotlight{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .35s ease;background:radial-gradient(220px circle at var(--mx, 50%) var(--my, 50%),rgb(var(--color-accent) / .14),transparent 60%)}.spotlight-host:hover .spotlight{opacity:1}.sheen{position:relative;overflow:hidden}.sheen:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-18deg);transition:left .6s cubic-bezier(.22,1,.36,1);pointer-events:none}.sheen:hover:after{left:130%}@media (prefers-reduced-motion: reduce){.shimmer-text{animation:none}.sheen:after{transition:none}.hero-letter{transition:none}.oceanx-track,.awards-track{animation:none}}.service-card{width:100%;height:clamp(20rem,30vw,27rem)}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem}@media (max-width: 860px){.services-grid{grid-template-columns:1fr}.service-card{height:clamp(18rem,70vw,24rem)}}.project-row{position:relative;overflow:hidden;display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;align-items:center;gap:2rem;padding:1.9rem 1.75rem;border-bottom:1px solid rgb(var(--color-line));cursor:pointer;transition:background .4s ease}.project-row:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,var(--accent, #A1B5FE) 0%,transparent 55%);opacity:0;transform:translate(-12px);transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1);pointer-events:none}.project-row:hover:before{opacity:.06;transform:translate(0)}.project-row>*{position:relative;z-index:1}.project-row .row-index{font-size:.78rem;font-weight:600;letter-spacing:.1em;color:rgb(var(--color-subtle));transition:color .35s ease;font-variant-numeric:tabular-nums}.project-row:hover .row-index{color:var(--accent, #A1B5FE)}.project-row .row-title{font-size:clamp(1.35rem,2.6vw,2.1rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;color:rgb(var(--color-primary));transition:transform .4s cubic-bezier(.22,1,.36,1)}.project-row:hover .row-title{transform:translate(8px)}.project-row .row-arrow{font-size:1.25rem;line-height:1;color:var(--accent, #A1B5FE);opacity:0;transform:translate(-10px);transition:opacity .35s ease,transform .35s cubic-bezier(.22,1,.36,1)}.project-row:hover .row-arrow{opacity:1;transform:translate(0)}.project-row .row-year{font-size:.72rem;letter-spacing:.12em;color:rgb(var(--color-subtle));font-variant-numeric:tabular-nums}@media (max-width: 720px){.project-row{grid-template-columns:2.5rem 1fr;gap:.75rem 1.1rem;padding:1.5rem 1rem}.project-row .row-meta{grid-column:2;justify-self:start}.project-row .row-arrow{display:none}.project-row .row-title{font-size:1.3rem}}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:rgb(var(--color-accent));transition:width .3s cubic-bezier(.22,1,.36,1)}.nav-link:hover:after,.nav-link.active:after{width:100%}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:128px}.hero-section{position:relative;height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 2.5rem 5rem;background:transparent;overflow:hidden}.hero-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30vh;background:linear-gradient(to bottom,transparent,rgb(var(--color-canvas)));pointer-events:none}.dark-content{position:relative;z-index:10;background:transparent}.light-content{position:relative;z-index:10;background:rgb(var(--light-bg))}.services-track{position:relative}.services-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.project-detail-left{display:flex;flex-direction:column;justify-content:center;padding:8rem 3.5rem 5rem;min-height:100vh}.project-detail-right{position:relative;overflow:hidden;background:rgb(var(--color-surface));min-height:100vh;display:flex;align-items:center;justify-content:center}.back-btn{display:inline-flex;align-items:center;gap:.5rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:rgb(var(--color-muted));transition:color .2s}.back-btn:hover{color:rgb(var(--color-accent))}.ribbon-path{stroke-width:30px;opacity:.7}@media (max-width: 1024px){.nav-links{display:none!important}.nav-mobile-cta,.nav-burger{display:flex!important}.ribbon-path{stroke-width:16px}.hero-name{font-size:clamp(14vw,18vw,22vw)!important}.services-gallery,.projects-grid{grid-template-columns:repeat(2,1fr)!important}.htu-featured{grid-template-columns:1fr!important}.about-stats-grid{grid-template-columns:repeat(2,1fr)!important}.detail-split{grid-template-columns:1fr!important;min-height:auto!important}.detail-right-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;max-height:none!important;padding:1.5rem!important}.video-preview-wrap{border-radius:14px!important;border-right:1px solid rgba(255,255,255,.06)!important;height:auto!important;aspect-ratio:16 / 9}.video-preview-wrap video{height:auto!important;max-height:60vw}}@media (max-width: 640px){.hero-section{padding:0 1.2rem 4rem!important}.hero-name{font-size:20vw!important}.hero-stats{flex-wrap:wrap;gap:1.5rem!important}#home{height:auto!important;min-height:0!important;padding:11rem 5vw 2.5rem!important}.hero-letter,.hero-letter--alt{color:rgb(var(--color-primary))!important}#about,#services,#projects,#experience{padding:3rem 1.2rem!important}.achievements-ledger{padding:2.5rem 0 3rem!important;margin-bottom:1.5rem!important}.achievements-ledger>span[aria-hidden]{font-size:clamp(3rem,16vw,5rem)!important}.ghost-letter{color:rgb(var(--color-accent) / .4);-webkit-text-stroke-color:rgb(var(--color-accent) / .6)}.service-cinema{height:108vh!important;margin-bottom:1.5rem!important}.about-bio{font-size:clamp(1.4rem,6vw,2rem)!important}.about-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:0!important}.services-gallery,.projects-grid{grid-template-columns:1fr!important}.contact-heading{font-size:clamp(2.2rem,10vw,3.8rem)!important}.contact-heading-wrap{bottom:8rem!important}.nav-links,.ribbon-path{display:none!important}.cinema-cta{padding:.55rem 1rem!important;font-size:.68rem!important;gap:.4rem!important;bottom:2rem!important}.cinema-cta-plus{width:17px!important;height:17px!important;font-size:.78rem!important}.detail-split{grid-template-columns:1fr!important}.detail-right-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;padding:1rem!important;border-left:none!important;border-top:1px solid rgba(161,181,254,.07)!important}.video-preview-wrap{border-radius:12px!important;border-right:1px solid rgba(255,255,255,.06)!important;aspect-ratio:16 / 9;height:auto!important}.video-preview-wrap video{height:auto!important}.detail-left-panel{padding:2rem 1.2rem 3rem!important}.service-detail-split{grid-template-columns:1fr!important}}@media (hover: none) and (pointer: coarse){.cursor-ring,.cursor-dot{display:none!important}*{cursor:auto!important}}@media (max-width: 480px){.contact-heading{font-size:clamp(2rem,9vw,3.2rem)!important}}