/* VISCENA HOME-01 — approved source CSS, background image bytes externalized without altering design. */

:root{--paper:#f3f1ec;--stone:#e5e0d7;--charcoal:#222321;--black:#121311;--ink:#292824;--grey:#706c65;--line:rgba(41,40,36,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"EB Garamond",Georgia,serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}.zh{font-family:"Noto Serif CJK TC","Songti TC","PMingLiU",serif}p{margin:0}.small{font:500 10px/1.6 Inter,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}.section-tag{display:flex;align-items:center;gap:23px;font:500 10px Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase}.section-tag:before{content:"";width:40px;height:1px;background:currentColor;opacity:.45}.linkline{display:inline-flex;align-items:center;gap:24px;font:500 11px Inter,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}.linkline:after{content:"\2192";font:300 28px Georgia;transition:transform .15s}.linkline:hover:after{transform:translateX(5px)}
/* 01 Hero — original approved board photo, no new composition */
.hero{height:min(810px,100svh);min-height:670px;position:relative;overflow:hidden;color:#f7f5ef;background:#191713}
.hero-photo{position:absolute;inset:0;background:var(--v-home-bg-1) center center/cover no-repeat;filter:saturate(.96)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,11,10,1) 0%,rgba(12,11,10,1) 35%,rgba(12,11,10,.93) 39%,rgba(12,11,10,.16) 59%,rgba(12,11,10,0) 75%),linear-gradient(0deg,rgba(0,0,0,.22),transparent 35%);pointer-events:none}
.nav{position:absolute;top:0;left:0;right:0;z-index:4;height:82px;padding:0 max(5.6vw,36px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.13);background:#141412;color:#f4f2ed}
.brand{font-size:28px;line-height:1;white-space:nowrap;font-weight:400;letter-spacing:-.027em}.brand .zh{font-size:.76em;letter-spacing:.015em}.nav-links{display:flex;align-items:center;gap:39px}.nav-links a,.lang{font:500 10px Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.nav-links a:hover{opacity:.65}.menu-btn{display:none;border:0;background:none;font-size:23px;color:inherit;cursor:pointer}
.hero-content{position:absolute;z-index:2;left:9%;bottom:18%;max-width:560px}.hero-index{margin-bottom:22px;color:rgba(255,255,255,.72)}
.hero h1{margin:0;font-weight:400;font-size:clamp(70px,6.4vw,103px);line-height:.93;letter-spacing:-.026em}.hero h2{font-weight:400;font-size:32px;letter-spacing:.09em;line-height:1.65;margin:19px 0 30px}.hero .linkline{font-size:10px}
/* pace break is brand principle from approved direction board */
.interlude{min-height:355px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:85px 9.3%;background:var(--paper)}
.interlude .eyebrow{align-self:start;padding-top:19px}.interlude .intro-title{max-width:590px;font-size:clamp(36px,3.7vw,58px);line-height:1.14;font-weight:400;letter-spacing:-.014em}.interlude .intro-title .zh{display:block;margin-top:16px;font-size:.56em;line-height:1.65;letter-spacing:.075em}
/* 02 Artwork — dedicated single piece, dark space */
.artwork{background:#1b1c1a;color:#eeeae3;min-height:870px;display:grid;grid-template-columns:42% 58%;padding:110px 9.2%;align-items:center;gap:30px}
.art-copy{max-width:430px}.art-copy .section-tag{color:#bdb8b0}.art-copy h2{font-size:clamp(56px,5.3vw,86px);font-weight:400;line-height:1.03;letter-spacing:-.02em;margin:48px 0 10px}.art-copy h3{font-size:33px;font-weight:400;letter-spacing:.09em;line-height:1.35;margin:0 0 40px}.art-copy p{font-size:24px;line-height:1.32;max-width:390px;color:#d9d4cd}.art-copy p.zh{font-size:17px;letter-spacing:.04em;line-height:1.85;margin-top:21px;color:#b9b4ad}.art-copy .linkline{margin-top:52px}.art-image-wrap{display:flex;align-items:center;justify-content:center;height:685px}.art-image-wrap img{height:100%;max-width:100%;object-fit:contain;filter:brightness(.96)}
/* 03 Discover from approved board: dominant horizontal hand-image and seven subject previews */
.discover{background:var(--paper);padding:128px 7.4% 138px}.discover-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px;padding:0 0 45px}.discover-heading h2{font-size:58px;font-weight:400;line-height:1;margin:0}.discover-heading h2 .zh{font-size:.45em;padding-left:24px;letter-spacing:.09em}.discover-heading p{font-size:19px;line-height:1.8;max-width:280px;text-align:right}.discover-panel{height:570px;position:relative;overflow:hidden;background:#2b2825;color:#f6f2e9}.discover-panel .scene{position:absolute;inset:0;background-image:var(--v-home-bg-2);background-position:center;background-size:cover}.discover-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,14,14,1) 0%,rgba(14,14,14,1) 33%,rgba(14,14,14,.84) 41%,rgba(14,14,14,.08) 70%)}.discover-text{position:absolute;left:7%;top:26%;z-index:1;max-width:390px}.discover-text .small{color:#cec8bd}.discover-text h3{font-size:55px;font-weight:400;line-height:1.04;letter-spacing:-.01em;margin:20px 0 3px}.discover-text h4{font-weight:400;font-size:28px;line-height:1.5;margin:0 0 17px;letter-spacing:.11em}.discover-text p{font-size:21px;line-height:1.42;max-width:330px}.discover-text p.zh{font-size:15px;line-height:1.8;letter-spacing:.03em;margin:10px 0 22px}.discover-text .linkline{margin-top:12px}.themes{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:13px;background:#e9e7e1;padding:20px}.theme img{width:100%;height:122px;display:block;object-fit:cover;filter:saturate(.83)}.theme .title{font-size:19px;line-height:1;margin-top:13px;white-space:nowrap}.theme .title.zh{font-size:15px;letter-spacing:.04em}.theme .translation{font:400 12px/1.5 Georgia,serif;color:#77726b;margin-top:4px}
/* 04 Statement — same light photo-left / statement-right approved board */
.statement{display:grid;grid-template-columns:38% 62%;min-height:805px;background:#ece9e2}
.statement-img{background:var(--v-home-bg-3) center center/cover no-repeat;filter:saturate(.8)}
.statement-inner{padding:118px 12% 105px 10%;display:flex;justify-content:center;flex-direction:column}.statement-inner .small{margin-bottom:49px;font-size:12px;letter-spacing:.07em;text-transform:none}.statement-inner h2{font-weight:400;font-size:clamp(31px,2.6vw,46px);line-height:1.8;letter-spacing:.02em;margin:0 0 41px}.statement-inner p{font-size:17px;line-height:2.05;letter-spacing:.025em;max-width:570px;color:#494741;margin-bottom:22px}.statement-inner .linkline{margin-top:20px;align-self:flex-start}
/* 05 active human tradition - spacious editorial spread */
.human{background:var(--paper);padding:165px 8.5% 180px}.human-header{max-width:1100px;margin:0 auto 75px;display:flex;align-items:end;justify-content:space-between;gap:40px}.human-header h2{font-size:clamp(49px,4.4vw,74px);line-height:1.05;font-weight:400;margin:27px 0 12px}.human-header .zh{font-size:27px;letter-spacing:.06em}.human-header aside{font-size:20px;line-height:1.65;max-width:300px;color:#6b675f}.human-images{display:grid;grid-template-columns:60% 38%;gap:2%;max-width:1220px;margin:auto;align-items:end}.human-img-big{width:100%;height:440px;object-fit:cover;display:block}.human-img-small{width:100%;height:265px;object-fit:cover;display:block;margin-bottom:0}.human-note{max-width:1220px;margin:24px auto 0;display:flex;justify-content:space-between;gap:22px;font-size:12px;color:#625e56}.human-note .linkline{font-size:10px;color:#292824}
footer{padding:68px 8.5% 44px;min-height:240px;border-top:1px solid var(--line);background:#ece9e2;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.footer-brand{font-size:36px}.footer-nav{display:flex;gap:33px;justify-content:flex-end;font:500 11px Inter,sans-serif;letter-spacing:.1em}.footer-note{font-size:14px;color:#77736e;margin-top:24px}
.mobile-menu{display:none}
@media(max-width:900px){.nav{height:74px;padding:0 23px}.nav-links{gap:16px}.interlude{gap:20px;padding:60px 6%}.artwork{padding:80px 6%;min-height:650px}.art-image-wrap{height:530px}.discover{padding:80px 5%}.discover-panel{height:400px}.themes{gap:8px;padding:10px}.theme img{height:80px}.theme .translation{font-size:11px}.statement-inner{padding:70px 8%}.human{padding:110px 6%}}
@media(max-width:650px){
 .nav{height:64px;padding:0 20px;background:#141412;border-bottom:1px solid rgba(255,255,255,.12)}.brand{font-size:22px}.brand .zh{font-size:.75em}.nav-links,.lang{display:none}.menu-btn{display:block}.mobile-menu{display:none;position:absolute;top:64px;left:0;right:0;background:rgba(16,16,15,.98);z-index:5;padding:28px 25px 35px}.mobile-menu.open{display:grid;gap:20px}.mobile-menu a{font:500 12px Inter,sans-serif;letter-spacing:.13em}
 .hero{height:88svh;min-height:640px;max-height:860px}.hero-photo{background-size:auto 100%;background-position:56% center}.hero:after{background:linear-gradient(0deg,rgba(9,9,9,.94) 0%,rgba(9,9,9,.65) 28%,rgba(9,9,9,.13) 73%),linear-gradient(90deg,rgba(0,0,0,.20),transparent 58%)}
 .hero-content{left:8%;bottom:10%;max-width:90%}.hero-index{font-size:9px}.hero h1{font-size:62px;line-height:.94}.hero h2{font-size:24px;margin:14px 0 25px}.hero .linkline{font-size:9px}
 .interlude{display:block;min-height:initial;padding:95px 8% 102px}.interlude .eyebrow{margin:0 0 36px;padding:0}.interlude .intro-title{font-size:40px;line-height:1.18}.interlude .intro-title .zh{font-size:.53em;line-height:1.55;margin-top:18px}
 .artwork{display:flex;flex-direction:column;gap:0;padding:75px 6% 105px;min-height:0}.art-image-wrap{height:auto;width:88%;max-width:450px;order:1;margin:48px 0 45px}.art-image-wrap img{width:100%;max-height:440px;object-fit:contain}.art-copy{width:100%;order:2;text-align:left}.art-copy .section-tag{font-size:10px}.art-copy h2{font-size:53px;margin:24px 0 6px}.art-copy h3{font-size:27px;margin:0 0 25px}.art-copy p{font-size:22px}.art-copy p.zh{font-size:15px;margin-top:13px}.art-copy .linkline{margin-top:35px}
 .discover{padding:86px 0 105px}.discover-heading{display:block;padding:0 7% 38px}.discover-heading h2{font-size:44px}.discover-heading h2 .zh{display:block;font-size:.56em;padding:10px 0 0}.discover-heading p{text-align:left;font-size:16px;line-height:1.65;max-width:300px;margin-top:19px}
 .discover-panel{height:540px}.discover-panel .scene{background-size:auto 100%;background-position:73% center}.discover-panel:after{background:linear-gradient(0deg,rgba(13,12,12,.96) 0%,rgba(13,12,12,.60) 48%,rgba(13,12,12,.02) 83%)}.discover-text{top:auto;bottom:9%;left:8%;right:7%}.discover-text h3{font-size:43px;margin:11px 0 2px}.discover-text h4{font-size:24px;margin-bottom:16px}.discover-text p{font-size:18px}.discover-text p.zh{font-size:14px}.discover-text .linkline{margin-top:5px}
 .themes{display:flex;gap:13px;padding:18px 19px 19px;overflow:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.theme{flex:0 0 46%;min-width:0;scroll-snap-align:start}.theme img{height:155px}.theme .title{font-size:18px;margin-top:12px}.theme .title.zh{font-size:15px}.theme .translation{font-size:12px}
 .statement{display:flex;flex-direction:column;min-height:0}.statement-img{height:270px;flex:none;background-size:cover;background-position:center 46%}.statement-inner{padding:74px 8% 88px}.statement-inner .small{margin-bottom:32px}.statement-inner h2{font-size:30px;line-height:1.63;margin:0 0 26px}.statement-inner p{font-size:15px;line-height:2.05;margin:0 0 21px}.statement-inner .linkline{margin-top:20px}
 .human{padding:100px 7% 110px}.human-header{display:block;margin-bottom:44px}.human-header h2{font-size:50px;margin-top:23px}.human-header .zh{font-size:23px}.human-header aside{font-size:17px;margin-top:25px}.human-images{display:block}.human-img-big{height:270px}.human-img-small{width:72%;height:165px;margin:-34px 0 0 auto;position:relative;border:5px solid var(--paper)}.human-note{display:block;margin-top:22px}.human-note .linkline{margin-top:18px}
 footer{display:block;padding:52px 7% 65px}.footer-brand{font-size:32px}.footer-nav{justify-content:start;flex-wrap:wrap;gap:20px 26px;margin-top:39px}.footer-note{margin-top:42px;font-size:13px}
}

/* HOME-01: precision mobile correction; only hero layout adjusted to reference V1.0, no change to approved sections */
@media(max-width:650px){
.hero{height:760px;min-height:720px;max-height:890px;background:#12110e}
.hero-photo{background-position:27.2% center;background-size:auto 100%;filter:brightness(.87) saturate(.92)}
.hero::after{background:linear-gradient(90deg,rgba(8,8,7,.64) 0%,rgba(8,8,7,.35) 36%,rgba(8,8,7,.08) 78%,rgba(8,8,7,.02) 100%),linear-gradient(0deg,rgba(6,6,6,.48) 0%,rgba(6,6,6,.13) 45%,rgba(6,6,6,.05) 100%)}
.nav{height:72px;background:transparent;border:0;align-items:flex-start;padding:29px 22px 0;}
.nav .brand{font-size:23px;letter-spacing:-.025em}.nav .brand .zh{font-size:.78em}
.menu-btn{font-size:22px;line-height:1}
.hero-content{top:34%;bottom:auto;left:8%;right:0;max-width:95%}
.hero-index{display:none}
.hero h1{font-size:58px;line-height:1.02;letter-spacing:-.022em;text-shadow:0 1px 8px rgba(0,0,0,.34)}
.hero h2{font-size:21px;letter-spacing:.06em;line-height:1.45;margin:16px 0 41px;white-space:nowrap;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.hero .linkline{font-size:10px;gap:22px}.hero .linkline:after{content:'';display:inline-block;width:66px;height:1px;background:rgba(255,255,255,.95)}
}

/* Locked V1.0 board: landscape desktop split/window/painting positioning, no re-layout of other sections */
@media(min-width:651px){
.hero-photo{background-position:center center}
.hero::after{background:linear-gradient(90deg,rgba(11,10,9,.83) 0%,rgba(11,10,9,.72) 16%,rgba(11,10,9,.43) 30%,rgba(11,10,9,.08) 52%,rgba(11,10,9,0) 72%),linear-gradient(0deg,rgba(0,0,0,.16),transparent 40%)}
.nav{background:rgba(15,15,14,.12);height:74px;border-bottom:none}
.hero-content{left:6%;bottom:16%}
.hero h1{font-size:clamp(60px,5.2vw,78px);line-height:.99}
.hero h2{font-size:clamp(26px,2.4vw,36px);margin-top:16px}
}


/* QA-02: authorized FOOT-01 reference mapping, isolated from approved page bodies */
.qa02-footer{--qa-paper:#ece9e2;--qa-ink:#292824;--qa-muted:#65615c;--qa-line:rgba(41,40,36,.18);box-sizing:border-box!important;display:block!important;width:100%!important;height:auto!important;min-height:350px!important;margin:0!important;border:0!important;border-top:1px solid var(--qa-line)!important;background:var(--qa-paper)!important;color:var(--qa-ink)!important;padding:68px 8.5% 38px!important;font-family:'EB Garamond',Georgia,serif!important;text-align:left!important;letter-spacing:normal!important;}
.qa02-footer *{box-sizing:border-box}
.qa02-footer a{color:inherit!important;text-decoration:none!important;cursor:pointer}
.qa02-footer a:hover{text-decoration:underline!important;text-underline-offset:5px}
.qa02-footer .footer-top{display:grid!important;grid-template-columns:1fr 1fr!important;gap:30px!important;align-items:start!important;}
.qa02-footer .footer-identity{min-width:0}
.qa02-footer .footer-brand{display:block!important;font-family:'EB Garamond',Georgia,serif!important;font-size:36px!important;font-weight:400!important;letter-spacing:-.01em!important;line-height:1.2!important;color:var(--qa-ink)!important;}
.qa02-footer .footer-brand .zh{font-family:'Noto Serif CJK TC','Songti TC',serif!important;font-size:.86em!important}
.qa02-footer .footer-note{font-family:'EB Garamond',Georgia,serif!important;font-size:14px!important;font-weight:400!important;color:var(--qa-muted)!important;margin-top:24px!important;letter-spacing:.005em!important;}
.qa02-footer .footer-nav{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-end!important;gap:33px!important;padding-top:6px!important;margin:0!important;white-space:nowrap!important;}
.qa02-footer .footer-nav a{font-family:Inter,Arial,sans-serif!important;font-size:11px!important;font-weight:500!important;letter-spacing:.1em!important;line-height:1.3!important;}
.qa02-footer .footer-bottom{display:flex!important;justify-content:space-between!important;align-items:end!important;gap:25px!important;margin-top:92px!important;padding-top:25px!important;border-top:1px solid var(--qa-line)!important;}
.qa02-footer .ownership{font-family:Inter,Arial,sans-serif!important;font-size:10px!important;letter-spacing:.045em!important;color:var(--qa-muted)!important;}
.qa02-footer .footer-utility{display:flex!important;align-items:center!important;gap:30px!important;}
.qa02-footer .footer-links{display:flex!important;gap:24px!important;align-items:center!important;}
.qa02-footer .footer-links a,.qa02-footer .lang{font-family:Inter,Arial,sans-serif!important;font-size:10px!important;letter-spacing:.09em!important;font-weight:500!important;}
.qa02-footer .lang{display:flex!important;align-items:center!important;gap:12px!important;white-space:nowrap!important;}
.qa02-footer .lang .divider{display:block!important;height:11px!important;width:1px!important;background:#77736e!important;}
.qa02-footer .lang .tc{font-family:'Noto Sans CJK TC',sans-serif!important;font-size:11px!important;}
@media(max-width:650px){
.qa02-footer{padding:63px 7% 36px!important;min-height:410px!important}
.qa02-footer .footer-top{display:block!important}
.qa02-footer .footer-brand{font-size:31px!important;letter-spacing:-.015em!important}
.qa02-footer .footer-brand .zh{font-size:.88em!important}
.qa02-footer .footer-note{font-size:13px!important;margin-top:36px!important}
.qa02-footer .footer-nav{padding:0!important;margin-top:44px!important;justify-content:space-between!important;gap:6px!important;flex-wrap:nowrap!important}
.qa02-footer .footer-nav a{font-size:10px!important;letter-spacing:.09em!important}
.qa02-footer .footer-bottom{margin-top:42px!important;padding-top:25px!important;display:grid!important;grid-template-columns:1fr auto!important;row-gap:26px!important;column-gap:14px!important;align-items:start!important}
.qa02-footer .footer-links{gap:18px!important;grid-column:1;grid-row:1;flex-wrap:wrap!important}
.qa02-footer .footer-links a{font-size:10px!important;letter-spacing:.03em!important}
.qa02-footer .lang{grid-column:2;grid-row:1;justify-content:end!important}
.qa02-footer .ownership{grid-column:1/-1;grid-row:2;font-size:10px!important}
}