/* AFTER CUT V3.8 — minimal patch on V3.7, not a redesign.
   Native rail on mobile + page dots, restrained rounded cards, dark portrait.
   Original images, project text, video and scrolling behavior are preserved. */
:root { --accent:#F29600; --accent-light:#FFC25C; --card-radius:11px; --quiet-line:rgba(255,255,255,.08); }
.section-heading h2 span,.hero-copy h1 span,.contact-copy h3>span {color:var(--accent);}
::selection{background:var(--accent);color:#080909;}
/* Spacing replaces the decorative horizontal rules. Fields and focus remain explicit. */
.about,.contact,.project-stage,.project-story,.case-footer,.clients,footer,
.player-status,.site-header.scrolled {border-top:0;border-bottom:0;}
.project-story .credits>div {border-color:var(--quiet-line);}
.header-dash,.hero-progress,.rail-progress {display:none;}
.rail-foot{border:0;color:#879093;font-size:10px;}
.rail-foot #projectHint {max-width:52%;text-align:right;}
.clients {padding-top:14px;margin-top:28px;}
.about,.contact {padding-top:84px;padding-bottom:78px;}
.site-header nav a:after{background:var(--accent);}
.site-header nav a.active:after{height:4px;width:4px;left:50%;right:auto;border-radius:50%;}
/* Rounded image and border use one shared radius; no new glow or sweep. */
.project-card {border-radius:var(--card-radius);border-color:rgba(255,255,255,.07);}
.project-card .card-surface,.project-card .card-visual {border-radius:calc(var(--card-radius) - 1px);overflow:hidden;}
.project-card:before {border-radius:inherit;}
.project-card[aria-expanded=true]:after {display:none;}
.project-card:is(.is-pointed,:focus-visible,[aria-expanded=true]) {border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);}
.card-light,.card-glint,.card-tint,.card-tone {display:none!important;animation:none!important;}
.card-orange-treatment {transition:opacity 420ms ease;}
.card-orange-solid {background:#FF6800;}
.project-card .card-meta strong{font-weight:750;}
/* Every page button has a 44px hit area; only its small visual marker changes. */
.showcase-pagination {display:flex;justify-content:center;align-items:center;gap:1px;min-height:46px;margin:8px 0 2px;}
.page-dot {width:44px;height:44px;padding:0;display:grid;place-items:center;touch-action:manipulation;border-radius:12px;}
.page-dot:before {content:'';display:block;width:6px;height:6px;border-radius:99px;background:#777f80;transition:width 300ms var(--ease),background-color 240ms;}
.page-dot[aria-current=page]:before {width:24px;background:var(--accent);}
.page-dot:hover:before{background:var(--accent-light);}
.page-dot:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;}
.arrow {border-radius:50%;border-color:#ffffff24;}
.arrow:not(:disabled):hover {background:var(--accent);border-color:var(--accent);color:#080909;}
/* The existing original-photo composite, rather than a generated replacement. */
#about[data-about-theme=dark] {background:var(--bg);color:var(--text);}
#about .about-grid .portrait {background:var(--bg);}
#about[data-about-theme=dark] .portrait img {object-fit:contain;object-position:50% 100%;mix-blend-mode:lighten;filter:grayscale(1) brightness(.87) contrast(1.02);}
#about .portrait:after {background:linear-gradient(90deg,var(--bg),transparent 10%,transparent 92%,var(--bg)),linear-gradient(0deg,var(--bg),transparent 18%);}
/* Touch has no hover: captions stay visible and a tap always opens the project. */
@media(max-width:760px) {
 :root{--card-radius:10px;--pad:20px;}
 .showcase-rail {display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:46%;gap:10px;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:5px 0 12px;}
 .showcase-cell {width:auto;min-width:0;scroll-snap-align:start;}
 .project-card,.js .showcase-cell>.project-card {height:clamp(242px,76vw,360px);width:100%;min-height:0;touch-action:pan-x pan-y;opacity:1;visibility:visible;transform:none;}
 .project-card .card-visual img,.project-card:hover .card-visual img {width:100%;height:100%;inset:0;object-fit:cover;object-position:var(--image-focus,50% 50%);transform:none!important;}
 .project-card .card-overlay {background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.12) 42%,transparent 68%);opacity:1;}
 .project-card .card-meta,.project-card:is(.is-pointed,:focus-visible) .card-meta {left:12px;right:10px;bottom:52px;gap:6px;opacity:1;transform:none;}
 .project-card .card-meta strong {font-size:clamp(17px,4.8vw,24px);line-height:1.08;letter-spacing:-.04em;overflow-wrap:normal;}
 .project-card .card-meta em {font-size:10px;line-height:1.25;}
 .project-card .card-view {display:flex;inset:auto 12px 18px;font-size:8px;text-transform:none;opacity:1;transform:none;gap:4px;}
 .project-card .card-view .card-plus {font-size:19px;transform:none;}
 .project-card::before {content:'';inset:0;opacity:0;border:1px solid var(--accent);border-radius:inherit;box-shadow:none;}
 .project-card[aria-expanded=true]::before {opacity:1;}
 .project-card:active {border-color:var(--accent);}
 .project-card .card-orange-treatment {opacity:0!important;}
 .project-card:active .card-orange-treatment {opacity:.6!important;}
 .showcase-pagination {margin:4px 0 8px;}
 .rail-foot{font-size:9px;}
 .rail-foot>span:nth-child(1){display:none;}
 .rail-foot #projectHint{max-width:100%;margin-left:auto;}
 .section-heading {margin-bottom:26px;gap:10px;}
 .section-heading h2{font-size:clamp(32px,8.8vw,44px);}
 .section-heading>div:first-child{gap:8px;}
 .rail-controls{gap:6px;}
 .arrow{width:44px;height:44px;}
 .about,.contact {padding-top:60px;padding-bottom:52px;}
 #about .about-grid{display:flex;flex-direction:column;gap:22px;}
 #about .about-copy{order:0;}
 #about .about-grid .portrait{order:1;align-self:center;width:min(100%,360px);height:310px;max-height:340px;min-height:0;margin:0;}
 #about .portrait img {transform:none!important;object-fit:contain;}
 .project-stage{margin-top:40px;padding-top:0;}
}
@media(max-width:350px){
 .section-no{display:none;}
 .section-heading h2{font-size:33px;}
 .card-view{letter-spacing:-.01em;}
}
@media(prefers-reduced-motion:reduce){.page-dot:before,.card-orange-treatment{transition:none;}}