/* DEVFOLIO PRO — fresh global stylesheet */
:root{color-scheme:light;--bg:#f7f8fc;--surface:#fff;--surface-2:#f0f1f8;--text:#191a2a;--muted:#696b7d;--line:#e4e5ef;--accent:#7657f6;--accent-2:#5f43df;--accent-wash:rgba(118,87,246,.10);--shadow:0 18px 55px rgba(30,24,70,.08);--shadow-lg:0 28px 80px rgba(30,24,70,.14);--radius:24px;--radius-sm:14px;--container:1160px;--nav-h:78px;--ease:220ms ease}
:root[data-theme="dark"]{color-scheme:dark;--bg:#0d0e15;--surface:#151620;--surface-2:#1d1e2a;--text:#f5f4fc;--muted:#a7a8bb;--line:#2b2c3b;--accent:#a18cff;--accent-2:#b8a8ff;--accent-wash:rgba(161,140,255,.14);--shadow:0 18px 55px rgba(0,0,0,.22);--shadow-lg:0 28px 80px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 20px)}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;transition:background var(--ease),color var(--ease)}body,button,input,textarea,select{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}img,svg,video{max-width:100%}img{display:block;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit}::selection{background:var(--accent);color:#fff}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.container,.nav-inner{width:min(var(--container),calc(100% - 48px));margin-inline:auto}section{position:relative}.section{padding-block:clamp(64px,8vw,104px)}.section-sm{padding-block:56px}.section-heading{max-width:720px;margin:0 0 38px}.section-heading h2,.section-title{margin:0 0 14px;font-size:clamp(30px,4vw,46px);line-height:1.12;letter-spacing:-.045em}.section-heading p,.section-description{margin:0;color:var(--muted)}.section-kicker,.eyebrow,.overline,.section-label{display:inline-flex;align-items:center;gap:9px;margin:0 0 14px;color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.section-intro{max-width:650px;color:var(--muted)}.text-accent{color:var(--accent)}
/* Navigation */
.site-nav{position:sticky;z-index:50;top:0;background:color-mix(in srgb,var(--bg) 86%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav-inner{min-height:var(--nav-h);display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;font-size:1.08rem;font-weight:850;letter-spacing:-.04em}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--accent);color:#fff;font-size:.88rem;box-shadow:0 8px 20px var(--accent-wash)}.nav-links{display:flex;align-items:center;gap:5px;margin-left:auto}.nav-links a{padding:9px 12px;border-radius:11px;color:var(--muted);font-size:.9rem;font-weight:650;transition:background var(--ease),color var(--ease)}.nav-links a:hover,.nav-links a.active{background:var(--accent-wash);color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:10px}.theme-toggle{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:var(--surface);cursor:pointer;transition:transform var(--ease),border-color var(--ease)}.theme-toggle:hover{transform:translateY(-2px);border-color:var(--accent)}.nav-cta{white-space:nowrap}
/* Buttons and links */
.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 19px;border:1px solid transparent;border-radius:14px;font-weight:750;font-size:.93rem;line-height:1.2;cursor:pointer;transition:transform var(--ease),background var(--ease),border-color var(--ease),box-shadow var(--ease)}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 25px var(--accent-wash)}.btn-primary:hover{background:var(--accent-2);box-shadow:0 14px 30px var(--accent-wash)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--line)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-weight:750}.text-link:hover{gap:12px}.hero-actions,.detail-actions,.case-actions,.error-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
/* Home hero */
.hero{padding-block:clamp(55px,8vw,96px) 68px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:center;gap:clamp(36px,7vw,90px)}.hero-copy{position:relative;z-index:1}.status-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#27c88a;box-shadow:0 0 0 5px rgba(39,200,138,.13)}.hero-kicker{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.9rem;font-weight:700}.hero h1{max-width:720px;margin:18px 0 22px;font-size:clamp(42px,6.4vw,76px);line-height:1.02;letter-spacing:-.065em}.hero-description{max-width:610px;margin:0;color:var(--muted);font-size:clamp(1rem,1.5vw,1.15rem)}.hero-actions{margin-top:30px}.hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:27px;color:var(--muted);font-size:.85rem;font-weight:650}.meta-divider,.trust-separator{width:4px;height:4px;border-radius:50%;background:var(--accent)}.hero-visual{position:relative;min-height:440px;display:grid;place-items:center}.visual-orbit{position:absolute;width:min(100%,430px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle,var(--accent-wash),transparent 68%)}.orbit-one,.orbit-two{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:50%}.orbit-one{inset:9%}.orbit-two{inset:20%}.profile-card{position:relative;z-index:2;width:min(78%,330px);padding:24px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:25px;background:var(--surface);box-shadow:var(--shadow-lg);transform:rotate(-3deg)}.profile-card-top,.profile-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.window-dots{display:flex;gap:5px}.window-dots span{width:7px;height:7px;border-radius:50%;background:var(--line)}.card-label,.mock-label{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.profile-monogram{display:grid;place-items:center;width:126px;aspect-ratio:1;margin:27px auto 22px;border-radius:35px;background:linear-gradient(145deg,var(--accent),#b9a9ff);color:#fff;font-size:3rem;font-weight:900;letter-spacing:-.08em}.profile-name{font-size:1.18rem;font-weight:850;letter-spacing:-.03em}.profile-role{color:var(--muted);font-size:.85rem}.profile-arrow{color:var(--accent);font-size:1.25rem}.floating-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow);font-size:.83rem;font-weight:750}.chip-top{top:12%;right:0}.chip-bottom{bottom:12%;left:0}.chip-icon{color:var(--accent)}.visual-caption{position:absolute;bottom:0;color:var(--muted);font-size:.78rem;letter-spacing:.04em}.trust-strip{padding-block:24px;border-block:1px solid var(--line)}.trust-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:.82rem;font-weight:750}.trust-separator{opacity:.65}
/* Cards and feature grids */
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card,.skill-card,.detail-card,.case-insight,.contact-form-card,.contact-note,.about-note{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.feature-card{padding:25px}.feature-number,.skill-index{color:var(--accent);font-size:.78rem;font-weight:850;letter-spacing:.08em}.feature-icon{width:44px;height:44px;display:grid;place-items:center;margin:18px 0;border-radius:14px;background:var(--accent-wash);color:var(--accent);font-size:1.2rem}.feature-card h3,.skill-card h3{margin:0 0 8px;font-size:1.08rem;letter-spacing:-.025em}.feature-card p,.skill-card p{margin:0;color:var(--muted);font-size:.93rem}.featured-section{padding-top:25px}.heading-link{display:inline-flex;align-items:center;gap:8px;font-weight:750;color:var(--accent)}.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease)}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.project-card-large{grid-column:span 1}.project-image{position:relative;min-height:250px;display:grid;place-items:center;overflow:hidden;padding:24px;background:var(--surface-2)}.project-info{padding:22px 24px 25px}.project-category,.project-meta{color:var(--accent);font-size:.75rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.project-info h3{margin:7px 0;font-size:1.25rem;letter-spacing:-.035em}.project-info p{margin:0;color:var(--muted);font-size:.92rem}.project-image-arrow{position:absolute;right:18px;bottom:15px;color:var(--accent);font-size:1.3rem}.project-image-northstar,.project-image-fieldnotes{background:linear-gradient(135deg,#e6e2ff,#f6eefa)}.northstar-art{width:75%;min-height:155px;display:grid;place-items:center;border:1px solid rgba(80,62,130,.18);background:#fbf9ff;color:#2a2341;box-shadow:0 20px 50px rgba(40,30,80,.12)}.northstar-art:before{content:"NORTHSTAR";font-family:Georgia,serif;font-size:clamp(1.3rem,3vw,2rem);letter-spacing:.16em}.fieldnotes-art{position:relative;width:72%;height:165px;display:grid;place-items:center;background:#f7f0e5;color:#333027;border-radius:8px;box-shadow:0 20px 45px rgba(45,38,25,.13);transform:rotate(-3deg)}.fieldnotes-art:before{content:"fieldnotes";font-family:Georgia,serif;font-size:2rem;font-style:italic}.fieldnotes-circle{position:absolute;width:42px;height:42px;right:16%;top:18%;border:1px solid #9a7b50;border-radius:50%}
/* Mock browser / dashboard artwork */
.mock-window{width:min(100%,470px);overflow:hidden;border:1px solid rgba(120,120,150,.28);border-radius:15px;background:var(--surface);box-shadow:0 20px 55px rgba(28,25,60,.14)}.mock-window-bar{height:31px;display:flex;align-items:center;gap:5px;padding:0 12px;border-bottom:1px solid var(--line);background:var(--surface)}.mock-window-bar:before{content:"";width:7px;height:7px;border-radius:50%;background:#ff8276;box-shadow:12px 0 #ffc45d,24px 0 #4dce94}.dashboard-preview{display:grid;grid-template-columns:78px minmax(0,1fr);min-height:155px;background:var(--surface)}.dashboard-sidebar{padding:13px 9px;background:var(--surface-2);border-right:1px solid var(--line)}.dashboard-sidebar:before{content:"";display:block;width:36px;height:6px;margin-bottom:18px;border-radius:6px;background:var(--accent)}.dashboard-sidebar:after{content:"";display:block;height:65px;border-radius:5px;background:repeating-linear-gradient(to bottom,var(--line) 0 5px,transparent 5px 16px)}.dashboard-main{min-width:0;padding:15px}.mock-heading{font-size:.8rem;font-weight:850}.mock-subtitle{margin-top:2px;color:var(--muted);font-size:.62rem}.chart-bars{height:65px;display:flex;align-items:end;gap:7px;margin-top:15px;padding:9px 12px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0 20px,var(--line) 21px 22px)}.chart-bars span{flex:1;min-width:4px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--accent),#b5a7ff);height:var(--bar,50%)}.chart-bars span:nth-child(1){--bar:38%}.chart-bars span:nth-child(2){--bar:65%}.chart-bars span:nth-child(3){--bar:48%}.chart-bars span:nth-child(4){--bar:82%}.chart-bars span:nth-child(5){--bar:58%}.chart-bars span:nth-child(6){--bar:94%}
/* Inner pages */
.page-hero{padding:clamp(52px,7vw,82px) 0 30px}.page-hero .page-intro{max-width:760px}.page-intro h1,.projects-title,.case-title,.detail-title{margin:0 0 18px;font-size:clamp(38px,5.5vw,64px);line-height:1.05;letter-spacing:-.06em}.page-intro p,.case-lead,.detail-lead{max-width:720px;margin:0;color:var(--muted);font-size:1.08rem}.about-grid,.contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(28px,6vw,70px)}.about-visual{position:relative;min-height:370px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}.about-art{width:72%;aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;padding:24px;border-radius:24px;background:linear-gradient(145deg,#785cf7,#b6a8ff);color:#fff;box-shadow:var(--shadow-lg);transform:rotate(-4deg)}.about-art-top,.about-art-bottom{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;font-weight:800}.about-big-mark{align-self:center;font-size:clamp(4rem,10vw,7rem);font-weight:900;letter-spacing:-.1em}.about-note{position:absolute;right:12px;bottom:16px;display:flex;align-items:center;gap:10px;padding:13px 15px;font-size:.83rem;font-weight:700}.note-icon{color:var(--accent)}.about-copy p{color:var(--muted)}.values-section{padding-top:25px}.about-bottom{margin-top:35px}.skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.skill-card{padding:22px}.skill-card-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}.skill-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.skill-tags span{padding:5px 9px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:.75rem}.journey-section{padding-top:20px}.timeline{position:relative;max-width:850px;margin:0 auto}.timeline:before{content:"";position:absolute;top:10px;bottom:10px;left:22px;width:1px;background:var(--line)}.timeline-item{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:18px;padding-bottom:28px}.timeline-number{position:relative;z-index:1;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--accent);font-weight:850}.timeline-label{color:var(--accent);font-size:.76rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.timeline-item h3{margin:5px 0;font-size:1.15rem}.timeline-item p{margin:0;color:var(--muted)}
/* Projects listing */
.projects-hero{padding:clamp(55px,7vw,86px) 0 25px}.projects-eyebrow{display:block;color:var(--accent);font-size:.78rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.projects-title{max-width:850px;margin-top:12px}.projects-lead{max-width:680px;color:var(--muted);font-size:1.08rem}.project-filters{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.project-filter{padding:9px 15px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.85rem;font-weight:750;cursor:pointer;transition:all var(--ease)}.project-filter:hover,.project-filter.active{border-color:var(--accent);background:var(--accent);color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding-bottom:70px}.project-number{color:var(--muted);font-size:.76rem;font-weight:800}.project-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:16px}.project-image-apex{background:linear-gradient(145deg,#10172d,#253a66)}.apex-art{position:relative;width:82%;min-height:170px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:linear-gradient(135deg,#1b2a4a,#324e80);color:#fff}.apex-art:before{content:"APEX";font-size:clamp(2rem,4vw,3.3rem);font-weight:900;letter-spacing:.2em}.apex-bottom{position:absolute;left:18px;bottom:12px;color:#c5d4f4;font-size:.65rem;letter-spacing:.15em}.apex-shape{position:absolute;right:15%;top:18%;width:45px;height:45px;border:1px solid #93b4ff;transform:rotate(45deg)}.projects-cta{margin:0 0 80px;padding:clamp(26px,5vw,48px);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}
/* Case study */
.back-link{display:inline-flex;margin-bottom:24px;color:var(--muted);font-size:.9rem;font-weight:700}.case-meta{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0;color:var(--muted);font-size:.82rem}.case-meta span{padding:6px 10px;border:1px solid var(--line);border-radius:999px}.case-hero-art{margin:35px 0}.case-mock-window{max-width:800px;margin-inline:auto}.case-dashboard{min-height:250px}.case-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:45px;align-items:start}.case-sidebar{position:sticky;top:calc(var(--nav-h) + 22px);padding:20px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.case-sidebar-item{padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:.86rem}.case-sidebar-item:last-child{border-bottom:0}.case-content{min-width:0}.case-section{padding-bottom:30px}.case-section h2{margin:0 0 12px;font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.04em}.case-section p,.case-section li{color:var(--muted)}.case-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.case-insight{padding:20px}.case-insight h3{margin:0 0 8px;font-size:1rem}.case-insight p{margin:0;font-size:.9rem}.case-decision{display:flex;gap:15px;margin:18px 0;padding:20px;border-left:3px solid var(--accent);border-radius:0 14px 14px 0;background:var(--accent-wash)}.case-decision-number{flex-shrink:0;color:var(--accent);font-weight:900}.case-result-note{padding:18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}.case-navigation{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.case-bottom,.detail-footer{margin-top:40px}
/* Standalone concept pages */
.case-hero,.detail-hero{padding:clamp(55px,8vw,95px) 0 35px}.case-eyebrow{color:var(--accent);font-size:.78rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.case-title,.detail-title{margin-top:12px}.case-art,.art{position:relative;min-height:300px;display:grid;place-items:center;overflow:hidden;margin:28px 0 40px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}.case-orb{width:180px;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,var(--accent),#c2b5ff);box-shadow:0 0 0 35px var(--accent-wash),0 0 0 70px color-mix(in srgb,var(--accent-wash) 55%,transparent)}.case-art-copy{position:absolute;left:7%;bottom:8%;max-width:270px;font-size:clamp(1.5rem,4vw,2.8rem);font-weight:900;line-height:1.05;letter-spacing:-.05em}.case-grid,.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.case-stat,.detail-card{padding:22px}.case-stat strong{display:block;color:var(--accent);font-size:1.8rem;line-height:1.2}.case-stat span{color:var(--muted);font-size:.85rem}.case-block,.detail-content,.detail-section{max-width:850px;margin:0 auto 28px}.case-block h2,.detail-section h2{font-size:1.6rem;letter-spacing:-.04em}.case-block p,.detail-section p,.detail-content p{color:var(--muted)}.case-button,.detail-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid var(--line);border-radius:13px;background:var(--surface);font-weight:750}.case-button.primary,.detail-button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.detail-hero{padding-bottom:20px}.detail-hero .eyebrow{color:var(--accent)}.detail-lead{margin-bottom:22px}.detail-actions{margin-top:22px}.art{min-height:330px;background:linear-gradient(135deg,#e9e5ff,#f6edf8)}.art-inner{position:relative;width:70%;height:210px;display:grid;place-items:center;border:1px solid rgba(50,40,80,.18);background:#fff;color:#2a2341;box-shadow:0 24px 60px rgba(35,25,70,.15)}.art-inner:before{content:"STUDIO";font-family:Georgia,serif;font-size:clamp(1.6rem,4vw,3rem);letter-spacing:.15em}.art-circle{position:absolute;width:80px;height:80px;right:10%;top:10%;border:1px solid #9b88df;border-radius:50%}.story-preview{padding:clamp(24px,5vw,45px);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.story-feature{margin:0 0 18px;font-family:Georgia,serif;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.3}.story-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.story-item{padding:17px;border:1px solid var(--line);border-radius:14px;color:var(--muted);font-size:.9rem}
/* Contact and forms */
.contact-copy h2{margin:0 0 12px;font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.04em}.contact-description{color:var(--muted)}.contact-detail-list{display:grid;gap:12px;margin:25px 0}.contact-detail{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.contact-detail-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--accent-wash);color:var(--accent)}.contact-detail-label{display:block;color:var(--muted);font-size:.76rem}.contact-detail strong{font-size:.9rem;overflow-wrap:anywhere}.contact-note{padding:18px;color:var(--muted);font-size:.88rem}.contact-form-card{padding:clamp(22px,4vw,34px)}.form-heading h2{margin:0 0 8px;font-size:1.5rem}.form-heading p{margin:0 0 22px;color:var(--muted);font-size:.92rem}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.form-field label{font-size:.85rem;font-weight:750}.form-field input,.form-field textarea,.form-field select{width:100%;min-width:0;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);outline:none;transition:border-color var(--ease),box-shadow var(--ease)}.form-field textarea{min-height:135px;resize:vertical}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.form-submit{width:100%}.form-status{margin-top:12px;color:var(--muted);font-size:.88rem}.cta-panel{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden;padding:clamp(28px,5vw,48px);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}.cta-panel h2{position:relative;z-index:1;max-width:620px;margin:0 0 12px;font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.12;letter-spacing:-.05em}.cta-description{position:relative;z-index:1;max-width:590px;margin:0;color:var(--muted)}.cta-panel .btn{position:relative;z-index:1;flex-shrink:0}.cta-decoration{position:absolute;right:12%;top:-70%;width:290px;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:50%;box-shadow:0 0 0 35px var(--accent-wash),0 0 0 75px color-mix(in srgb,var(--accent-wash) 45%,transparent)}
/* Error page and footer */
.error-section{min-height:65vh;display:grid;place-items:center;padding:70px 0}.error-content{position:relative;z-index:1;max-width:700px;text-align:center}.error-code{color:var(--accent);font-size:clamp(5rem,18vw,10rem);font-weight:950;line-height:.95;letter-spacing:-.09em}.error-content h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.05em}.error-content p{color:var(--muted)}.error-decoration{position:absolute;width:300px;aspect-ratio:1;border-radius:50%;background:var(--accent-wash);filter:blur(4px)}.site-footer{margin-top:45px;border-top:1px solid var(--line)}.footer-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:850}.footer-inner p{margin:0;color:var(--muted);font-size:.82rem}
/* Motion and responsive layout */
[data-reveal]{opacity:1;transform:none}.js [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.js [data-reveal].is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:980px){:root{--nav-h:72px}.nav-inner{gap:14px}.nav-links{gap:1px}.nav-links a{padding:8px;font-size:.83rem}.nav-cta{display:none}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:28px}.hero-visual{min-height:360px}.profile-card{width:82%;padding:19px}.feature-grid,.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-content-grid{grid-template-columns:minmax(0,1fr) 220px;gap:25px}.case-grid,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){:root{--nav-h:auto}.container,.nav-inner{width:calc(100% - 36px)}.nav-inner{min-height:68px;flex-wrap:wrap;padding-block:12px;gap:10px}.brand{font-size:1rem}.brand-mark{width:33px;height:33px}.nav-actions{margin-left:auto}.nav-links{order:3;width:100%;margin:0;overflow-x:auto;justify-content:flex-start;padding:2px 0 3px;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{flex:0 0 auto;padding:8px 11px;font-size:.82rem}.theme-toggle{width:38px;height:38px}.hero{padding-top:45px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(42px,11vw,65px)}.hero-visual{min-height:360px;margin-top:5px}.visual-orbit{width:min(86%,360px)}.profile-card{width:min(72%,300px)}.chip-top{right:4%}.chip-bottom{left:3%}.trust-inner{gap:11px}.section{padding-block:68px}.section-heading{margin-bottom:28px}.feature-grid,.skills-grid{grid-template-columns:1fr}.featured-grid,.projects-grid{grid-template-columns:1fr}.project-image{min-height:230px}.page-hero,.projects-hero{padding-top:48px}.page-intro h1,.projects-title,.case-title,.detail-title{font-size:clamp(37px,10vw,54px)}.about-grid,.contact-grid{grid-template-columns:1fr}.about-visual{min-height:310px}.case-content-grid{grid-template-columns:1fr}.case-sidebar{position:static;order:-1}.case-insight-grid{grid-template-columns:1fr}.cta-panel{align-items:flex-start;flex-direction:column}.cta-panel .btn{width:100%}.footer-inner{align-items:flex-start;flex-direction:column;gap:10px}.case-hero,.detail-hero{padding-top:48px}.case-art,.art{min-height:260px}.story-list{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.error-section{min-height:55vh}}
@media(max-width:420px){.container,.nav-inner{width:calc(100% - 28px)}.hero-visual{min-height:320px}.profile-card{width:76%;padding:16px}.profile-monogram{width:100px;margin:20px auto}.floating-chip{padding:9px 11px;font-size:.75rem}.chip-top{top:8%}.chip-bottom{bottom:8%}.project-info{padding:19px}.project-image{padding:16px;min-height:205px}.dashboard-preview{grid-template-columns:58px minmax(0,1fr)}.dashboard-main{padding:10px}.case-grid,.detail-grid{grid-template-columns:1fr}.contact-form-card{padding:19px}.about-note{right:7px;bottom:9px}.nav-links a{padding:7px 9px}}