/* The artwork stays viewport-sized; it never stretches over the long page. */
.ats-scroll-home .site-video-bg-wrap {position:fixed!important;inset:0!important;height:100dvh!important;pointer-events:none}
.ats-scroll-home .page {min-height:100vh}
html {scroll-behavior:smooth}
.scroll-content {position:relative;max-width:1200px;margin:28px auto 64px;padding:0 32px;color:#eee4d0}
.scroll-content *, .scroll-dialog * {box-sizing:border-box}
.scroll-content h2,.scroll-content h3,.scroll-content h4 {text-transform:none;letter-spacing:0;font-weight:400;color:#e6c56e;line-height:1.18;text-shadow:none}
.scroll-content h2 {font-size:clamp(28px,3.6vw,44px);margin:0 0 16px}
.scroll-content h3,.scroll-content h4 {font-size:24px;margin:0 0 12px}
.scroll-content p,.scroll-content li {font-size:17px;line-height:1.65;font-family:Arial,Helvetica,sans-serif}
.scroll-intro {max-width:720px;margin:0 auto 32px;text-align:center}
.scroll-intro>p:last-child {color:#c8c0b4}
.scroll-content .scroll-kicker {font:600 11px/1.4 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#c7a456;margin:0 0 14px}
.scroll-nav {position:sticky;top:0;z-index:20;display:flex;gap:6px;padding:12px;overflow-x:auto;border:1px solid #796335;background:rgba(10,9,8,.97);border-radius:12px;box-shadow:0 8px 30px #0006;scrollbar-width:thin;max-width:100%;margin-bottom:28px}
.scroll-nav a {flex-shrink:0;padding:12px 16px;border-radius:6px;font:600 13px/1.2 Arial,sans-serif;color:#e8dab9;min-height:44px;display:flex;align-items:center}
.scroll-nav a:hover,.scroll-nav a[aria-current] {background:#d7b15e;color:#15120b}
.scroll-section {padding:40px;margin-bottom:20px;background:rgba(9,9,9,.92);border:1px solid #c9a33a35;border-radius:16px;scroll-margin-top:92px}
.scroll-section:focus {outline:none}
.scroll-section--chapter {background:linear-gradient(130deg,rgba(39,29,14,.98),rgba(10,9,8,.97));border-color:#c9a33a70}
.scroll-section-head {display:flex;align-items:center;gap:32px;justify-content:space-between;margin-bottom:8px}
.scroll-description {color:#c8c0b4;max-width:760px;margin:0 0 20px}
.scroll-chips {display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
.scroll-chips a {padding:12px 16px;border:1px solid #9c7f3b66;border-radius:8px;font:14px/1.4 Arial,sans-serif;min-height:44px;color:#e7d4a3}
.scroll-chips a:hover {background:#c9a33a20}
.scroll-text-link {display:inline-flex;align-items:center;min-height:44px;gap:8px;font:600 14px/1.4 Arial,sans-serif;color:#e6c56e;flex-shrink:0}
.scroll-text-link:hover {text-decoration:underline}
.scroll-button {display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;min-height:48px;background:#d7b15e;border:1px solid #d7b15e;border-radius:8px;color:#17120b;font:700 14px/1.4 Arial,sans-serif;text-align:center}
.scroll-button:hover {background:#efd188}
.scroll-process {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0}
.scroll-process span {color:#c9a33a77;font:20px/1 Arial,sans-serif;display:block;margin-bottom:18px}
.scroll-process h3 {font-size:23px}
.scroll-process p {font-size:15px;color:#c8c0b4;margin-bottom:0}
.scroll-gallery {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
.scroll-card {min-width:0;border:1px solid #c9a33a40;border-radius:12px;overflow:hidden;background:#14120f}
.scroll-media {position:relative;width:100%;aspect-ratio:4/5;background:#080808;display:flex;align-items:center;justify-content:center;border:0;padding:0;color:#e6c56e;overflow:hidden}
.scroll-media img,.scroll-media video {width:100%;height:100%;display:block;object-fit:contain}
.scroll-media img {transition:transform .3s}
.scroll-media:hover img {transform:scale(1.025)}
.scroll-media-label {position:absolute;bottom:12px;left:12px;right:12px;display:block;padding:10px;background:#080808e8;border:1px solid #e6c56e55;border-radius:6px;color:#e6c56e;font:600 12px/1.4 Arial,sans-serif;text-align:center}
.scroll-card-body {padding:20px}
.scroll-card-body h3,.scroll-card-body h4 {font-size:23px;overflow-wrap:anywhere}
.scroll-card-body p {font-size:14px;color:#c8c0b4;margin:0 0 12px;white-space:pre-line;overflow-wrap:anywhere}
.scroll-card-body .scroll-meta {font-size:12px;color:#b59e70}
.scroll-model-symbol {font-size:72px;text-shadow:0 0 30px #c9a33a55}
.scroll-model-symbol small {display:block;font:14px/1.5 Arial,sans-serif}
.scroll-certificate {max-width:750px;margin-top:28px}
.scroll-certificate li {font-size:16px;color:#c8c0b4;padding:4px 0}
.scroll-certificate ul {padding-left:22px;margin-bottom:24px}
.scroll-exhibitions {padding-top:32px;margin-top:28px;border-top:1px solid #c9a33a35;scroll-margin-top:92px}
.scroll-top {display:block;text-align:center;padding:18px;font:14px/1.5 Arial,sans-serif;color:#e6c56e}
.scroll-content a:focus-visible,.scroll-content button:focus-visible,.scroll-dialog button:focus-visible {outline:2px solid #efd188;outline-offset:4px}
.scroll-dialog {padding:0;width:min(1100px,calc(100% - 48px));height:min(900px,90dvh);max-width:none;max-height:none;background:#090909;color:#eee4d0;border:1px solid #b99746;border-radius:12px;overflow:hidden}
.scroll-dialog[open] {display:flex;flex-direction:column}
.scroll-dialog::backdrop {background:#000c;backdrop-filter:blur(5px)}
.scroll-dialog-head {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;padding:14px 20px;border-bottom:1px solid #c9a33a55}
.scroll-dialog-head h2 {font-size:18px;font-weight:400;margin:0;color:#e6c56e;line-height:1.3}
.scroll-dialog-close {font:600 14px/1.3 Arial,sans-serif;min-height:44px;padding:10px 14px;background:#1f1a10;color:#e6c56e;border:1px solid #9c7f3b;border-radius:6px;cursor:pointer;flex-shrink:0}
.scroll-dialog-content {flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;position:relative}
.scroll-dialog iframe {width:100%;height:100%;border:0;background:#090909}
.scroll-dialog img {width:100%;height:100%;object-fit:contain}
.scroll-dialog model-viewer {width:100%;height:100%;min-height:300px}
.scroll-dialog-loading {position:absolute;top:20px;left:20px;right:20px;text-align:center;font:15px/1.5 Arial,sans-serif;color:#c8c0b4;pointer-events:none}
.scroll-dialog-link {position:absolute;bottom:18px;right:18px;border-radius:8px;background:#17120b;padding:14px;color:#e6c56e;font:14px Arial,sans-serif}
@media(min-width:1000px){.scroll-gallery:has(>.scroll-card:only-child){grid-template-columns:minmax(0,440px)}.scroll-gallery:has(>.scroll-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.scroll-content {padding:0 20px}.scroll-gallery {grid-template-columns:repeat(2,minmax(0,1fr))}.scroll-section {padding:28px}.scroll-section-head {align-items:flex-start;flex-direction:column;gap:0}.scroll-process {gap:16px}}
@media(max-width:600px){.scroll-content {padding:0 16px;margin-top:12px}.scroll-intro {text-align:left;margin-bottom:24px}.scroll-content h2 {font-size:30px}.scroll-intro p {font-size:15px}.scroll-nav {margin-left:-4px;margin-right:-4px;padding:8px;gap:2px;top:0}.scroll-nav a {padding:10px 12px;font-size:12px}.scroll-section {padding:24px 18px;border-radius:12px;margin-bottom:16px;scroll-margin-top:78px}.scroll-exhibitions {scroll-margin-top:78px}.scroll-description {font-size:15px!important;line-height:1.65!important}.scroll-gallery {grid-template-columns:minmax(0,1fr);gap:16px}.scroll-media {aspect-ratio:4/5;max-height:480px}.scroll-card-body {padding:18px}.scroll-process {grid-template-columns:minmax(0,1fr);gap:18px}.scroll-process>div {padding-left:36px;position:relative}.scroll-process span {position:absolute;left:0;top:4px;font-size:16px}.scroll-process h3 {font-size:23px;margin-bottom:6px}.scroll-process p {margin:0}.scroll-button {width:100%}.scroll-chips {gap:8px}.scroll-chips a {padding:11px;font-size:13px}.scroll-dialog {width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:0;margin:0}.scroll-dialog-head {padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top))}.scroll-dialog-close {padding:8px 10px}.scroll-dialog-head h2 {font-size:16px}.scroll-dialog-content {padding-bottom:env(safe-area-inset-bottom)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-media img{transition:none}.ats-scroll-home .main-card{animation:none!important;transition:none!important}}
/* Keep the preserved header styles from affecting the new section navigation. */
.ats-scroll-home .scroll-nav {flex-wrap:nowrap!important;justify-content:flex-start!important;text-transform:none!important;letter-spacing:0!important}
.ats-scroll-home .scroll-chips {justify-content:flex-start!important;text-transform:none!important;letter-spacing:0!important}
.ats-scroll-home .scroll-nav a {font-family:Arial,Helvetica,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#e8dab9!important}
.ats-scroll-home .scroll-nav a[aria-current],.ats-scroll-home .scroll-nav a:hover {color:#15120b!important}
.ats-scroll-home .ats-mobile-scroll-logo {display:none!important}
.scroll-carousel {margin-top:32px;min-width:0}
.scroll-carousel-head {display:flex;align-items:center;justify-content:space-between;gap:16px}
.scroll-carousel-head h3 {margin:0}
.scroll-carousel-controls {display:flex;align-items:center;gap:10px;flex-shrink:0}
.scroll-carousel-controls button {width:44px;height:44px;border:1px solid #9c7f3b;border-radius:8px;background:#1b1710;color:#e6c56e;font:26px/1 Arial,sans-serif!important;cursor:pointer}
.scroll-carousel-controls button:disabled {opacity:.35;cursor:default}
.scroll-carousel-status {font:12px/1.3 Arial,sans-serif;color:#c8c0b4;min-width:32px;text-align:center}
.scroll-carousel-hint {font-size:14px!important;color:#b6aa95;margin:12px 0 0}
.ats-scroll-home .scroll-gallery--carousel {display:flex!important;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:4px 4px 16px;margin:16px -4px 0;scrollbar-width:thin;scrollbar-color:#b99746 #17120b;scroll-padding-left:4px;grid-template-columns:none!important}
.scroll-gallery--carousel>.scroll-card {flex:0 0 310px;scroll-snap-align:start}
@media(max-width:600px){.scroll-gallery--carousel>.scroll-card {flex-basis:min(78vw,310px)}.scroll-carousel-head {align-items:flex-start;gap:12px}.scroll-carousel-head h3 {font-size:23px;max-width:180px}.scroll-carousel-controls {gap:5px}.scroll-carousel-controls button {width:40px;min-height:44px}.scroll-gallery--carousel {gap:14px!important}.scroll-gallery--carousel .scroll-media {aspect-ratio:4/5}}
@media(min-width:1000px){.scroll-gallery:has(>.scroll-card:only-child):not(:has(.scroll-media)){grid-template-columns:minmax(0,1fr)}.scroll-gallery>.scroll-card:only-child:not(:has(.scroll-media)){background:#15120dd9}.scroll-gallery>.scroll-card:only-child:not(:has(.scroll-media)) .scroll-card-body{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px}.scroll-gallery>.scroll-card:only-child:not(:has(.scroll-media)) .scroll-card-body h3,.scroll-gallery>.scroll-card:only-child:not(:has(.scroll-media)) .scroll-card-body p{grid-column:1}.scroll-gallery>.scroll-card:only-child:not(:has(.scroll-media)) .scroll-card-body>a{grid-column:2;grid-row:1/4;align-self:center}}

/* A separate sticky row keeps controls outside cards and carousel hit areas. */
.scroll-experience {position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:center;gap:8px;min-height:60px;padding:8px 16px;background:rgba(10,9,8,.98);border-bottom:1px solid #796335;box-sizing:border-box}
.scroll-experience button,.scroll-experience a {position:static!important;display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid #796335;border-radius:8px;background:#1b1710;color:#e6c56e;font:600 13px/1.3 Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;width:auto!important;height:auto!important;box-sizing:border-box}
.scroll-experience button:disabled {opacity:.45;cursor:default}
.scroll-experience button[aria-pressed="true"] {background:#d7b15e;color:#17120b}
.ats-scroll-home .scroll-nav {top:61px}
.ats-scroll-home .scroll-section,.ats-scroll-home .scroll-exhibitions {scroll-margin-top:152px}
#site-top {scroll-margin-top:70px}
#site-top:focus {outline:none}
@media(max-width:600px){.scroll-experience{gap:6px;padding:8px;justify-content:space-between}.scroll-experience button,.scroll-experience a{padding:8px 10px;font-size:12px!important}.ats-scroll-home .scroll-section,.ats-scroll-home .scroll-exhibitions{scroll-margin-top:142px}}

.ats-scroll-home #portfolio,.ats-scroll-home #contacts,.ats-scroll-home #about {scroll-margin-top:76px}

.scroll-dialog-head {justify-content:flex-start}
@media(max-width:600px){.scroll-dialog-head{flex-direction:column;align-items:flex-start;gap:10px}.scroll-dialog-close{font-size:14px!important}}

/* Keep the viewport artwork continuous beneath the preserved footer control. */
.ats-scroll-home .site-mode-switch {background:transparent}
.ats-scroll-home .site-mode-switch span {text-shadow:0 1px 4px #000,0 0 12px #000}

.scroll-detail-view {position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0}
.scroll-detail-view[hidden],.scroll-dialog-back[hidden] {display:none!important}
.scroll-dialog-back {font:600 14px/1.3 Arial,sans-serif;min-height:44px;padding:10px 14px;background:#1f1a10;color:#e6c56e;border:1px solid #9c7f3b;border-radius:6px;cursor:pointer}
.ats-scroll-home .ats-site-announcement {display:none!important}

.scroll-content button,.scroll-dialog button {font-family:Arial,Helvetica,sans-serif!important}
@media(max-width:600px){.scroll-dialog-head{flex-direction:row;flex-wrap:wrap;align-items:center}.scroll-dialog-head h2{flex-basis:100%}}

.scroll-section-copy,.scroll-section-conditions p {white-space:pre-line;font:17px/1.65 Arial,Helvetica,sans-serif;color:#c8c0b4;margin:20px 0}
.scroll-section-features,.scroll-section-conditions{margin:24px 0;max-width:800px}
.scroll-section-cover{position:relative;display:block;max-width:720px;margin:20px 0 28px;border:1px solid #796335;border-radius:12px;overflow:hidden;background:#090909}
.scroll-section-cover img{display:block;width:100%;max-height:520px;object-fit:contain}
.scroll-section-cover .scroll-media-label{bottom:12px}
@keyframes atsLogoCleanSpinV2{from{rotate:0deg}to{rotate:360deg}}
@media(max-width:600px){.scroll-section-copy,.scroll-section-conditions p{font-size:16px}.scroll-section-cover img{max-height:420px}}

.scroll-section-cover {aspect-ratio:4/3}
.scroll-section-cover img {height:100%}

/* Compact certificate presentation, with conditions alongside on desktop. */
.scroll-certificate-layout{margin-top:28px}
@media(min-width:800px){.scroll-certificate-layout{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:40px;align-items:start}.scroll-certificate-layout>.scroll-gallery{grid-template-columns:minmax(0,1fr)}.scroll-certificate-layout .scroll-media{aspect-ratio:4/5;max-height:425px}.scroll-certificate-layout .scroll-certificate{margin-top:0;padding-top:24px}.scroll-certificate-layout .scroll-card-body{padding:20px}.scroll-certificate-layout .scroll-card-body h3{font-size:22px}.scroll-certificate-layout .scroll-certificate h3{font-size:30px}}

/* Clear entry points and informative sections without temporary photo placeholders. */
.scroll-start{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px}
.scroll-start-card{display:flex;flex-direction:column;padding:24px;border:1px solid #c9a33a55;border-radius:12px;background:#12100e;color:#eee4d0;text-decoration:none}
.scroll-start-card:hover{border-color:#d7b15e;background:#21190f}
.scroll-start-card h3{font-size:26px}.scroll-start-card p{font-size:15px;line-height:1.6;color:#c8c0b4;margin:0 0 18px}
.scroll-start-card span{margin-top:auto;font:600 14px/1.5 Arial,sans-serif;color:#e6c56e}
.scroll-artist-copy{max-width:850px}.scroll-artist-copy p{color:#c8c0b4}
.scroll-inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:24px}
.scroll-faq details{border-top:1px solid #c9a33a40;padding:0;max-width:900px}
.scroll-faq summary{cursor:pointer;min-height:56px;padding:16px 0;font:600 17px/1.5 Arial,sans-serif;color:#e6c56e}
.scroll-faq summary:focus-visible{outline:2px solid #efd188;outline-offset:4px}
.scroll-faq details p{margin:0 0 20px;color:#c8c0b4;max-width:800px}.scroll-faq>.scroll-button{margin-top:24px}
@media(max-width:700px){.scroll-start{grid-template-columns:minmax(0,1fr);gap:12px}.scroll-start-card{padding:20px}.scroll-start-card h3{font-size:24px}.scroll-start-card p{margin-bottom:12px}.scroll-faq summary{font-size:16px}.scroll-inline-actions{gap:12px}}

/* Model posters must not inherit the gold hover fill of ordinary buttons. */
.ats-scroll-home button.scroll-model,
.ats-scroll-home button.scroll-model:hover,
.ats-scroll-home button.scroll-model:focus,
.ats-scroll-home button.scroll-model:active{background:#080808!important;background-image:none!important;box-shadow:none!important;border:0!important}
.ats-scroll-home button.scroll-model:focus-visible{outline:2px solid #efd188;outline-offset:4px}