@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Sans:wght@300;400;500&family=Fragment+Mono&display=swap";:root{--bg-base:#0d0b10;--bg-surface:#13101a;--text-primary:#f0ebe0;--text-muted:#7a6e82;--text-faint:#3d3545;--sunset-a:#ff6b35;--sunset-b:#e8405a;--sunset-c:#9b3fbf;--sunset-d:#5b2d8e;--grad-sunset:linear-gradient(135deg, #ff6b35, #e8405a, #9b3fbf, #5b2d8e);--grad-subtle:linear-gradient(135deg, #ff6b351f, #9b3fbf1f);--glass-bg:#ffffff0a;--glass-border:#ffffff14;--glass-blur:12px;--hl-orange:#ff6b35;--hl-rose:#e8405a;--hl-violet:#b066d4;--type-hero:clamp(3.5rem, 8vw, 7rem);--type-h1:clamp(2rem, 4vw, 3.5rem);--type-h2:clamp(1.4rem, 2.5vw, 2rem);--type-body:clamp(.95rem, 1.2vw, 1.1rem);--type-mono:.8rem;--type-label:.72rem;--nav-h:64px;--page-px:clamp(20px, 5vw, 80px);--section-gap:clamp(80px, 12vw, 160px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;cursor:none}body{background:var(--bg-base);color:var(--text-primary);font-family:DM Sans,sans-serif;font-weight:300;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--text-faint);border-radius:2px}::selection{color:var(--text-primary);background:#9b3fbf59}:focus-visible{outline:2px solid var(--sunset-a);outline-offset:3px}:focus:not(:focus-visible){outline:none}.font-display{font-family:Cormorant Garamond,serif}.font-mono{font-family:Fragment Mono,monospace}.font-ui{font-family:DM Sans,sans-serif}.hl-orange{color:var(--hl-orange)}.hl-rose{color:var(--hl-rose);font-style:italic}.hl-violet{color:var(--hl-violet)}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:12px}.grad-text{background:var(--grad-sunset);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.reveal{opacity:0;transform:translateY(32px)}img{object-fit:cover;max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:none;font:inherit;background:0 0;border:none}.grad-border{position:relative}.grad-border:after{content:"";border-radius:inherit;background:var(--grad-sunset);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.grad-border:hover:after{opacity:1}@keyframes scrollDot{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(48px)}}@media (width<=768px){:root{--page-px:20px;--section-gap:80px}.cursor-dot,.cursor-ring{display:none!important}html{cursor:auto}button,a{cursor:pointer}.nav-links{display:none}.about-split,.casestudy-layout{grid-template-columns:1fr!important}.work-grid>div{grid-column:span 12!important}.featured-grid{grid-template-columns:1fr!important}.featured-grid>div:first-child{grid-column:span 1!important}}