/* Scope card tour: native scrolling, contained copper light and pointer-only tilt. */
.feature-carousel{padding-top:100px;padding-bottom:15px;overflow:hidden}
.carousel-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}
.carousel-heading p{margin-top:23px;font-size:13px}
.carousel-controls{display:flex;gap:9px;padding-bottom:4px}
.carousel-controls button{border:1px solid var(--line);border-radius:50%;width:46px;height:46px}
.carousel-controls button:disabled{opacity:.3;transform:none}
.feature-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/2.65);gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:4px;scrollbar-width:none;padding:12px 4px 22px;cursor:grab;touch-action:pan-x pan-y;position:relative}
.feature-track::-webkit-scrollbar{display:none}.feature-track.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.feature-track.is-dragging a{cursor:grabbing}
.tour-card{scroll-snap-align:start;min-width:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.tour-art{height:255px;display:flex;align-items:center;padding:27px 22px 18px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 55% 95%,var(--accent-soft),transparent 75%)}
.tour-window{width:100%;min-width:0;border-radius:10px;background:color-mix(in srgb,var(--raised) 65%,var(--surface));border:1px solid var(--line);box-shadow:0 15px 30px -20px rgba(0,0,0,.5);transform:rotate(-3deg);transition:transform 240ms var(--ease);color:var(--text)}
.tour-calendar .tour-window{transform:rotate(3deg)}.tour-finances .tour-window{transform:rotate(-2deg)}.tour-docs .tour-window{transform:rotate(2deg)}
.tour-window-bar{display:flex;align-items:center;gap:7px;padding:12px;border-bottom:1px solid var(--line);font-size:9px;white-space:nowrap}.tour-window-bar small{margin-left:auto;color:var(--muted);font-size:8px}
.tour-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px 12px 8px}.tour-columns>div>small{display:block;font-size:9px;color:var(--muted);margin-bottom:8px}.tour-mini-card{background:var(--surface);padding:12px 9px;border-radius:6px;box-shadow:0 4px 8px -6px rgba(0,0,0,.5)}.tour-mini-card b{display:block;font-size:9px;line-height:1.6;margin-top:8px}.tour-mini-card small{font-size:8px;color:var(--muted);display:block;margin-top:4px}.tour-card-date{display:block;font-size:7px;color:var(--muted);margin-top:14px}.tour-lift{transform:translateY(8px) rotate(4deg);box-shadow:0 10px 20px -12px rgba(0,0,0,.65)}.tour-ui-foot{font-size:8px;color:var(--muted);padding:12px}
.tour-week{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding:17px 17px 12px;align-items:center;text-align:center;font-size:10px}.tour-week>span{font-size:8px;color:var(--muted)}.tour-week b{font-weight:500;padding:4px}.tour-week .tour-day-active{background:var(--copper);color:#172019;border-radius:5px}.tour-calendar-event{grid-column:3/6;background:var(--accent-soft);color:var(--copper);font-size:8px;text-align:left;padding:6px;border-radius:4px;white-space:nowrap}.tour-reminder{display:flex;align-items:center;gap:10px;padding:11px 17px;background:var(--accent-soft);font-size:8px;color:var(--copper);border-radius:0 0 10px 10px}.tour-reminder strong{display:block;font-weight:500;color:var(--text);font-size:10px;margin-top:2px}
.tour-money{padding:18px 17px 8px}.tour-money>small{font-size:8px;color:var(--muted)}.tour-money>strong{display:block;font-size:30px;letter-spacing:-.03em;font-weight:600;margin-top:5px;line-height:1.4}.tour-money>strong>span{font-size:14px;color:var(--muted);font-weight:400}.tour-money>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.tour-money>div>span{font-size:8px;color:var(--muted)}.tour-money b{display:block;font-size:11px;color:var(--text);font-weight:500;margin-top:4px}.tour-money b.check-text{color:var(--green)}.tour-invoice{display:flex;align-items:center;gap:9px;font-size:8px;padding:11px 17px}.tour-invoice strong{display:block;font-size:10px;font-weight:500;color:var(--green);margin-top:3px}.tour-invoice .invoice-check{width:28px;height:28px}
.tour-files{padding:3px 15px}.tour-files>div{display:flex;align-items:center;gap:9px;padding:14px 0;border-bottom:1px solid var(--line);font-size:9px}.tour-files>div:last-child{border:0}.tour-files small{display:block;font-size:8px;color:var(--muted);margin-top:4px}.tour-files .file-icon{font-size:8px;padding:9px 5px}.tour-files .ui-icon{margin-left:auto;color:var(--green);width:13px;height:13px}
.tour-people{padding:6px 13px}.tour-people>div{display:flex;align-items:center;gap:8px;padding:13px 0;border-bottom:1px solid var(--line);font-size:10px}.tour-people>div:last-child{border:0}.tour-people small{display:block;font-size:7px;color:var(--muted);margin-top:3px}.tour-people b{font-weight:400;color:var(--copper);font-size:7px;margin-left:auto}.tour-people .avatar{width:26px;height:26px;font-size:8px}
.tour-copy{padding:25px 25px 26px;display:flex;flex-direction:column;flex:1}.tour-category{font-size:10px;color:var(--copper);margin-bottom:14px}.tour-copy h3{font-size:27px;line-height:1.2;font-weight:550;letter-spacing:-.03em}.tour-copy p{font-size:12px;line-height:1.9;margin-top:16px;max-width:35ch}.tour-link{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:10px;line-height:1.5;font-weight:600;padding-top:25px;margin-top:auto;min-height:48px}.tour-link .ui-icon{color:var(--copper)}.carousel-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:2px;color:var(--quiet);font-size:10px}.carousel-bottom [role=status]{font-variant-numeric:tabular-nums;white-space:nowrap}
.spotlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;perspective:1000px;margin-top:44px;padding:8px}
.spotlight-grid .spotlight-card{position:relative;isolation:isolate;padding:30px 32px 25px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:color-mix(in srgb,var(--surface) 83%,transparent);backdrop-filter:blur(12px);display:flex;flex-direction:column;transition:transform 200ms var(--ease),opacity 200ms ease,border-color 180ms ease;--spot-x:25%;--spot-y:20%}
.spotlight-card::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at var(--spot-x) var(--spot-y),color-mix(in srgb,var(--copper) 14%,transparent),transparent 65%);opacity:.38;transition:opacity 180ms ease}
.spotlight-card::after{content:"";position:absolute;top:0;bottom:0;left:-65%;width:50%;pointer-events:none;background:linear-gradient(105deg,transparent,rgba(255,255,255,.035),transparent);transform:skewX(-15deg);transition:transform 650ms var(--ease)}
.spotlight-card.is-lit,.spotlight-card:focus-within{border-color:color-mix(in srgb,var(--copper) 48%,var(--line))}.spotlight-card.is-lit::before,.spotlight-card:focus-within::before{opacity:1}.spotlight-card.is-lit::after{transform:translateX(360%) skewX(-15deg)}
.spotlight-grid .capability-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:var(--accent-soft);border-radius:11px;margin-bottom:23px}.spotlight-grid .capability-icon .ui-icon{width:23px;height:23px}.spotlight-grid h3{font-size:20px;font-weight:550;letter-spacing:-.02em}.spotlight-grid p{font-size:12px;max-width:45ch;margin-top:12px}.spotlight-open{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:23px 0 2px;font-size:11px;color:var(--copper);margin-top:auto;min-height:48px;position:relative}.spotlight-open::after{content:"";position:absolute;inset:0}.spotlight-open:focus-visible{outline-offset:5px}
.spot-sample-header{display:flex;align-items:center;gap:12px;margin-top:25px}.spot-sample-header .avatar{width:42px;height:42px;font-size:12px}.spot-sample-header strong,.spot-sample-header span:not(.avatar){display:block}.spot-sample-header div>span{font-size:10px;color:var(--muted);margin-top:4px}.spot-sample-data{display:grid;grid-template-columns:1fr 1.3fr;gap:15px;font-size:12px;margin:26px 0}.spot-sample-data dt{color:var(--muted)}.spot-sample-data dd{margin:0}.spot-flow{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.spot-flow span{padding:8px 13px;font-size:11px;border-radius:7px;background:var(--accent-soft);color:var(--copper)}.spot-role{padding:18px 0;border-bottom:1px solid var(--line)}.spot-role>strong{font-size:13px;color:var(--copper)}.spot-role p{margin-top:6px}.spot-reminder{display:flex;align-items:center;gap:13px;background:var(--raised);padding:18px;border-radius:10px;margin-top:25px}.spot-reminder strong{font-size:13px}.spot-reminder p{margin-top:5px;font-size:11px}.spot-explore{margin-top:25px;white-space:normal;text-align:left}
@media(hover:hover) and (pointer:fine){.tour-card:hover .tour-window{transform:rotate(0) translateY(-3px)}.tour-link:hover{color:var(--copper)}.spotlight-grid.has-spotlight .spotlight-card:not(.is-lit):not(:focus-within){opacity:.82}.spotlight-open:hover{color:var(--copper-strong)}}
@media(max-width:1100px){.feature-track{grid-auto-columns:calc((100% - 25px)/2.25)}.tour-art{padding-inline:17px}.tour-copy{padding-inline:23px}.tour-copy h3{font-size:24px}.spotlight-grid .spotlight-card{padding:26px}}
@media(max-width:800px){.feature-carousel{padding-top:70px}.carousel-heading h2{font-size:37px}.carousel-heading p{font-size:12px;max-width:300px}.feature-track{grid-auto-columns:calc((100% - 20px)/1.65);gap:16px}.tour-art{height:245px}.spotlight-grid{gap:16px}.spotlight-grid h3{font-size:18px}.spotlight-grid p{font-size:11px}.spotlight-open{font-size:10px}.spotlight-grid .spotlight-card{padding:23px}}
@media(max-width:560px){.carousel-heading{gap:15px;align-items:flex-end;margin-bottom:23px}.carousel-heading h2{font-size:31px}.carousel-heading p{max-width:240px;font-size:11px;line-height:1.8;margin-top:17px}.carousel-controls{gap:6px;flex-shrink:0}.carousel-controls button{width:34px;height:34px}.feature-track{grid-auto-columns:87%;gap:14px}.tour-art{height:245px;padding-inline:23px}.tour-copy{padding:23px}.tour-copy h3{font-size:27px}.tour-copy p{font-size:12px}.tour-link{font-size:10px}.carousel-bottom{font-size:9px;gap:12px}.spotlight-grid{grid-template-columns:1fr;gap:16px;padding:4px;margin-top:32px}.spotlight-grid .spotlight-card{padding:26px}.spotlight-grid h3{font-size:20px}.spotlight-grid p{font-size:12px}.spotlight-open{font-size:11px}.spotlight-grid .capability-icon{margin-bottom:20px}.spot-sample-data{grid-template-columns:1fr 1fr;font-size:11px}}
@media(max-width:360px){.carousel-heading{flex-wrap:wrap}.carousel-controls{margin-left:auto}.tour-art{padding-inline:14px;height:225px}.tour-copy{padding:20px}.tour-copy h3{font-size:23px}.tour-window-bar{font-size:8px;padding:10px}.tour-window-bar small{font-size:7px}.tour-money>strong{font-size:26px}.tour-people small{font-size:6px}.tour-people b{font-size:6px}}
@media(prefers-reduced-motion:reduce){.tour-window,.spotlight-card{transform:none!important}.spotlight-card::after{display:none}.feature-track{scroll-behavior:auto}.tour-card *,.spotlight-card{transition:none!important}}
@media(prefers-reduced-transparency:reduce){.spotlight-grid .spotlight-card{background:var(--surface);backdrop-filter:none}.spotlight-card::before,.spotlight-card::after{display:none}}
@media(forced-colors:active){.tour-card,.spotlight-card{border:1px solid CanvasText}.spotlight-card::before,.spotlight-card::after{display:none}.carousel-controls button{border:1px solid ButtonText}.tour-link,.spotlight-open{color:LinkText}}

/* Complete cards at rest: three on desktop, two on tablet, one on mobile. */
.feature-track{grid-auto-columns:calc((100% - 40px)/3);padding-inline:0;scroll-padding:0;gap:20px}
@media(max-width:1100px){.feature-track{grid-auto-columns:calc((100% - 20px)/2)}}
@media(max-width:700px){.feature-track{grid-auto-columns:100%;gap:16px}}

/* The project preview is one readable surface, without crossing decorative sheets. */
.feature-story .detail-showcase{transform:none;isolation:isolate;background:var(--glass);border:1px solid var(--line)}
.feature-story .detail-showcase::before{content:none}

/* Stable perspective, with a small additional cursor-driven offset. */
.hero-scene .hero-window,.hero-scene:hover .hero-window{
  animation:none;
  transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) rotateY(calc(-13deg + var(--hero-ry,0deg))) rotateX(calc(7deg + var(--hero-rx,0deg))) rotateZ(-3deg);
  transition:transform 260ms cubic-bezier(.23,1,.32,1);
}
@media(prefers-reduced-motion:reduce){.hero-scene .hero-window,.hero-scene:hover .hero-window{transform:rotate(-2deg);transition:none}}
@media(hover:none),(pointer:coarse){.hero-scene .hero-window{transform:rotate(-2deg)}}