/* v80: light bento workspace; authored cinematic styles remain isolated. */
.identity__social{display:flex;gap:13px;margin-top:11px;font-size:9px;color:#626b59}.identity__social a{display:flex;align-items:center;min-height:30px}.identity__social a:hover{color:var(--accent-ink)}.rail-nav{margin-top:16px}
.identity__portrait{border-radius:22px}.rail-nav a{border-radius:11px;transition:background .22s,color .22s}.btn{border-radius:12px}.project-card,.form{border-radius:20px}.identity__line{max-width:26ch}.dashboard-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:24px}.dashboard-intro h1{font-size:clamp(34px,3.2vw,49px);line-height:1.02;font-weight:650;margin:10px 0 13px;letter-spacing:-.045em}.dashboard-intro h1 span{color:var(--accent-ink)}.dashboard-intro>div>p:last-child{max-width:65ch;font-size:12px;line-height:1.7}.dashboard-intro>.btn{flex-shrink:0}.tools-rail{display:flex;align-items:center;gap:20px;border:1px solid var(--c-line);border-radius:19px;background:#ffffff;padding:13px 16px;margin-bottom:16px;min-width:0}.tools-rail__label{flex-shrink:0;padding-right:16px;border-right:1px solid var(--c-line)}.tools-rail__label small{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#626b59}.tools-rail__label h2{font:600 12px/1.6 var(--sans);letter-spacing:0}.tools-rail__window{overflow:hidden;flex:1;min-width:0;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.tools-rail__track{display:flex;width:max-content;animation:tool-travel 42s linear infinite}.tools-rail ul{list-style:none;display:flex;gap:28px;align-items:center;margin:0;padding:0 28px 0 0;flex-shrink:0}.tools-rail li{display:flex;gap:10px;align-items:center;white-space:nowrap;font-size:11px;font-weight:600}.tool-logo{width:42px;height:42px;display:grid;place-items:center;padding:0;flex-shrink:0}.tool-logo img{height:28px;width:28px;object-fit:contain}.tool-logo--cloudflare{width:48px}.tool-logo--cloudflare img{width:34px;height:28px}.tools-rail__pause{width:32px;height:36px;flex-shrink:0;background:transparent;border:0;color:#626b59;font-size:10px}.tools-rail.is-paused .tools-rail__track{animation-play-state:paused}@keyframes tool-travel{to{transform:translateX(-50%)}}
.dashboard-world{position:relative;isolation:isolate;border-radius:28px;padding:12px;background:#edf1e6;overflow:hidden;border:1px solid #c9d4b8}.dashboard-world>.scene-aurora{z-index:0;opacity:.26;pointer-events:none}.bento-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.bento-card{position:relative;display:block;min-width:0;border:1px solid #dce2d3;border-radius:20px;background:linear-gradient(145deg,#fffffffa,#fafcf7f5);padding:21px;overflow:hidden;box-shadow:0 3px 12px #26361b06;transition:transform .32s cubic-bezier(.2,.8,.2,1.15),border-color .25s,background .25s}.bento-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;position:relative;z-index:2}.bento-card header>svg{color:var(--accent-ink);margin-top:5px}.bento-card h2{font-size:24px;line-height:1.12;font-weight:600;letter-spacing:-.035em}.bento-card small{display:block;font-size:9px;color:#626b59;letter-spacing:.08em;margin-bottom:8px}.bento-card em{font-style:normal;color:var(--accent-ink)}.bento-card p{font-size:11px;line-height:1.7;margin-top:10px}.bento-projects{grid-column:span 4}.bento-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:17px}.bento-project{overflow:hidden;display:block;border-radius:11px;background:#f5f7f0;border:1px solid #dfe5d6}.bento-project img{width:100%;height:78px;object-fit:cover;object-position:center 22%;transition:transform .45s var(--ease-out)}.bento-project>span{display:block;font-size:10px;line-height:1.4;padding:8px 10px;color:#424c36}.bento-systems{grid-column:span 2;display:flex;flex-direction:column}.bento-system-screen{position:relative;min-height:120px;flex:1;margin:15px -4px 12px;border-radius:10px;overflow:hidden;background:#edf1e9}.bento-system-screen img{width:100%;height:100%;object-fit:cover;object-position:left top;position:absolute}.bento-system-screen>span{position:absolute;left:8px;bottom:8px;border-radius:6px;padding:4px 7px;font-size:8px;background:#10160e;color:#dfff48}.bento-systems footer{font-size:9px;color:#626b59}.bento-services,.bento-about,.bento-feedback,.bento-contact{grid-column:span 2;min-height:218px}.bento-skills{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin-top:15px}.bento-skills span{font-size:10px;padding:7px 0;border-bottom:1px solid #dce3d3;line-height:1.45}.bento-about{background:#222c14;min-height:224px}.bento-about header,.bento-about>p,.bento-about-sign{position:relative;z-index:2}.bento-about-art{position:absolute;inset:0;background:linear-gradient(0deg,#0a100d 0%,transparent 65%),url('/assets/hero/glass-environment.webp') center/cover;opacity:.55}.bento-about-sign{display:block;margin-top:52px;color:var(--accent-ink);font:600 21px var(--display)}.bento-feedback blockquote{font-size:13px;line-height:1.6;margin:18px 0 0;color:#303b23}.bento-feedback>p{font-size:10px;color:#626b59}.bento-contact{background:linear-gradient(135deg,#f1f6df,#e8f0d5);display:flex;flex-direction:column;justify-content:center}.bento-contact h2{font-size:34px}.bento-contact>span{display:flex;align-items:center;justify-content:space-between;margin-top:23px;font-size:11px;color:var(--accent-ink)}.bento-grid:has(.bento-feedback) .bento-contact{display:none}.home-bottom>div{display:flex;gap:22px}.systems-feature{border:1px solid var(--c-line);border-radius:24px;overflow:hidden;background:#ffffff;display:grid;grid-template-columns:1fr 1.4fr}.systems-feature__copy{padding:30px}.systems-feature h3,.systems-demo h3{font-size:32px;line-height:1.1;margin:12px 0 18px}.systems-feature p,.systems-demo p{font-size:12px;line-height:1.8}.systems-feature__visual{position:relative;background:#d7e3cb;padding:20px}.systems-feature__visual img{width:100%;height:100%;object-fit:contain;border-radius:12px}.systems-feature__visual>span{position:absolute;bottom:25px;left:28px;background:#11190e;color:#dfff48;border-radius:6px;padding:5px 10px;font-size:9px}.systems-demo{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;margin-top:24px;padding:27px;border:1px solid var(--c-line);border-radius:23px;background:#ffffff}.systems-demo p{max-width:55ch}.systems-demo dl>div{padding:10px 0;border-bottom:1px solid var(--c-line)}.systems-demo dt{font-weight:700;color:var(--accent-ink);margin-bottom:4px}.systems-demo dd{font-size:12px;color:#626b59}.feedback-list{display:grid;gap:20px;max-width:850px}.feedback-card{border:1px solid var(--c-line);border-radius:24px;background:#ffffff;padding:40px}.feedback-card blockquote{font:500 28px/1.4 var(--display);margin:0 0 30px}.feedback-card figcaption{font-size:14px;color:var(--accent-ink)}.feedback-card figcaption>span{display:block;font-size:12px;color:#626b59;margin-top:4px}.about-art{border-radius:22px}
@media(hover:hover){.bento-card:hover{transform:translateY(-3px);border-color:#8ba84180}.bento-projects:hover img{transform:scale(1.025)}}
@media(min-width:900px) and (max-height:780px){.dashboard-intro{margin-bottom:18px}.dashboard-intro h1{font-size:36px;margin:8px 0}.dashboard-intro .eyebrow{font-size:9px}.tools-rail{padding-block:9px}.bento-card{padding:17px}.bento-card h2{font-size:21px}.bento-project img{height:65px}.bento-project-grid{margin-top:13px;gap:8px}.bento-services,.bento-about,.bento-feedback,.bento-contact{min-height:192px}.bento-skills span{padding:5px 0}.bento-about-sign{margin-top:40px}.bento-contact h2{font-size:30px}}
@media(max-width:1199px){.dashboard-intro{gap:18px}.dashboard-intro h1{font-size:37px}.bento-card{padding:18px}.bento-card h2{font-size:22px}.bento-skills{grid-template-columns:1fr}.bento-skills span{padding:4px 0}.bento-services,.bento-about,.bento-contact,.bento-feedback{min-height:260px}.systems-feature{grid-template-columns:1fr 1.2fr}}
@media(max-width:899px){.dashboard-intro h1{font-size:40px}.bento-projects{grid-column:span 4}.bento-systems{grid-column:span 2}.bento-card{padding:17px}.bento-card h2{font-size:22px}.systems-feature{grid-template-columns:1fr}.systems-feature__visual{height:300px}.systems-demo{gap:24px}.tools-rail{gap:10px}.rail-nav a{min-height:44px}.bento-project img{height:75px}}
@media(max-width:699px){.workspace{padding:20px 14px}.dashboard-intro{display:block;margin-bottom:20px}.dashboard-intro h1{font-size:clamp(30px,8.7vw,39px);line-height:1.06}.dashboard-intro .eyebrow{font-size:8px;letter-spacing:.09em}.dashboard-intro>div>p:last-child{font-size:12px;max-width:42ch}.dashboard-intro>.btn{margin-top:15px;min-height:42px;padding:10px 15px}.tools-rail{padding:9px 10px;gap:5px;border-radius:15px}.tools-rail__label{max-width:83px;padding-right:9px}.tools-rail__label h2{font-size:10px;line-height:1.4}.tools-rail__label small{font-size:8px}.tools-rail li{font-size:10px;gap:5px}.tools-rail ul{gap:18px;padding-right:18px}.tools-rail__pause{width:28px}.dashboard-world{padding:8px;border-radius:22px}.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bento-card{padding:16px;border-radius:16px;min-height:0}.bento-card h2{font-size:23px}.bento-card header>svg{width:14px}.bento-projects,.bento-systems{grid-column:1/-1}.bento-project img{height:78px}.bento-project>span{font-size:9px;padding:7px 8px;min-height:40px}.bento-project-grid{gap:8px;margin-top:14px}.bento-systems p{max-width:29ch;margin-bottom:6px}.bento-system-screen{height:142px;min-height:142px;flex:none;margin-top:8px}.bento-systems footer{font-size:9px}.bento-services,.bento-about{grid-column:span 1}.bento-services h2,.bento-about h2{font-size:21px}.bento-skills{gap:0;margin-top:12px}.bento-skills span{font-size:9px;padding:5px 0}.bento-about p{font-size:10px}.bento-about-art{background-position:52% center}.bento-about-sign{font-size:19px;margin-top:92px}.bento-contact,.bento-feedback{grid-column:1/-1}.bento-contact{padding:20px}.bento-contact h2{font-size:29px}.bento-contact h2 br{display:none}.bento-contact>span{margin-top:14px}.bento-feedback blockquote{font-size:14px}.home-bottom{font-size:9px;gap:10px}.home-bottom>span{max-width:20ch}.home-bottom>div{gap:15px}.systems-feature__copy{padding:22px}.systems-feature h3,.systems-demo h3{font-size:29px}.systems-feature__visual{height:200px;padding:12px}.systems-feature__visual>span{left:17px;bottom:17px;font-size:8px}.systems-demo{grid-template-columns:1fr;padding:22px;gap:16px}.feedback-card{padding:24px}.feedback-card blockquote{font-size:24px}}
@media(prefers-reduced-motion:reduce){.tools-rail__track{animation:none}.tools-rail__window{overflow-x:auto;mask-image:none}.tools-rail__track>ul[aria-hidden]{display:none}.tools-rail__pause{display:none}.bento-card,.bento-project img{transition:none}.bento-card:hover,.bento-projects:hover img{transform:none}}
@media(max-width:899px){.identity__social{display:none}.is-menu-open .identity__social{display:flex;grid-column:1/-1}}
.bento-about::after{content:'';position:absolute;inset:0;background:linear-gradient(#080d09b0,transparent 80%);pointer-events:none}.bento-about>p{color:#d9e1cd}
@media(max-width:359px){.bento-services h2,.bento-about h2{font-size:19px}}
@media(min-width:900px){.systems-feature__visual{height:330px}}
@media(min-width:1200px){.dashboard-intro h1{font-size:42px}.bento-project img{height:66px}.bento-card{padding:18px}.bento-services,.bento-about,.bento-contact,.bento-feedback{min-height:204px}.bento-about-sign{margin-top:42px}}
@media(min-width:900px) and (max-height:780px){.dashboard-intro h1{font-size:32px}.dashboard-intro>div>p:last-child{font-size:11px}.dashboard-intro{margin-bottom:16px}.bento-card{padding:15px}.bento-project img{height:52px}.bento-project>span{padding:6px 8px;font-size:9px}.bento-services,.bento-about,.bento-contact,.bento-feedback{min-height:174px}.bento-about-sign{margin-top:30px}.bento-card h2{font-size:20px}.bento-skills span{padding:4px 0}.dashboard-world{padding:10px}.bento-grid{gap:12px}.home-bottom{padding-top:7px;margin-top:10px}}

/* Light workspace interactions; original cinema keeps its own dark scene tokens. */
.identity__social{gap:8px}.identity__social a{width:36px;height:36px;justify-content:center;border:1px solid var(--c-line);border-radius:10px;transition:background .2s,color .2s}.identity__social svg{width:17px;height:17px}.identity__social a:hover{background:#edf4d2}.tools-rail__label{max-width:190px}.tools-rail__label h2{max-width:22ch}.tool-logo--claude-code img{mix-blend-mode:multiply}.bento-about{color:#f1f2ec}.bento-about header>svg,.bento-about-sign{color:#dfff48}.bento-about>.scene-aurora{z-index:1;opacity:1}.bento-about-art{opacity:.85}.bento-about:hover{transform:none}.project-card__actions>a:first-child{font-weight:800;color:var(--ink)}.status{background:#f2f5ec;border-color:var(--c-line);color:#66715b;border-radius:6px}.project-card{display:flex;flex-direction:column}.project-card__body{flex:1;display:flex;flex-direction:column}.project-card__actions{margin-top:auto}.project-card dl{margin-bottom:10px}.technology-details{margin-top:24px;border:1px solid var(--c-line);border-radius:16px;padding:18px 22px;background:var(--surface)}.technology-details summary{cursor:pointer;font-weight:600;min-height:28px}.technology-details p{font-size:12px}.project-dialog{box-shadow:0 20px 100px #18230d33}.project-dialog::backdrop{background:#111a14bb}
.process-dialog{color-scheme:dark;--bg:#08090a;--ink:#f1f2ec;--ink-soft:#a7ad98;--accent-ink:#dfff48;--c-soft:#b5bcac;--c-line:#c7df8b26;--c-line-strong:#c7df8b44;color:var(--ink)}.process-dialog .eyebrow{color:#a9b691}
@media(max-width:699px){.tools-rail__label{max-width:100px}.identity__social a{min-height:44px}.technology-details{padding:16px}}
@media(prefers-reduced-motion:reduce){}



.tool-logo--codex img{width:40px;height:40px;transform:translateY(-2px)}.tool-logo--claude-code img{width:32px;height:32px}