.logo{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:.5px}.site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6f3eee6;border-bottom:1px solid #0f111a14;position:-webkit-sticky;position:sticky;top:0;transition:box-shadow .25s ease;z-index:10}.site-header.is-scrolled{box-shadow:0 8px 24px #0f111a14}.header-inner{align-items:center;gap:24px;justify-content:space-between;padding:16px 0}.header-inner,.nav{display:flex;flex-wrap:wrap}.nav{gap:20px}.nav-group{gap:12px}.nav-group,.nav-panel{align-items:center;display:flex}.nav-panel{gap:20px}.nav a{color:var(--muted);font-size:.95rem;font-weight:600}.nav a:focus-visible,.nav a:hover{color:var(--ink)}.nav-cta{white-space:nowrap}.nav-toggle{align-items:center;background:#ffffffb3;border:1px solid var(--line);border-radius:999px;color:var(--ink);cursor:pointer;display:none;font-weight:600;gap:10px;padding:10px 14px}.nav-toggle-label{font-size:.9rem}.nav-toggle-bars{display:inline-flex;flex-direction:column;gap:4px}.nav-toggle-bars span{background:var(--ink);border-radius:999px;height:2px;transition:transform .2s ease,opacity .2s ease;width:18px}.nav-toggle.is-open .nav-toggle-bars span:first-child{transform:translateY(6px) rotate(45deg)}.nav-toggle.is-open .nav-toggle-bars span:nth-child(2){opacity:0}.nav-toggle.is-open .nav-toggle-bars span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media (max-width:900px){.site-header{padding-top:calc(env(safe-area-inset-top) + 12px)}.header-inner{grid-gap:12px 16px;align-items:center;display:grid;gap:12px 16px;grid-template-areas:"toggle logo cta" "panel panel panel";grid-template-columns:auto 1fr auto;padding-bottom:16px;padding-top:36px}.logo{grid-area:logo;justify-self:center}.nav-group{display:contents}.nav-toggle{display:inline-flex;grid-area:toggle;justify-self:start}.nav-cta{grid-area:cta;justify-self:end;width:auto}.nav-panel{align-items:stretch;flex-direction:column;gap:12px;grid-area:panel;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-6px);transition:max-height .3s ease,opacity .3s ease,transform .3s ease;visibility:hidden;width:100%}.nav-panel.is-open{max-height:320px;opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.nav{align-items:flex-start;flex-direction:column}.nav a{padding:6px 0}.nav-cta{justify-content:center;width:100%}}@media (max-width:600px){.nav-toggle-label{display:none}.nav-toggle{padding:10px 12px}.nav-cta{font-size:.85rem;padding:8px 12px}}@media (min-width:901px){.site-header .header-inner{padding:14px clamp(16px,2.5vw,42px)}.site-header .nav-cta{margin-right:6px}}.footer{background:#fff9;border-top:1px solid var(--line);padding:48px 0 64px}.footer-inner{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{color:var(--muted);font-weight:600}.footer-links a:hover{color:var(--ink)}.footer-meta{color:var(--muted);display:flex;flex-direction:column;gap:6px}body.lightbox-open{overflow:hidden}.lightbox{display:grid;inset:0;padding:32px 20px;place-items:center;position:fixed;z-index:30}.lightbox-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f111a8c;inset:0;position:absolute}.lightbox-content{grid-gap:16px;background:#fffffffa;border-radius:var(--radius-lg);box-shadow:0 28px 60px #0f111a4d;display:grid;gap:16px;max-height:90vh;overflow:auto;padding:20px 24px 24px;position:relative;scrollbar-gutter:stable;width:min(920px,92vw);z-index:1}.lightbox-content.is-zoomable{width:min(1200px,96vw)}.lightbox-close{background:#0000;border:none;border-radius:0;cursor:pointer;display:grid;height:32px;justify-self:end;padding:0;place-items:center;position:-webkit-sticky;position:sticky;right:12px;top:0;width:32px;z-index:2}.lightbox-close-icon{height:16px;position:relative;width:16px}.lightbox-close-icon:after,.lightbox-close-icon:before{background:var(--ink);border-radius:999px;content:"";height:2px;left:50%;position:absolute;top:50%;transform-origin:center;width:16px}.lightbox-close-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.lightbox-close-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.lightbox-close:focus-visible{outline:3px solid #c0186366;outline-offset:2px}.lightbox-media{background:#fffffff2;border:1px solid #0f111a14;border-radius:var(--radius-md);display:grid;min-height:320px;padding:16px;place-items:center}.lightbox-media img{border-radius:calc(var(--radius-md) - 6px);display:block;height:auto;max-height:70vh;max-width:100%;object-fit:contain;width:100%}.lightbox-media.is-zoomable img{cursor:zoom-in;max-height:82vh}.lightbox-media.is-zoomed{overflow:auto;place-items:start}.lightbox-media.is-zoomed img{cursor:zoom-out;max-height:none;max-width:none;width:220%}.lightbox-gallery{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.lightbox-gallery img{border-radius:calc(var(--radius-md) - 6px);height:auto;max-height:65vh;object-fit:contain;width:100%}.lightbox-placeholder{color:var(--muted);font-weight:600;text-align:center}.lightbox-meta h3{margin-bottom:8px}.lightbox-content::-webkit-scrollbar{width:10px}.lightbox-content::-webkit-scrollbar-track{background:#0000}.lightbox-content::-webkit-scrollbar-thumb{background:#0f111a59;background-clip:padding-box;border:3px solid #0000;border-radius:999px}.lightbox-content::-webkit-scrollbar-thumb:hover{background:#0f111a80}@media (max-width:700px){.lightbox-content{padding:32px 20px 20px}.lightbox-media{min-height:240px}.lightbox-media img{max-height:60vh}.lightbox-gallery{grid-template-columns:1fr}}@media (max-width:600px){.lightbox{padding:24px 16px}.lightbox-close{top:16px}.lightbox-media{min-height:200px;padding:12px}}.scroll-progress{background:linear-gradient(90deg,var(--accent),var(--accent-2));height:3px;left:0;opacity:.9;pointer-events:none;position:fixed;top:0;transform:scaleX(var(--scroll-progress));transform-origin:left;transition:transform .15s ease-out;width:100%;z-index:20}.skip-link{background:var(--ink);border-radius:999px;color:#fff;left:-999px;padding:8px 16px;position:absolute;top:16px;z-index:100}.skip-link:focus{left:16px}.hero{padding:96px 0 48px}.hero-grid{grid-gap:48px;align-items:center;display:grid;gap:48px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.hero-copy{max-width:560px;opacity:0;transform:translateY(var(--hero-shift-soft));will-change:transform}.hero-copy h1{font-size:clamp(2.6rem,4vw,4.2rem)}.hero-card{--hero-border:#c0186399;--hero-border-2:#ff7aa899;--hero-glow:#c018631f;--hero-dot:var(--accent-2);--hero-dot-glow:#ff7aa833;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--hero-border),var(--hero-border-2)) border-box;border:1px solid #0000;border-radius:var(--radius-lg);box-shadow:var(--shadow);opacity:0;overflow:hidden;padding:28px;position:relative;transform:translateY(var(--hero-shift));will-change:transform}.hero-card:after{background:radial-gradient(circle at top right,var(--hero-glow),#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.hero-card h2{font-size:1.6rem}.hero-card-header{align-items:center;display:flex;gap:10px;margin-bottom:18px}.pill{background:#0f111a14;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.16em;padding:6px 12px;text-transform:uppercase}.status-dot{background:var(--hero-dot);border-radius:50%;box-shadow:0 0 0 6px var(--hero-dot-glow);height:8px;width:8px}.hero-card--philips{--hero-border:#2f6fa8b3;--hero-border-2:#7bb3e3b3;--hero-glow:#2f6fa829;--hero-dot:#2f6fa8;--hero-dot-glow:#2f6fa833}.subtle{color:var(--muted);font-size:.9rem}.hero-card-meta{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:20px 0 24px}@media (max-width:1100px){.hero-grid{grid-template-columns:1fr}.hero-card,.hero-copy{max-width:none}}@media (max-width:700px){.hero{padding:80px 0 32px}}@media (max-width:600px){.hero-copy h1{font-size:clamp(2.1rem,8vw,3rem)}.hero-card{padding:22px}.hero-card h2{font-size:1.4rem}}.section-head{align-items:flex-end;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;margin-bottom:32px}.project-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{--project-accent:var(--accent);--project-accent-soft:#c018631f;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 14px 30px #0f111a14;cursor:pointer;display:flex;flex-direction:column;min-height:100%;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.project-card:hover{box-shadow:0 20px 40px #0f111a1f;transform:translateY(-6px) scale(1.015)}.project-card:focus-visible{outline:3px solid #0f111a33;outline-offset:4px}.project-card--krom{--project-accent:#e36c2f;--project-accent-soft:#e36c2f26}.project-card--philips{--project-accent:#2f6fa8;--project-accent-soft:#2f6fa826}.project-card.feature{display:grid;grid-column:span 2;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.project-card.feature .project-cover{height:100%;min-height:260px}.project-card.feature .project-body{padding:32px}.project-cover{background:#e1e5f0;height:180px;overflow:hidden;position:relative}.project-cover:after{background:linear-gradient(180deg,#0f111a2e,#0f111a0f 45%,#0f111a00);content:"";inset:0;pointer-events:none;position:absolute}.project-cover img{display:block;height:100%;object-fit:cover;width:100%}.cover-1{background:linear-gradient(140deg,#c01863e6,#ff7aa8e6)}.cover-2{background:linear-gradient(140deg,#ff7aa8e6,#ffb287e6)}.cover-3{background:linear-gradient(140deg,#c01863d9,#0f111ae6)}.cover-4{background:linear-gradient(140deg,#0f111af2,#ffb287e6)}.project-body{display:flex;flex-direction:column;gap:12px;padding:24px}.project-title{align-items:center;display:flex;gap:12px;margin:0}.project-logo{background:#ffffffe6;border:1px solid #0f111a1f;border-radius:50%;box-shadow:0 8px 18px #0f111a1a;color:var(--project-accent);display:grid;font-weight:700;height:40px;letter-spacing:.08em;overflow:hidden;place-items:center;text-transform:uppercase;width:40px}.project-logo img{border-radius:inherit;display:block;height:100%;object-fit:cover;width:100%}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.project-card .tag{background:var(--project-accent-soft)}.project-card .text-link{color:var(--project-accent)}.project-meta{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:8px 0 16px}@media (max-width:900px){.project-card.feature,.project-grid{grid-template-columns:1fr}.project-card.feature .project-cover{min-height:220px}}@media (max-width:700px){.project-grid{grid-template-columns:1fr}.project-card.feature{grid-column:span 1}}@media (max-width:600px){.project-cover{height:160px}}.process-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}.process-card{background:#fffc;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:0 10px 24px #0f111a14;padding:22px}.step{color:var(--accent);font-size:.8rem;font-weight:600;letter-spacing:.14em}@media (max-width:900px){.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.process-grid{grid-template-columns:1fr}}.about-grid{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.about-copy{max-width:560px}.about-list{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:24px 0 0;padding:0}.about-list li{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:16px 1fr;padding:10px 0;position:relative}.about-list li:before{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:50%;box-shadow:0 0 0 6px #c018631f;content:"";height:10px;margin-top:6px;width:10px}.about-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.mini-card{background:#ffffffd9;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:0 10px 24px #0f111a14;min-height:100%;padding:22px}.mini-card h3{margin-bottom:10px}.skills-card{grid-column:span 2}.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.education-list{color:var(--muted);list-style:none;margin:12px 0 0;padding:0}.education-list li{grid-gap:4px;display:grid;gap:4px;margin-bottom:10px}.education-title{color:var(--ink);font-weight:600}.education-meta{font-size:.95rem}@media (max-width:900px){.about-cards,.about-grid{grid-template-columns:1fr}.skills-card{grid-column:span 1}}.table-wrap{background:#ffffffb3;border:1px solid var(--line);border-radius:var(--radius-lg);overflow-x:auto;padding:12px}.archive-table{border-collapse:collapse;min-width:560px;width:100%}.archive-table td,.archive-table th{border-bottom:1px solid var(--line);padding:14px 12px;text-align:left}.archive-table th{color:var(--muted);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.archive-table tr:last-child td{border-bottom:none}.contact .container{padding:0 32px}.contact-card{align-items:center;background:linear-gradient(135deg,#2d5bff1f,#00b3a41a);border:1px solid #2d5bff33;border-radius:var(--radius-lg);display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:980px;padding:56px}.contact-actions{display:flex;flex-wrap:wrap;gap:16px}@media (max-width:700px){.contact-card{align-items:flex-start;flex-direction:column}}@media (max-width:600px){.contact .container{padding:0 20px}.contact-card{padding:40px}}@media (min-width:901px){.contact .container{padding:0 48px}.contact-card{padding:72px}}.home-page{display:block}.figma-embed{--figma-accent:var(--accent);--figma-accent-soft:#c018631f;--figma-card-glow:#ffdae859;padding:72px 0}.figma-embed.project-krom{--figma-accent:#e36c2f;--figma-accent-soft:#e36c2f24;--figma-card-glow:#ffd1b066}.figma-embed.project-philips{--figma-accent:#2f6fa8;--figma-accent-soft:#2f6fa824;--figma-card-glow:#c5dcf273}.figma-embed-head{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:24px}.figma-embed-pill{background:var(--figma-accent-soft);border-radius:999px;color:var(--figma-accent);font-size:.7rem;font-weight:600;letter-spacing:.16em;padding:8px 14px;text-transform:uppercase}.figma-embed-card{background:linear-gradient(135deg,#ffffffd9,var(--figma-card-glow));border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 18px 40px #0f111a1f;padding:16px}.figma-embed-frame{aspect-ratio:16/9;aspect-ratio:var(--figma-aspect,16/9);background:#fff;border:1px solid #0f111a14;border-radius:var(--radius-md);min-height:320px;overflow:hidden}.figma-embed-frame iframe{border:0;height:100%;width:100%}.figma-embed-empty{background:#ffffffb3;border:1px dashed var(--line);border-radius:var(--radius-md);color:var(--muted);padding:32px;text-align:center}.figma-embed-empty code{background:#0f111a0f;border-radius:999px;color:var(--ink);display:inline-block;font-size:.85rem;margin-top:12px;padding:8px 12px}@media (max-width:900px){.figma-embed{padding:60px 0}.figma-embed-frame{aspect-ratio:4/3}}@media (max-width:600px){.figma-embed-card{padding:12px}.figma-embed-frame{min-height:240px}}.project-selector{padding:48px 0}.project-selector-head{align-items:center;display:flex;flex-direction:column;gap:16px}.project-selector-controls{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.project-selector-btn{--project-accent:var(--accent);--project-accent-2:var(--accent-2);--project-shadow:#2d5bff33;align-items:center;background:#ffffffd9;border:1px solid var(--line);border-radius:999px;color:var(--ink);cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;padding:8px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.project-selector-btn:hover{box-shadow:0 10px 22px #0f111a1f;transform:translateY(-2px)}.project-selector-btn.is-active{background:linear-gradient(135deg,var(--project-accent),var(--project-accent-2));border-color:#0000;box-shadow:0 14px 28px var(--project-shadow);color:#fff}.project-selector-btn:focus-visible{outline:3px solid var(--project-accent);outline-offset:3px}.project-selector-btn.project-studio-krom{--project-accent:#e36c2f;--project-accent-2:#ffb287;--project-shadow:#e36c2f40}.project-selector-btn.project-philips{--project-accent:#2f6fa8;--project-accent-2:#7bb3e3;--project-shadow:#2f6fa840}.project-selector-logo{background:#ffffffe6;border:1px solid #0f111a1f;border-radius:50%;display:grid;height:56px;overflow:hidden;place-items:center;width:56px}.project-selector-logo img{display:block;height:100%;object-fit:cover;width:100%}@media (max-width:700px){.project-selector-head{align-items:center}.project-selector-controls{width:100%}}@media (max-width:600px){.project-selector-btn{width:auto}}.work-hero-grid{grid-gap:32px;align-items:center;display:grid;gap:32px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.work-hero-card{background:#ffffffd9;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 12px 26px #0f111a14;padding:24px}.work-hero-list{grid-gap:12px;color:var(--muted);display:grid;font-weight:600;gap:12px;list-style:none;margin:0;padding:0}@media (max-width:1100px){.work-hero-grid{grid-template-columns:1fr}}@media (max-width:600px){.work-hero-card{padding:18px}}.work-detail{--project-accent:var(--accent);--project-accent-2:var(--accent-2);--project-accent-soft:#c0186359;--project-accent-light:#c018631f}.work-detail.project-krom{--project-accent:#e36c2f;--project-accent-2:#ffb287;--project-accent-soft:#e36c2f59;--project-accent-light:#e36c2f33}.work-detail.project-philips{--project-accent:#2f6fa8;--project-accent-2:#7bb3e3;--project-accent-soft:#2f6fa859;--project-accent-light:#2f6fa833}.work-detail-header{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.work-detail-title{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin:6px 0 8px}.work-detail-title h2{margin:0}.work-profile{color:var(--muted);font-weight:600;margin:2px 0 12px}.work-logo{background:#ffffffe6;border:1px solid #0f111a1f;border-radius:50%;box-shadow:0 8px 18px #0f111a1a;color:var(--project-accent);display:grid;font-weight:700;height:44px;letter-spacing:.08em;place-items:center;text-transform:uppercase;width:44px}.work-logo img{border-radius:inherit;height:100%;object-fit:cover;width:100%}.work-detail-body{grid-gap:24px;display:grid;gap:24px;margin-top:24px}.work-detail .btn.primary{background:linear-gradient(135deg,var(--project-accent),var(--project-accent-2));box-shadow:0 16px 35px var(--project-accent-light)}.work-detail .btn.primary:hover{box-shadow:0 20px 40px var(--project-accent-soft)}.work-detail-highlights{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.work-highlight-card{background:#ffffffe6;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:0 10px 24px #0f111a14;padding:20px}.work-highlight-card h3{font-size:1.05rem;margin-bottom:10px}.work-highlight-list{color:var(--muted);margin:0;padding-left:18px}.work-detail-collapsible{background:#ffffffd9;border:1px solid var(--line);border-radius:var(--radius-md);padding:12px 16px 16px}.work-detail-collapsible summary{cursor:pointer;font-weight:600;list-style:none}.work-detail-collapsible summary::-webkit-details-marker{display:none}.work-detail-collapsible summary:after{content:"+";float:right}.work-detail-collapsible[open] summary:after{content:"-"}.work-detail-content{max-height:0;opacity:0;overflow:hidden;transform:translateY(8px);transition:max-height .35s ease,opacity .25s ease,transform .35s ease}.work-detail-collapsible[open] .work-detail-content{max-height:1200px;opacity:1;transform:translateY(0)}.work-detail-content .work-detail-grid{margin-top:16px}.work-media-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.work-media{-webkit-appearance:none;appearance:none;background:#ffffffeb;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:0 10px 24px #0f111a14;color:inherit;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:10px;padding:14px;text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;width:100%}.work-media.wide{grid-column:span 3}.work-media:hover{border-color:var(--project-accent-soft);box-shadow:0 18px 32px #0f111a1f;transform:translateY(-4px)}.work-media:focus-visible{outline:3px solid var(--project-accent-soft);outline-offset:3px}.work-media-thumb{background:linear-gradient(135deg,#ffffffe6,#ffdae880);border:1px solid #0f111a14;border-radius:var(--radius-sm);color:var(--muted);display:grid;font-weight:600;min-height:200px;padding:16px;place-items:center;position:relative;text-align:center}.work-media-thumb.clean{background:#0000}.work-media.wide .work-media-thumb{min-height:280px}.work-media-frame,.work-media-frame img{display:block;height:100%;width:100%}.work-media-frame img{border-radius:inherit;object-fit:cover}.work-media-thumb.frame-browser .work-media-frame,.work-media-thumb.frame-browser-full .work-media-frame{aspect-ratio:16/9;background:linear-gradient(135deg,#fffffffa,#f4f7fff2);border:1px solid #0f111a1f;border-radius:18px;box-shadow:0 18px 36px #0f111a2e;display:grid;overflow:hidden;padding:38px 32px 28px;place-items:center;position:relative;width:min(100%,760px)}.work-media-thumb.frame-browser .work-media-frame:before,.work-media-thumb.frame-browser-full .work-media-frame:before{background:linear-gradient(180deg,#0f111a14,#fff0);border-bottom:1px solid #0f111a14;content:"";height:32px;inset:0 0 auto;position:absolute;z-index:1}.work-media-thumb.frame-browser .work-media-frame:after,.work-media-thumb.frame-browser-full .work-media-frame:after{background:#0f111a59;border-radius:50%;box-shadow:14px 0 0 #0f111a38,28px 0 0 #0f111a29;content:"";height:8px;left:12px;position:absolute;top:10px;width:8px;z-index:2}.work-media-thumb.frame-browser .work-media-frame:not(.gallery) img{background:#fff;border-radius:14px;box-shadow:0 12px 24px #0f111a1f;height:auto;max-height:100%;object-fit:contain;width:min(420px,70%)}.work-media-thumb.frame-browser-full .work-media-frame{display:block;padding:32px 0 0}.work-media-thumb.frame-browser-full .work-media-frame img{border-radius:0 0 18px 18px;display:block;height:100%;object-fit:cover;object-position:top center;width:100%}.work-media-frame.gallery{grid-gap:18px;align-items:center;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.work-media-shot{background:#fff;border:1px solid #0f111a1a;border-radius:14px;box-shadow:0 10px 22px #0f111a1f;padding:10px}.work-media-frame.gallery img{border-radius:10px;display:block;height:100%;object-fit:contain;width:100%}.work-media-frame.gallery.compact{gap:12px;justify-items:center;margin:0 auto;max-width:520px}.work-media-frame.gallery.compact .work-media-shot{background:#0000;border:none;box-shadow:none;display:block;height:auto;max-width:100%;padding:0}.work-media-frame.gallery.compact img{height:auto;width:100%}.work-media-frame.gallery.compact img.is-primary{max-width:none;width:100%}.work-media-thumb.frame-photo .work-media-frame{aspect-ratio:1/1;background:#0000;border:none;border-radius:inherit;box-shadow:none;height:100%;padding:0;width:100%}.work-media-thumb.frame-photo{background:#0000;border:none;padding:0}.work-media-thumb.frame-photo img{border-radius:inherit;height:100%;object-fit:cover;width:100%}.work-media-thumb.frame-extension .work-media-frame{aspect-ratio:9/16;background:#fff;border:1px solid #0f111a24;border-radius:20px;box-shadow:0 18px 34px #0f111a2e;overflow:hidden;width:min(100%,380px)}.work-media-thumb.frame-extension img{object-fit:cover}.work-media-placeholder{font-size:.95rem}.work-media-title{font-weight:700}.work-media-subtle{color:var(--muted);font-size:.9rem}.work-media-hint{color:var(--project-accent);font-size:.75rem;letter-spacing:.14em;opacity:0;text-transform:uppercase;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}.work-media:focus-visible .work-media-hint,.work-media:hover .work-media-hint{opacity:1;transform:translateY(0)}.lightbox-media.tone-rose,.work-media.tone-rose .work-media-thumb{background:linear-gradient(135deg,#ffbed7b3,#ffecf4f2)}.lightbox-media.tone-cream,.work-media.tone-cream .work-media-thumb{background:linear-gradient(135deg,#fff4e8e6,#fffffff2)}.lightbox-media.tone-peach,.work-media.tone-peach .work-media-thumb{background:linear-gradient(135deg,#ffcdaaa6,#fff3e8f2)}.work-meta{grid-gap:12px;background:#ffffffd9;border:1px solid var(--line);border-radius:var(--radius-md);display:grid;gap:12px;padding:18px}.work-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.work-detail-card{background:#ffffffd9;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:0 10px 24px #0f111a14;padding:20px}.work-detail-card h3{margin-bottom:10px}.work-detail-card ul{color:var(--muted);margin:0;padding-left:18px}.work-detail-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.work-note{color:var(--muted);font-size:.9rem;margin-top:12px}@media (max-width:1100px){.work-detail-body{margin-top:20px}.work-detail-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}.work-detail-header{grid-template-columns:1fr}.work-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-media.wide{grid-column:span 2}.work-media-thumb{min-height:190px}.work-media.wide .work-media-thumb{min-height:240px}.work-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.work-detail-highlights,.work-media-grid{grid-template-columns:1fr}.work-media.wide{grid-column:span 1}.work-media-thumb{min-height:180px}.work-media.wide .work-media-thumb{min-height:220px}.work-detail-grid,.work-media-frame.gallery{grid-template-columns:1fr}}@media (max-width:600px){.work-detail-card,.work-meta{padding:18px}}.work-page{display:block}:root{--bg:#f6f3ee;--ink:#0f111a;--muted:#5f6472;--surface:#fff;--surface-alt:#f0f2f8;--accent:#c01863;--accent-2:#ff7aa8;--accent-3:#ffb287;--line:#d9dde6;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--shadow:0 20px 50px #0f111a1f;--max-width:1140px;--font-display:"Dosis","Segoe UI",system-ui,sans-serif;--font-body:"Dosis","Segoe UI",system-ui,sans-serif;--scroll-progress:0;--bg-shift:0px;--hero-shift:0px;--hero-shift-soft:0px}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f6f3ee;background:var(--bg);color:#0f111a;color:var(--ink);font-family:Dosis,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);line-height:1.6;margin:0;min-height:100%;overflow-x:hidden}body:before{background:radial-gradient(circle at 10% 10%,#c018632e,#0000 45%),radial-gradient(circle at 90% 20%,#ff7aa824,#0000 40%),radial-gradient(circle at 50% 80%,#ffb28724,#0000 45%),linear-gradient(135deg,#ffffffd9,#f6f3eef2);transform:translateY(0);transform:translateY(var(--bg-shift));transition:transform .25s ease-out;will-change:transform;z-index:-2}body:after,body:before{content:"";inset:0;position:fixed}body:after{background-image:radial-gradient(#0f111a14 1px,#0000 0);background-size:32px 32px;opacity:.3;pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}.btn:focus-visible,a:focus-visible{outline:3px solid #c0186366;outline-offset:3px}img{display:block;max-width:100%}h1,h2,h3{font-family:Dosis,Segoe UI,system-ui,sans-serif;font-family:var(--font-display);line-height:1.1;margin:0 0 .8rem}p{margin:0 0 1rem}.lead{font-size:1.1rem}.lead,.note{color:#5f6472;color:var(--muted)}.note{font-size:.95rem;margin:0 0 1.5rem}.eyebrow{color:#5f6472;color:var(--muted);font-size:.7rem;font-weight:600;letter-spacing:.22em;margin-bottom:12px;text-transform:uppercase}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.container{margin:0 auto;max-width:1140px;max-width:var(--max-width);padding:0 24px}.section{padding:80px 0;scroll-margin-top:90px}.section-cream{background:#fff2e8f2}.section-rose{background:#ffdae873}.btn,.section-white{background:#ffffffb3}.btn{align-items:center;border:1px solid #d9dde6;border:1px solid var(--line);border-radius:999px;color:#0f111a;color:var(--ink);display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 22px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn.primary{background:linear-gradient(135deg,#c01863,#ff7aa8);background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;box-shadow:0 16px 35px #2d5bff40;color:#fff}.btn.primary:hover{box-shadow:0 20px 40px #2d5bff4d;transform:translateY(-2px)}.btn.ghost:hover{background:#fffffff2;transform:translateY(-2px)}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}.tag{background:#c018631f;border-radius:999px;color:#0f111a;color:var(--ink);font-size:.78rem;font-weight:600;padding:6px 12px}.text-link{align-items:center;color:#c01863;color:var(--accent);display:inline-flex;font-weight:600;gap:6px}.text-link:after{content:"->";transition:transform .2s ease}.text-link:hover:after{transform:translateX(4px)}.meta-label{color:#5f6472;color:var(--muted);display:block;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.meta-value{display:block;font-weight:600}.reveal{opacity:0;transform:translateY(24px);will-change:opacity,transform}@media (max-width:700px){.container{padding:0 28px}.section{padding:60px 0}}@media (max-width:600px){.section{padding:52px 0}.hero-actions .btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.hero-card,.hero-copy,.project-card,.reveal{opacity:1;transform:none;transition:none}body:before{transform:none}.scroll-progress,body:before{transition:none}}
/*# sourceMappingURL=main.d711c16e.css.map*/