/* GUOJIA reference-matched standalone homepage, no scripts, all local images */
:root{--ink:#251b17;--gold:#b99b78;--cream:#f4eee7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f7f3ef;font-family:"Noto Serif TC","Songti TC","PMingLiU",serif}a{text-decoration:none;color:inherit}img{display:block;width:100%;max-width:100%}
.gj-header{height:84px;position:absolute;z-index:5;left:0;right:0;top:0;padding:0 clamp(25px,3.4vw,58px);display:flex;align-items:center;gap:35px;color:#f7f1e9;background:linear-gradient(180deg,rgba(15,12,11,.7),transparent)}
.gj-brand{display:flex;align-items:center;gap:17px;min-width:264px}.gj-monogram{font:58px/1 Georgia,serif;letter-spacing:-.18em;padding-right:.18em;font-weight:400}.gj-brand-name{display:block;font-size:20px;letter-spacing:.3em;white-space:nowrap}.gj-brand-en{display:block;font:10px/1.8 Georgia,serif;letter-spacing:.48em;margin-top:3px}
.gj-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.5vw,27px);flex:1}.gj-nav a{white-space:nowrap;font-size:13px;letter-spacing:.08em}.gj-nav a:hover{text-decoration:underline;text-underline-offset:9px}.gj-icons{display:flex;gap:18px;align-items:center;font:22px Georgia,serif}.gj-icons a{width:23px;text-align:center}
.gj-hero{height:clamp(470px,34vw,640px);min-height:470px;background:#1c1411 url("https://guojia.coopener.com/__coopener/package-assets/assets/images/hero-wide.webp") center/cover no-repeat;position:relative;color:#f7f1e9;display:flex;align-items:center}
.gj-hero-content{margin-left:7%;margin-top:50px;position:relative;z-index:1}.gj-kicker{font:11px Georgia,serif;letter-spacing:.43em}.gj-hero h1{font-size:clamp(35px,3.35vw,57px);letter-spacing:.18em;font-weight:400;line-height:1.45;margin:25px 0 16px}.gj-hero p{font-size:15px;letter-spacing:.29em;margin:0 0 32px}.gj-button{display:inline-flex;align-items:center;gap:34px;padding:13px 24px;border:1px solid rgba(255,255,255,.65);font-size:13px;letter-spacing:.23em;min-width:177px;justify-content:space-between}.gj-button:hover{background:rgba(255,255,255,.13)}.gj-vertical{position:absolute;right:4.4%;top:33%;font:10px/2.2 Georgia,serif;letter-spacing:.3em;writing-mode:vertical-rl}.gj-slide-index{position:absolute;right:4.4%;bottom:32px;font:14px Georgia,serif;letter-spacing:.25em}
.gj-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;background:#fff;padding:6px}.gj-tile{height:clamp(170px,13vw,245px);position:relative;overflow:hidden;background:#e3d2bf}.gj-tile img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gj-tile:hover img{transform:scale(1.04)}.gj-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(35,20,13,.45),transparent 72%)}.gj-tile-title{position:absolute;z-index:1;left:26px;bottom:22px;color:#fff;font-size:23px;letter-spacing:.08em;text-shadow:0 1px 6px #0005}.gj-tile-title small{display:block;font:11px Georgia,serif;letter-spacing:.24em;margin-top:8px}.gj-tile:nth-child(2) .gj-tile-title,.gj-tile:nth-child(3) .gj-tile-title{color:#2e2019;text-shadow:0 1px 10px #fffc}
.gj-about{display:grid;grid-template-columns:35% 30% 35%;min-height:425px}.gj-about-photo{min-height:425px;position:relative;overflow:hidden}.gj-about-photo img{height:100%;object-fit:cover}.gj-about-photo:first-child img{object-position:center 40%}.gj-about-photo:last-child img{object-position:center 50%}.gj-about-copy{background:#f4eee7;padding:45px clamp(24px,4vw,70px);display:flex;flex-direction:column;justify-content:center}.gj-about-copy .gj-kicker{font-size:11px;color:#8b6853}.gj-about-copy h2{font-size:clamp(27px,2.3vw,40px);font-weight:400;line-height:1.52;letter-spacing:.11em;margin:18px 0}.gj-about-copy p{font:14px/2.1 "Noto Serif TC","PMingLiU",serif;color:#6d5a4c;letter-spacing:.06em;margin:0 0 23px}.gj-button-dark{color:#4e3c30;border-color:#a99788;width:max-content;min-width:155px}.gj-detail-word{position:absolute;right:22px;top:30px;color:#695341;font:10px/1.9 Georgia,serif;letter-spacing:.2em;max-width:105px}
.gj-collection{padding:100px max(5%,calc((100% - 1250px)/2));background:#fff}.gj-center{text-align:center;margin-bottom:43px}.gj-center .gj-kicker{color:#9c7f62}.gj-center h2{font-weight:400;font-size:36px;letter-spacing:.15em;margin:18px 0 8px}.gj-center p{font-size:13px;color:#9a8b7e;letter-spacing:.17em}.gj-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.gj-collection-grid img{height:320px;object-fit:cover}.gj-collection-grid h3{font-size:21px;font-weight:400;letter-spacing:.1em;margin:19px 0 5px}.gj-collection-grid small{font:11px Georgia,serif;letter-spacing:.2em;color:#8c7662}
.gj-shop{padding:95px 7%;background:#f4eee7;text-align:center}.gj-shop [data-coopener-component]{margin:25px auto;text-align:left}.gj-shop-link{display:inline-block;border:1px solid #a28b78;padding:13px 25px;margin-top:24px;font-size:13px;letter-spacing:.15em}.gj-banner{background:linear-gradient(90deg,#1c1211dd,#1c121133),url("https://guojia.coopener.com/__coopener/package-assets/assets/images/gold-burgundy.webp") center/cover;min-height:320px;color:#fff;padding:65px 9%;display:flex;align-items:center}.gj-banner h2{font-size:36px;font-weight:400;line-height:1.6;letter-spacing:.13em;margin:15px 0 24px}.gj-footer{background:#211915;color:#e9ddd0;text-align:center;padding:60px 25px 30px}.gj-footer strong{font-size:25px;letter-spacing:.25em;font-weight:400}.gj-footer span{display:block;font:11px Georgia,serif;letter-spacing:.45em;margin:8px}.gj-footer p{font-size:13px;color:#baa998;letter-spacing:.1em}.gj-footer a{display:inline-block;font-size:13px;margin:15px}.gj-footer small{display:block;margin-top:28px;color:#988577}
@media(max-width:1200px){.gj-header{height:auto;min-height:90px;flex-wrap:wrap;justify-content:center;padding:15px 24px;gap:10px 24px}.gj-brand{min-width:auto}.gj-nav{order:3;flex-basis:100%;gap:20px}.gj-icons{display:none}.gj-hero-content{margin-top:90px}.gj-about{grid-template-columns:1fr 1fr}.gj-about-photo:last-child{display:none}}
@media(max-width:700px){.gj-header{position:absolute;padding:12px 15px;background:#211915bb}.gj-brand-name{font-size:17px}.gj-monogram{font-size:44px}.gj-nav{gap:9px 17px;flex-wrap:wrap}.gj-nav a{font-size:11px}.gj-hero{height:620px;background-position:61% center}.gj-hero-content{margin-left:7%;margin-right:7%;margin-top:125px}.gj-hero h1{font-size:34px;letter-spacing:.08em}.gj-hero p{font-size:12px;letter-spacing:.1em}.gj-vertical{display:none}.gj-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px}.gj-tile{height:185px}.gj-tile-title{font-size:18px;left:14px;bottom:15px}.gj-about{display:block}.gj-about-photo{min-height:0;height:350px}.gj-about-copy{padding:55px 9%}.gj-collection{padding:70px 7%}.gj-center h2{font-size:27px}.gj-collection-grid{grid-template-columns:1fr;gap:35px}.gj-collection-grid img{height:310px}.gj-banner h2{font-size:27px}}