/* Additional full-page layouts: architectural, editorial, technical, gallery and paper. */
body[data-theme=ivory]{--blue:#514b43;--paper:#f4f1e9;--surface:#fdfbf6;--muted:#918577;--rule:#d7cebf;--gold:#aa8e69}
body[data-theme=ivory] .hero{gap:0;border:1px solid #d7cebf;margin:30px 0;padding:0;grid-template-columns:1.2fr .8fr}
body[data-theme=ivory] .hero-copy{padding:50px;border-right:1px solid #d7cebf}
body[data-theme=ivory] .portrait{border-radius:0;aspect-ratio:3/4;margin:25px;width:calc(100% - 50px)}
body[data-theme=ivory] h1{font-family:SimSun,serif;font-weight:400;font-size:72px}
body[data-theme=ivory] .service{background:transparent;border-radius:0;border:1px solid #d7cebf}
body[data-theme=ivory] .stats{border-block:1px solid #aa8e69}.section-head h2{overflow-wrap:anywhere}
body[data-theme=ivory] .contact{background:#e7dfd0;color:#514b43;border:1px solid #d7cebf;border-radius:0}
body[data-theme=ivory] .contact p{color:#807363!important}
body[data-theme=editorial]{--blue:#9c4a3f;--paper:#fff4ec;--surface:#fffaf6;--muted:#946f64;--rule:#e8cbbd;--gold:#b9886d}
body[data-theme=editorial] .hero{grid-template-columns:1fr 1fr;gap:35px;margin-top:25px;border-top:1px solid #9c4a3f;padding-top:35px}
body[data-theme=editorial] .portrait{order:-1;border-radius:0;aspect-ratio:4/5;box-shadow:14px 14px 0 #f1ddcf}
body[data-theme=editorial] h1{font-family:SimSun,serif;font-size:80px;font-weight:400;letter-spacing:-1px}
body[data-theme=editorial] .hero-copy{padding-top:25px}
body[data-theme=editorial] .section-head{border-top:2px solid #9c4a3f;padding-top:25px}
body[data-theme=editorial] .section-head h2{font-family:SimSun,serif;font-size:32px;font-weight:400}
body[data-theme=editorial] .services{grid-template-columns:1fr}
body[data-theme=editorial] .service{border:0;border-bottom:1px solid #e8cbbd;background:transparent;border-radius:0}
body[data-theme=editorial] .contact{background:#9c4a3f;border-radius:0}
body[data-theme=tech]{--blue:#254d71;--paper:#eef4f7;--surface:#fff;--muted:#697f91;--rule:#d2e1e9;--gold:#54939b}
body[data-theme=tech] .hero{background:#fff;border-radius:28px;padding:42px;grid-template-columns:1.15fr .85fr;gap:35px;margin:30px 0;box-shadow:0 15px 55px #254d7109}
body[data-theme=tech] .portrait{border-radius:24px;aspect-ratio:1;align-self:center}
body[data-theme=tech] h1{font-family:'Microsoft YaHei',sans-serif;font-weight:700;letter-spacing:0;font-size:58px}
body[data-theme=tech] .hero .eyebrow{color:#54939b}
body[data-theme=tech] .stat{border:0;background:#fff;border-radius:16px;padding:26px!important}
body[data-theme=tech] .stats{border:0;gap:15px}
body[data-theme=tech] .service{border-radius:18px;border:0;box-shadow:0 3px 20px #254d7108}
body[data-theme=tech] .contact{border-radius:24px;background:#254d71}
body[data-theme=gallery]{--blue:#f2eae3;--paper:#241c2b;--surface:#322839;--muted:#b9aabe;--rule:#534159;--gold:#c8a18e;color:#f2eae3}
body.customer[data-theme=gallery] header,body[data-theme=gallery] header{background:#241c2b}
body[data-theme=gallery] .hero,body.customer[data-theme=gallery] .hero{display:flex;flex-direction:column;gap:0;padding:25px 0 45px}
body[data-theme=gallery] .portrait{order:0;width:100%;max-width:none;height:570px;aspect-ratio:auto;border-radius:4px}
body[data-theme=gallery] .portrait>img{object-position:center 25%}
body[data-theme=gallery] .hero-copy{order:1;position:relative;z-index:1;margin-top:-115px;padding:45px;max-width:850px;background:#322839;align-self:center;border:1px solid #534159;box-shadow:0 15px 50px #0003}
body[data-theme=gallery] h1,body.customer[data-theme=gallery] h1{color:#fff;font-family:SimSun,serif;font-weight:400}
body[data-theme=gallery] .portrait-label{display:none}
body[data-theme=gallery] .services{grid-template-columns:1fr}
body[data-theme=gallery] .service{border-radius:0;background:transparent;border:0;border-left:2px solid #c8a18e}
body[data-theme=gallery] .contact{background:#322839;color:#f2eae3;border:1px solid #534159;border-radius:4px}
body[data-theme=gallery] .primary{background:#c8a18e;color:#241c2b}
body[data-theme=gallery] .gallery img{border-radius:0}
body[data-theme=oriental]{--blue:#6b3d36;--paper:#f5eddd;--surface:#fcf5e8;--muted:#94816c;--rule:#d9c7af;--gold:#aa7655}
body[data-theme=oriental] .hero{grid-template-columns:.7fr 1.3fr;gap:38px;padding:38px 0;border-block:3px double #aa7655;margin-top:25px}
body[data-theme=oriental] .portrait{order:-1;border-radius:0;aspect-ratio:3/5}
body[data-theme=oriental] .hero-copy{padding:25px 0}
body[data-theme=oriental] h1{font-family:SimSun,serif;font-weight:400;font-size:72px;letter-spacing:8px;border-left:4px solid #aa7655;padding-left:20px}
body[data-theme=oriental] .section-head h2{font-family:SimSun,serif;font-weight:400}
body[data-theme=oriental] .service{border-radius:0;background:transparent;border:0;border-top:1px solid #d9c7af}
body[data-theme=oriental] .contact{border-radius:0;background:#e9dcc6;color:#6b3d36;border:1px solid #d9c7af}
body[data-theme=oriental] .contact p{color:#88745b!important}
body[data-theme=ivory] .brand img,body.customer[data-theme=ivory] header .brand img{filter:grayscale(1) sepia(.8);mix-blend-mode:multiply}
body[data-theme=editorial] .brand img,body.customer[data-theme=editorial] header .brand img{filter:grayscale(1) sepia(1) saturate(2) hue-rotate(320deg);mix-blend-mode:multiply}
body[data-theme=tech] .brand img,body.customer[data-theme=tech] header .brand img{filter:grayscale(1) sepia(1) saturate(2) hue-rotate(155deg);mix-blend-mode:multiply}
body[data-theme=gallery] .brand img,body.customer[data-theme=gallery] header .brand img{filter:grayscale(1) invert(1) brightness(3);mix-blend-mode:screen}
body[data-theme=oriental] .brand img,body.customer[data-theme=oriental] header .brand img{filter:grayscale(1) sepia(1) saturate(2) hue-rotate(320deg);mix-blend-mode:multiply}
@media(max-width:800px){
body[data-theme=ivory] .hero{display:flex;gap:0}body[data-theme=ivory] .portrait{margin:16px;width:calc(100% - 32px);aspect-ratio:4/3}body[data-theme=ivory] .hero-copy{padding:26px;border-right:0;border-top:1px solid #d7cebf}body[data-theme=ivory] h1{font-size:44px}
body[data-theme=editorial] .hero{gap:28px;padding-top:25px}body[data-theme=editorial] .portrait{width:calc(100% - 12px);aspect-ratio:4/3;box-shadow:10px 10px 0 #f1ddcf}body[data-theme=editorial] .hero-copy{padding-top:0}body[data-theme=editorial] h1{font-size:48px}body[data-theme=editorial] .section-head h2{font-size:23px}
body[data-theme=tech] .hero{display:flex;padding:22px;border-radius:20px;gap:24px}body[data-theme=tech] .portrait{width:100%;aspect-ratio:1;border-radius:16px}body[data-theme=tech] h1{font-size:38px}body[data-theme=tech] .stats{gap:10px}
body[data-theme=gallery] .portrait{height:330px}body[data-theme=gallery] .hero-copy{margin-top:-60px;padding:26px 22px;width:calc(100% - 20px)}body.customer[data-theme=gallery] .hero:has(.portrait[hidden]) .hero-copy{margin-top:0}
body[data-theme=oriental] .hero{gap:22px;padding:22px 0}body[data-theme=oriental] .portrait{width:70%;aspect-ratio:3/4;margin:auto}body[data-theme=oriental] .hero-copy{padding:0}body[data-theme=oriental] h1{font-size:42px;letter-spacing:5px}
}
[data-template=ivory] .template-miniature{background:#f4f1e9;color:#514b43;border:1px solid #d7cebf}[data-template=ivory] .template-photo{order:1;background:#d7cebf}
[data-template=editorial] .template-miniature{background:#fff4ec;color:#9c4a3f}[data-template=editorial] .template-photo{box-shadow:3px 3px 0 #e8cbbd;border-radius:0}
[data-template=tech] .template-miniature{background:#eef4f7;color:#254d71;border-radius:12px}[data-template=tech] .template-photo{border-radius:10px;background:#b8d3dd;order:1}
[data-template=gallery] .template-miniature{background:#241c2b;color:#f2eae3;display:flex;flex-direction:column}[data-template=gallery] .template-photo{height:70px;background:#6a536f;flex:none}[data-template=gallery] .template-copy{background:#322839;margin-top:-12px;width:85%;padding:8px;z-index:1}
[data-template=oriental] .template-miniature{background:#f5eddd;color:#6b3d36;border-block:3px double #aa7655}[data-template=oriental] .template-photo{background:#d9c7af;max-width:40px;border-radius:0}

body.customer[data-theme=gallery] .hero:has(.portrait[hidden]) .hero-copy{margin-top:0}