/* Existing dark-gold window language; desktop HOME geometry stays in the HTML. */
.nav-group { display:contents; }
.home-work-link { position:absolute; inset:0; z-index:2; }
.home-work-link:focus-visible { outline-offset:-4px; }
.nav-group-label,.menu-toggle,.mobile-location { display:none; }
.sec-btn[aria-current="page"] { color:var(--accent-bright); border-color:rgba(227,185,107,.55); }
.location-trail { position:fixed; bottom:14px; left:24px; z-index:80; display:flex; gap:10px; align-items:center; color:var(--dim2); font-size:9px; letter-spacing:1.4px; pointer-events:none; }
.location-trail #currentSection { color:var(--accent); }
#sectionPosition { margin-left:14px; opacity:.65; }
button:focus-visible,a:focus-visible,[tabindex]:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
.product-section .slide { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); grid-template-rows:minmax(260px,1fr) 112px; gap:20px; padding:128px 5% 54px; overflow-y:auto; overscroll-behavior:contain; }
.product-section .frame { position:relative; left:auto!important; top:auto!important; width:auto!important; height:auto!important; min-width:0; min-height:0; }
.product-section .frame-header { touch-action:pan-y; }
.product-section .resize-handle { display:none; }
.product-section .tool-thumb,.product-section .app-thumb { opacity:1!important; object-fit:contain!important; object-position:center!important; background:#0c0d13; }
.product-section .tool-link::after,.product-section .app-link::after,.product-section .pending-card::after { display:none; }
.product-copy { position:relative; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 20px; background:#101116; border-top:1px solid var(--frame-border); }
.product-copy h3 { font-family:var(--serif); font-size:19px; color:var(--paper); letter-spacing:.3px; }
.product-copy p { margin-top:8px; color:var(--dim2); font-size:12px; line-height:1.7; }
.product-open { flex-shrink:0; font-size:11px; color:var(--accent); border-bottom:1px solid var(--accent-deep); padding-bottom:5px; }
.pending-card { opacity:.7; box-shadow:none; }
.pending-copy { padding:16px 20px; color:var(--dim2); }
.pending-copy span { color:var(--accent); font-size:12px; }
.pending-copy p { margin-top:7px; font-size:11px; line-height:1.6; }
.product-section .product-heading { inset:30px auto auto 5%; align-items:flex-start; justify-content:flex-start; gap:8px; }
.product-heading::before { display:none; }
.product-heading .ct-tag { border:0; padding:0; background:none; font-size:9px; }
.product-heading .ct-h { font-size:30px; letter-spacing:2px; line-height:1.15; text-align:left; }
.product-heading .ct-h br { display:none; }
.product-heading .ct-h br::after { content:' '; }
.product-heading .ct-sub { font-size:10px; letter-spacing:1px; }
.section.entering .product-heading { animation:productHeadingSettle .62s var(--ease) both; }
@keyframes productHeadingSettle { from { opacity:0; translate:0 30px; scale:1.06; } to { opacity:1; translate:0 0; scale:1; } }
.product-section[data-sec="3"] .slide { grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr); grid-template-rows:repeat(3,minmax(100px,1fr)); }
.product-section[data-sec="3"] .app-link { grid-row:1 / 4; }
.about-wrap { overscroll-behavior:contain; user-select:text; }

@media (max-width:760px) {
  :root { --bar:56px; }
  :where(html.custom-cursor-ready) * { cursor:auto!important; }
  #cursor,#cursorDot,#cursorCoords { display:none; }
  .top-bar { padding:0 16px; gap:12px; }
  .logo { margin-right:0; font-size:16px; }
  .mobile-location { display:block; color:var(--dim2); font-size:9px; letter-spacing:.8px; margin-left:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .menu-toggle { display:flex; align-items:center; gap:12px; flex-shrink:0; border:1px solid var(--frame-border); color:var(--accent); background:#17171b; padding:9px 12px; border-radius:4px; font-size:12px; }
  .top-actions { margin-left:0; }
  .top-actions .icon-btn { padding:8px; }
  .sec-nav { display:none; position:fixed; top:calc(var(--bar) + 8px); left:12px; right:12px; max-height:calc(100dvh - var(--bar) - 24px); overflow-y:auto; background:#0f1118; border:1px solid var(--frame-border); border-radius:8px; box-shadow:0 18px 70px #000; padding:20px; z-index:101; }
  .nav-open .sec-nav { display:flex; flex-direction:column; gap:22px; }
  .nav-group { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .nav-group-label { display:block; grid-column:1/-1; color:var(--dim); font-size:10px; letter-spacing:2px; margin-bottom:3px; }
  .sec-btn { text-align:left; padding:13px 10px; font-size:11.5px; letter-spacing:.7px; white-space:normal; }
  .location-trail { display:none; }
  #sections { bottom:0; }
  .section[data-sec="0"] .slides-wrap { height:100%; min-height:540px; }
  .section[data-sec="0"] { overflow-y:auto; overscroll-behavior:contain; }
  .section[data-sec="0"] .frame { left:5%!important; top:22%!important; width:90%!important; height:36%!important; }
  .section[data-sec="0"] .frame:nth-child(2) { left:5%!important; top:61%!important; width:43.5%!important; height:16%!important; }
  .section[data-sec="0"] .frame:nth-child(3) { left:51.5%!important; top:61%!important; width:43.5%!important; height:16%!important; }
  .section[data-sec="0"] .frame:nth-child(4) { left:5%!important; top:79%!important; width:43.5%!important; height:16%!important; }
  .section[data-sec="0"] .frame:nth-child(5) { left:51.5%!important; top:79%!important; width:43.5%!important; height:16%!important; }
  .section[data-sec="0"] .center-title { inset:0 0 auto; height:20%; gap:8px; }
  .section[data-sec="0"] .ct-h { font-size:42px; }
  .section[data-sec="0"] .ct-sub { font-size:9px; letter-spacing:.9px; }
  .section[data-sec="0"] .ct-tag { font-size:8px; }
  .section[data-sec="0"] .center-title::before { display:none; }
  .section[data-sec="0"] .frame-viewport video { height:100vh; height:100dvh; }
  .frame-header { touch-action:pan-y; padding:0 8px; height:25px; }
  .node-title { font-size:8px; letter-spacing:.7px; }
  .node-dots { gap:3px; }
  .node-dots span { width:5px; height:5px; }
  .resize-handle { display:none; }
  .frame::after { display:none; }
  .product-section .slide,.product-section[data-sec="3"] .slide { display:flex; flex-direction:column; gap:16px; padding:118px 18px 30px; }
  .product-section .frame { flex-shrink:0; }
  .product-section .tool-link,.product-section .app-link { height:310px!important; }
  .product-section .pending-card { height:112px!important; }
  .product-section .product-heading { top:22px; left:20px; }
  .product-heading .ct-h { font-size:26px; }
  .product-copy { padding:14px; }
  .product-copy h3 { font-size:17px; }
  .product-copy p { font-size:11px; }
  .about-wrap { padding:18px 24px 44px; height:100%; overflow-y:auto; }
  .about-bio,.about-val { font-size:14px; line-height:1.9; }
  .about-list li { font-size:13px; line-height:1.8; }
  .about-name { font-size:32px; }
  .sec-placeholder { padding:24px 18px; overflow-y:auto; }
  .chat-area { max-width:100%; }
  .ph-wall { gap:12px; }
}
@media (pointer:coarse) {
  :where(html.custom-cursor-ready) * { cursor:auto!important; }
  #cursor,#cursorDot,#cursorCoords { display:none; }
}
@media (prefers-reduced-motion:reduce) { .section.entering .product-heading { animation:none; } }
