/* Local homepage integration of the accepted transparent artwork. No classic selectors. */
[data-theme="light"]{--folio-paper:#f6e9d6;--folio-ink:#293c34;--folio-muted:#7b705d;--folio-gold:#aa854d}
body:has(#view-home:not(.hidden)) .app-shell{background:var(--folio-paper) url('assets/paintings/v2/warm-paper.svg') repeat;background-size:512px 512px}
[data-theme="dark"] body:has(#view-home:not(.hidden)) .app-shell{background:#10221c}
#home{scroll-margin-top:var(--folio-header);height:clamp(440px,34.8vw,660px);min-height:0;isolation:auto;overflow:visible;background:transparent}
#home .hero-visual-stage{inset:auto;top:calc(-1*var(--folio-header));left:29%;width:65%;height:auto;aspect-ratio:1596/985;z-index:1;overflow:visible;mix-blend-mode:normal;mask:none;-webkit-mask:none}
.integrated-scene{position:relative;isolation:isolate;width:100%;aspect-ratio:var(--painting-ratio);pointer-events:none}
.integrated-scene picture,.integrated-scene .transparent-painting{display:block;width:100%;height:auto}
.transparent-painting{position:relative;z-index:1;mix-blend-mode:normal;filter:none}
.integrated-celestials{position:absolute;inset:0;width:100%;height:100%;overflow:visible;color:var(--folio-gold);z-index:0;pointer-events:none}
.integrated-celestials.foreground-celestial{z-index:2}
#home .hero-content{z-index:3;width:85.2%;height:100%;padding-top:clamp(28px,3vw,57px);justify-content:flex-start}
#home .hero-title{font-size:clamp(38px,3.15vw,60px);max-width:40%;margin-bottom:12px}
#home .hero-quote-block{width:27%;max-width:330px;margin:0 0 22px;font-size:clamp(12px,.91vw,16px);line-height:1.9}
#home .hero-vertical-quote{top:auto;bottom:14%;right:2.8%;width:90px;z-index:3;padding:0;background:none;backdrop-filter:none;box-shadow:none;text-shadow:none;transform:none;writing-mode:horizontal-tb;letter-spacing:.12em}
#home .hero-vertical-quote::before,#home .hero-vertical-quote::after{display:none}
#home .hero-vertical-quote .quote-cn span{display:block}
#home .hero-vertical-quote .quote-en{font-family:var(--font-display);letter-spacing:.18em}
#services{padding-top:25px}
#services .islands-master-grid{grid-template-columns:minmax(0,1.28fr) repeat(2,minmax(0,1fr));gap:clamp(28px,3.3vw,64px);margin-top:12px}
#services .island-chapter-col{grid-template-rows:clamp(235px,17.3vw,330px) auto;isolation:auto}
#services .chapter-meta-top{width:41%;margin:20px 0 0 3%;z-index:4}
#services .chapter-desc{font-size:clamp(11px,.88vw,16px);line-height:1.9;text-wrap:pretty;max-width:135px;letter-spacing:.02em}
#services .island-artwork-card,#services #col-collect .island-artwork-card{width:86%;height:auto;aspect-ratio:auto;align-self:start;justify-self:end;margin:5px -7% 0 0;mix-blend-mode:normal;isolation:auto;z-index:auto}
#services .island-chapter-col:not(:last-child)::after{right:calc(-.5*clamp(28px,3.3vw,64px));top:20px}
#services .chapter-services-row{z-index:5;gap:10px}
#services .service-master-card{isolation:isolate;min-height:clamp(148px,11vw,202px);padding:15px 16px 11px;background:rgba(255,252,241,.38)}
#services .service-master-card::before{display:none}
.service-card-scene{position:absolute;inset:auto 0 -3px;width:100%;height:72%;object-fit:contain;object-position:right bottom;max-width:none;opacity:.55;z-index:0;pointer-events:none;transition:opacity .3s}
#services .service-master-card>div,#services .card-arrow-mark{position:relative;z-index:1}
#services .service-master-card:hover .service-card-scene{opacity:.72}
#services .card-title-text{font-size:clamp(12px,.96vw,18px);line-height:1.5}
#services .card-sub-text{font-size:clamp(11px,.86vw,16px);line-height:1.5}
#services .card-arrow-mark{margin-top:20px}
.orb-surface-v2{transform-origin:center;transform-box:fill-box;animation:quiet-orbit-turn 112s linear infinite}
@keyframes quiet-orbit-turn{to{transform:rotate(360deg)}}
.folio-motion-paused .orb-surface-v2{animation-play-state:paused}
[data-theme="dark"] .transparent-painting{filter:url(#painting-night-v2)}
[data-theme="dark"] .integrated-celestials{filter:brightness(.8) saturate(.75)}
[data-theme="dark"] #services .service-master-card{background:#17302866}
[data-theme="dark"] .service-card-scene{filter:url(#painting-night-v2);opacity:.55}
#services .fission-celestial-canvas{left:calc(-28.205% - 6px);right:-2px;top:0;bottom:auto;min-height:344px;border-color:color-mix(in srgb,var(--folio-gold) 40%,transparent);box-shadow:0 10px 26px #60461c15;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:45}
#services .island-artwork-card:has(.fission-celestial-canvas.active){z-index:40}
@media(min-width:769px) and (max-width:1100px){
 #home{height:430px}#home .hero-visual-stage{left:33%;width:63%;top:-45px}#home .hero-content{padding-top:35px}#home .hero-quote-block{width:27%;font-size:11px}#home .hero-vertical-quote{font-size:11px;width:80px;right:3%;bottom:12%}
 #services .islands-master-grid{grid-template-columns:1fr;gap:32px}#services .island-chapter-col{grid-template-rows:clamp(310px,42vw,440px) auto}#services .chapter-meta-top{width:30%;margin-left:3%}#services .chapter-desc{font-size:14px;max-width:230px}#services .chapter-name{font-size:30px}#services .island-artwork-card,#services #col-collect .island-artwork-card{width:68%;max-width:620px;margin-right:0}#services .island-chapter-col::after{display:none}#services .service-master-card{min-height:170px}#services .card-title-text{font-size:16px}#services .card-sub-text{font-size:14px}
}
@media(max-width:768px){
 #home{height:625px;display:block}#home .hero-content{width:86%;padding-top:26px}#home .hero-title{font-size:32px;max-width:90%;line-height:1.28;margin-bottom:9px}#home .hero-sub-en{font-size:8px;max-width:160px;margin:0}#home .hero-visual-stage{left:0;top:152px;width:100%;height:auto;overflow:visible}#home .hero-quote-block{width:83%;max-width:340px;font-size:12px;margin:270px 0 18px}#home .hero-quote-block span:last-child{display:none}#home .hero-vertical-quote{right:6%;bottom:40px;font-size:10px;width:74px}#home .hero-vertical-quote .quote-en{display:none}
 #services{width:90%;padding-top:20px}#services .islands-master-grid{grid-template-columns:1fr;gap:28px;margin-top:5px}#services .island-chapter-col{grid-template-rows:215px auto}#services .chapter-meta-top{width:40%;margin:15px 0 0}#services .chapter-desc{font-size:11px;line-height:1.85}#services .chapter-name{font-size:25px}#services .chapter-name-en{font-size:8px}#services .island-artwork-card,#services #col-collect .island-artwork-card{width:80%;margin:9px -5% 0 0}#services .island-chapter-col::after{display:none}
 #services .service-master-card{min-height:142px;padding:13px 11px 10px;flex-direction:column;align-items:stretch}#services .card-title-text{font-size:12px}#services .card-sub-text{font-size:11px}#services .cols-2 .service-master-card>div:first-child{display:block}#services .card-icon-tag{width:30px;height:30px;margin:0 0 8px}#services .card-arrow-mark{position:relative;inset:auto;margin-top:15px}#services .service-card-scene{width:100%;opacity:.5}#services .fission-celestial-canvas{left:calc(-25% - 5px);right:6%;min-height:336px;padding:12px}
 .orb-surface-v2{animation:none}
}
@media(max-width:350px){#home{height:590px}#home .hero-visual-stage{top:150px}#home .hero-quote-block{margin-top:230px;width:84%;font-size:11px}#home .hero-vertical-quote{bottom:32px;right:4%;width:61px;font-size:9px}#services .island-chapter-col{grid-template-rows:215px auto}#services .chapter-desc{font-size:10px}#services .card-title-text{font-size:10.5px}#services .card-sub-text{font-size:10px}#services .service-master-card{padding-inline:8px}}
@media(min-width:500px) and (max-width:768px){#home{height:780px}#home .hero-visual-stage{width:85%;left:15%;top:130px}#home .hero-quote-block{margin-top:400px}#services .island-chapter-col{grid-template-rows:clamp(245px,45vw,350px) auto}#services .island-artwork-card,#services #col-collect .island-artwork-card{width:73%;margin-right:0}#services .chapter-meta-top{width:34%}}
@media(prefers-reduced-motion:reduce){.orb-surface-v2,.hero-traveler{animation:none!important}.service-card-scene{transition:none}}

#home .transparent-painting{mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}

@media(min-width:1101px){#services #col-observe .chapter-desc{width:180px;max-width:180px}#services #col-connect .chapter-desc{width:152px;max-width:152px}#services #col-collect .chapter-desc{width:160px;max-width:160px}#services #col-collect .island-artwork-card{width:82%;margin-right:-9%}}

/* Visual polish only: existing section, grid, typography and card geometry stay above. */
[data-theme="light"] body:has(#view-home:not(.hidden)) .app-shell{
 background:var(--folio-paper) url('assets/paintings/v2/warm-paper.svg') repeat;
 background-size:512px 512px;
}
#home .transparent-painting{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.connection-stars-v3{color:#967343}
[data-theme="dark"] .connection-stars-v3{color:#b9a16c}
#services .service-master-card,#about .about-master-card{background:rgba(255,249,233,.12);border-color:#aa854d33;box-shadow:0 3px 10px #785a2408,inset 0 0 14px #fff9e811}
#services .service-card-scene{opacity:.27;filter:saturate(.65);mask-image:linear-gradient(to bottom,transparent 28%,#0009 72%,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 28%,#0009 72%,#000 100%)}
#services .service-master-card:hover{background:rgba(255,249,233,.2)}
#services .service-master-card:hover .service-card-scene{opacity:.34}
#about .about-master-landscape-v3{width:55%;height:100%;opacity:1;mix-blend-mode:multiply;filter:url(#master-paper-normalize);mask-image:linear-gradient(90deg,transparent,#000 26%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 26%)}
#about .about-master-emblem-v3{display:block;width:110px;height:110px;flex:none;border-radius:50%;filter:drop-shadow(0 3px 6px #76531f20)}
#about .about-master-label-v3{position:absolute;left:28px;top:12px;z-index:3;padding-left:10px;border-left:2px solid var(--folio-gold);font-family:var(--font-literary);font-size:14px;line-height:1.5;color:var(--folio-ink)}
#about .about-master-label-v3 span{margin-left:10px;font:7px var(--font-display);letter-spacing:.2em;color:var(--folio-muted)}
.about-badge-underlay-v3{display:none}
[data-theme="dark"] #services .service-master-card,[data-theme="dark"] #about .about-master-card{background:#17302826;border-color:#9e885433}
[data-theme="dark"] #services .service-card-scene{filter:url(#painting-night-v2);opacity:.25}
[data-theme="dark"] #about .about-master-landscape-v3{filter:url(#about-night-v3);mix-blend-mode:normal;opacity:1}
[data-theme="dark"] #about .about-master-emblem-v3{filter:none}
[data-theme="dark"] #about .about-master-emblem-v3 image{filter:url(#about-night-v3)}
[data-theme="dark"] .about-badge-underlay-v3{display:block}
@media(max-width:768px){#about .about-master-landscape-v3{width:100%;opacity:.64}#about .about-master-label-v3{left:14px;top:9px;font-size:12px}#services .service-card-scene{opacity:.26}}

/* Continuous distant repair derived from the master; the approved foreground stays intact. */
.hero-panorama-v4{display:none;position:absolute;left:0;top:calc(-1*var(--folio-header));width:100%;height:calc(100% + var(--folio-header));pointer-events:none;z-index:0;mix-blend-mode:multiply;overflow:hidden}
@media(min-width:1101px){
 .hero-panorama-v4{display:block}
 #home .transparent-painting{mask-image:url('assets/paintings/v4/hero-core-mask.svg');-webkit-mask-image:url('assets/paintings/v4/hero-core-mask.svg');mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
}
[data-theme="dark"] .hero-panorama-v4{mix-blend-mode:normal;filter:url(#about-night-v3);opacity:.8}
#services .mountain-vignette-v4{height:47%;width:100%;bottom:-2px;opacity:.9;filter:url(#master-card-ink-v4);mix-blend-mode:normal;mask:none;-webkit-mask:none}
#services .service-master-card:hover .mountain-vignette-v4{opacity:1}
[data-theme="dark"] #services .mountain-vignette-v4{filter:url(#about-night-v3);mix-blend-mode:normal;opacity:.4}
.quiet-star-v4{animation:quiet-star-breath-v4 var(--star-period) ease-in-out var(--star-delay) infinite;will-change:auto}
@keyframes quiet-star-breath-v4{0%,59%,100%{opacity:.22}71%{opacity:.36}81%{opacity:.74}92%{opacity:.3}}
.folio-motion-paused .quiet-star-v4{animation-play-state:paused}
#about .about-bio-v4{max-width:40em;margin-bottom:1.2rem}
#about .about-bio-v4 p{margin:0}
#about .about-bio-v4 p+p{margin-top:5px}
#about .btn-about-more{color:#a27b3e;border-color:#ba914f99;background:#fff0ca1a;box-shadow:inset 0 0 0 1px #fff7dd66}
#about .btn-about-more:hover{color:#755527;border-color:#aa854d;background:#e8cf9e40}
[data-theme="dark"] #about .btn-about-more{color:#cfb47e;border-color:#b79b6377;background:#b79b630a;box-shadow:none}
@media(max-width:768px){#services .mountain-vignette-v4{opacity:.78}.quiet-star-v4{animation:none}#about .about-bio-v4{max-width:100%}}
@media(prefers-reduced-motion:reduce){.quiet-star-v4{animation:none!important}}

.collection-orbits-v4,.collection-front-v3{color:#9b793f}
[data-theme="dark"] .collection-orbits-v4,[data-theme="dark"] .collection-front-v3{color:#c3a66b}

/* Owner-selected master card treatment retained from v6. */
#services .service-master-card{min-height:clamp(136px,9.4vw,180px);padding:14px 20px 10px;background-color:#f8efdf;background-image:linear-gradient(#fff9ed66,#fff9ed66),url('assets/paintings/v2/warm-paper.svg');background-size:auto,512px 512px;border-color:#b496633b;box-shadow:0 5px 12px #78623e12,inset 0 0 22px #fff8e82b}
#services .service-master-card:hover{background:#faf2e4;border-color:#af8a4c}
#services .card-icon-tag{width:37px;height:37px;display:flex;align-items:center;justify-content:center;margin:0 0 7px;border-radius:50%;color:#865a27;background:#fff4d9d9;box-shadow:0 2px 7px #aa814225,inset 0 0 7px #f9e6bd4d}
#services .card-icon-tag svg{width:25px;height:25px}
#services .card-title-text,#services .card-sub-text{color:var(--folio-ink);line-height:1.32}
#services .card-arrow-mark{margin-top:8px;align-self:flex-start}
#services .mountain-vignette-v4{height:52%;bottom:0;opacity:1;mix-blend-mode:multiply;filter:url(#master-paper-normalize)}
#services .service-master-card:hover .mountain-vignette-v4{opacity:1}
[data-theme="dark"] #services .service-master-card{background:#17302855;background-image:none;border-color:#9e885444}
[data-theme="dark"] #services .service-master-card:hover{background:#1a332b;border-color:#ae945d77}
[data-theme="dark"] #services .card-icon-tag{color:#c1a36c;background:#a58b3920;box-shadow:none}
[data-theme="dark"] #services .card-title-text,[data-theme="dark"] #services .card-sub-text{color:var(--folio-ink)}
[data-theme="dark"] #services .mountain-vignette-v4{mix-blend-mode:normal;filter:url(#about-night-v3);opacity:.65}
@media(max-width:768px){#services .service-master-card{min-height:142px;padding:13px 11px 10px}#services .card-icon-tag{width:32px;height:32px;margin-bottom:7px}#services .card-icon-tag svg{width:23px;height:23px}}
@media(max-width:350px){#services .service-master-card{padding-inline:8px}}

/* Real RGBA layers: paper stays in the page; no source-sheet mask or multiply blend. */
.hero-panorama-v4.hero-distance-v7{mix-blend-mode:normal}
[data-theme="dark"] .hero-panorama-v4.hero-distance-v7{filter:url(#painting-night-v2);opacity:.8}
.collection-scene-v7{mix-blend-mode:normal}
.collection-orbits-v7{color:#a37d40}
[data-theme="dark"] .collection-orbits-v7{color:#c3a66b}

.collection-front-v8{color:#a37d40}
[data-theme="dark"] .collection-front-v8{color:#c3a66b}

/* v9: complete distant canvas, restrained collection scenery, and local old-line cleanup. */
.collection-scene-v9 .collection-distance-v9{position:absolute;left:0;top:12%;width:100%;height:auto;opacity:.58;z-index:0;pointer-events:none;mix-blend-mode:normal}
.collection-scene-v9 .transparent-painting{mask-image:url('assets/paintings/v9/collect-cleanup-mask.svg');-webkit-mask-image:url('assets/paintings/v9/collect-cleanup-mask.svg');mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
[data-theme="dark"] .collection-scene-v9 .collection-distance-v9{filter:url(#painting-night-v2);opacity:.46}

/* Paint the already-transparent outer edge beyond the centered Hero box. The page clips at its own edge. */
.hero-panorama-v4.hero-distance-v9{overflow:visible}
[data-theme="dark"] .hero-panorama-v4.hero-distance-v9{filter:none;opacity:.8}
[data-theme="dark"] .hero-distance-v9>image{filter:url(#painting-night-v2)}

/* v10: local leftward mountain extensions; accepted paintings and layout stay in place. */
.collection-scene-v10 .collection-left-distance-v10{position:absolute;left:-8%;top:-7%;width:110%;height:auto;opacity:.48;z-index:0;pointer-events:none;mix-blend-mode:normal}
[data-theme="dark"] .collection-scene-v10 .collection-left-distance-v10{filter:url(#painting-night-v2);opacity:.40}
@media(max-width:768px){.collection-scene-v10 .collection-left-distance-v10{width:108%}}

/* v11: complete the source cloud tail and wrap the collection's lower flanks. */
@media(min-width:1101px){#home .transparent-painting{mask-image:url('assets/paintings/v11/hero-cloud-mask.svg');-webkit-mask-image:url('assets/paintings/v11/hero-cloud-mask.svg')}}
.collection-scene-v11 .collection-lower-surround-v11{position:absolute;left:0;top:45%;width:100%;height:auto;opacity:.53;z-index:0;pointer-events:none;mix-blend-mode:normal}
[data-theme="dark"] .collection-scene-v11 .collection-lower-surround-v11{filter:url(#painting-night-v2);opacity:.42}

/* v12: recede only the supplemental scenery; keep foreground brush detail intact. */
.hero-distance-v12>.hero-left-extension-v10{mask-image:linear-gradient(90deg,transparent,#0009 20%,#000 45%,#000 80%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#0009 20%,#000 45%,#000 80%,transparent)}
[data-theme="light"] .hero-distance-v12>.hero-left-extension-v10{filter:saturate(.68)}
.collection-scene-v12 .collection-left-distance-v10{opacity:.24}
.collection-scene-v12 .collection-distance-v9{opacity:.42}
.collection-scene-v12 .collection-lower-surround-v11{opacity:.26;mask-image:linear-gradient(to bottom,#000 35%,#000a 60%,#0003 82%,transparent 98%);-webkit-mask-image:linear-gradient(to bottom,#000 35%,#000a 60%,#0003 82%,transparent 98%)}
[data-theme="light"] .collection-scene-v12 .collection-left-distance-v10,[data-theme="light"] .collection-scene-v12 .collection-lower-surround-v11{filter:saturate(.62)}
[data-theme="dark"] .collection-scene-v12 .collection-left-distance-v10{opacity:.22}
[data-theme="dark"] .collection-scene-v12 .collection-distance-v9{opacity:.34}
[data-theme="dark"] .collection-scene-v12 .collection-lower-surround-v11{opacity:.23}

/* v13: one continuous ink-wash surround replaces three separate detail patches. */
.collection-scene-v13 .collection-ink-surround-v13{position:absolute;left:-17%;top:-13%;width:117%;height:auto;opacity:.34;z-index:0;pointer-events:none;mix-blend-mode:normal}
[data-theme="dark"] .collection-scene-v13 .collection-ink-surround-v13{filter:url(#painting-night-v2);opacity:.32}

/* v14: use the same desktop artwork proportion as Connect, scoped to Collect. */
@media(min-width:1101px){#services #col-collect .island-artwork-card:has(.collection-scene-v14){width:86%}}
