.commercialPage{background:var(--ivory)}.commercialHeader{z-index:30;border-radius:18px;grid-template-columns:190px 1fr auto;align-items:center;width:min(1180px,100% - 36px);min-height:70px;padding:10px 16px 10px 22px;display:grid;position:fixed;top:18px;left:50%;transform:translate(-50%)}.commercialHeader nav{justify-content:center;gap:clamp(18px,2.2vw,34px);display:flex}.commercialHeader nav a{white-space:nowrap;font-size:13px;position:relative}.commercialHeader nav a.active:after{content:"";background:linear-gradient(90deg, var(--roseDeep), var(--gold));height:1px;position:absolute;bottom:-9px;left:0;right:0}.commercialHero{background:linear-gradient(135deg, #fff 0, var(--ivory) 42%, var(--rose) 100%);grid-template-columns:.95fr 1.05fr;align-items:center;gap:7vw;min-height:900px;padding:140px max(7vw,40px) 80px;display:grid}.commercialHeroCopy{max-width:640px}.commercialHeroCopy h1{font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(54px,6.6vw,104px);font-weight:500;line-height:.98}.commercialHeroCopy>p:not(.sectionKicker){max-width:590px;color:var(--muted);margin:34px 0;font-size:16px;line-height:2}.commercialStats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px;padding-top:24px;display:grid}.commercialStats div{flex-direction:column;gap:7px;display:flex}.commercialStats strong{font-family:var(--serif);font-size:38px;font-weight:500}.commercialStats span{color:var(--muted);letter-spacing:.14em;font-size:9px}.commercialHeroVisual{border:1px solid var(--line);border-radius:300px 300px 18px 18px;justify-self:end;width:min(100%,620px);padding:13px;position:relative}.commercialHeroVisual img{object-fit:cover;object-position:center 18%;border-radius:285px 285px 11px 11px;width:100%;height:680px}.commercialHeroVisual>span{color:#ffffffe6;font-family:var(--serif);letter-spacing:-.08em;font-size:clamp(90px,10vw,160px);position:absolute;bottom:6%;left:-8%}.portfolioNav{z-index:2;max-width:1180px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd6;border-radius:16px;grid-template-columns:repeat(4,1fr);margin:-36px auto 0;padding:18px;display:grid;position:relative}.portfolioNav a{border-right:1px solid var(--line);flex-direction:column;gap:5px;padding:14px 18px;font-size:12px;transition:color .3s;display:flex}.portfolioNav a:last-child{border-right:0}.portfolioNav a:hover{color:#9b6571}.portfolioNav span{color:var(--gold);font-family:var(--serif);font-size:22px}.portfolioSection{padding:120px max(7vw,40px)}.portfolioSection2,.portfolioSection4{background:#fff}.portfolioSection3{background:var(--rose)}.portfolioHeading{grid-template-columns:90px 1fr;align-items:start;gap:25px;max-width:1180px;margin:0 auto 48px;display:grid}.portfolioHeading>span{color:#d4af378c;font-family:var(--serif);font-size:72px;line-height:.9}.portfolioHeading h2{font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:clamp(44px,5vw,72px);font-weight:500}.portfolioHeading div>p:last-child{max-width:620px;color:var(--muted);line-height:1.8}.brandCardGrid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1180px;margin:auto;display:grid}.portfolioSection1 .brandCardGrid{grid-template-columns:repeat(2,1fr)}.brandCard{background:var(--ivory);min-height:190px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;justify-content:flex-end;padding:28px;transition:transform .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.portfolioSection2 .brandCard,.portfolioSection4 .brandCard{background:linear-gradient(145deg, #fff, var(--rose))}.brandCard:hover{transform:translateY(-7px);box-shadow:0 18px 44px #2d1b1f1a}.brandCard>span{color:#d4af378c;font-family:var(--serif);font-size:25px;position:absolute;top:14px;right:18px}.brandCard h3{font-family:var(--serif);margin:0 0 12px;font-size:26px;font-weight:500;line-height:1.2}.brandCard p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.brandCardButton{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none;border:0;padding:0}.brandCard.featured{background:var(--ink);color:#fff;grid-template-rows:300px 1fr;justify-content:stretch;min-height:460px;display:grid}.brandCard.featured>img{object-fit:cover;object-position:center 12%;width:100%;height:300px}.brandCard.featured>div{align-self:end;padding:26px 30px 30px}.brandCard.featured p{color:#ffffffa8}.brandCard.featured h3{font-size:38px}.brandCard.featured small{color:#ffffffbd;letter-spacing:.12em;margin-top:18px;font-size:10px;display:block}.commercialModalOverlay{z-index:100;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#100d0ebd;justify-content:center;align-items:center;padding:24px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.commercialModal{background:var(--ivory);border-radius:20px;grid-template-columns:1.05fr .95fr;width:min(1020px,100%);max-height:calc(100vh - 48px);display:grid;position:relative;overflow:auto;box-shadow:0 28px 90px #0000004d}.commercialModalImage{background:var(--rose);min-height:680px}.commercialModalImage img{object-fit:cover;object-position:center top;width:100%;height:100%;max-height:calc(100vh - 48px)}.commercialModalCopy{align-self:center;padding:68px 52px}.commercialModalCopy h2{font-family:var(--serif);margin:0 0 14px;font-size:clamp(48px,6vw,76px);font-weight:500;line-height:1}.commercialModalCopy strong{color:#8b5d68;font-size:14px;font-weight:500}.commercialModalCopy>p:not(.sectionKicker){color:var(--muted);margin:28px 0 36px;line-height:2}.brandActivity{background:linear-gradient(145deg, #fff, var(--rose));border-radius:12px;margin:0 0 32px;padding:20px 22px;box-shadow:0 4px 20px #0000000d}.brandActivity small{color:#8b5d68;font-family:var(--serif);letter-spacing:.08em}.brandActivity h3{font-family:var(--serif);margin:8px 0 10px;font-size:20px;font-weight:500}.brandActivity p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.brandActivity a{color:#7d505b;letter-spacing:.04em;align-items:center;gap:8px;margin-top:14px;font-size:11px;display:inline-flex}.brandActivity a:hover{color:var(--ink)}.portfolioNote{text-align:center;background:linear-gradient(145deg, var(--ivory), var(--rose));padding:130px max(7vw,40px)}.portfolioNote h2{font-family:var(--serif);margin:0;font-size:clamp(44px,5vw,72px);font-weight:500}.portfolioNote>p:not(.sectionKicker){max-width:760px;color:var(--muted);margin:28px auto 36px;line-height:2}@media (max-width:1040px){.commercialHeader{grid-template-columns:150px 1fr auto}.commercialHeader nav{gap:14px}.commercialHeader nav a{font-size:11px}}@media (max-width:820px){.commercialHeader{border-radius:14px;grid-template-columns:1fr auto;width:calc(100% - 16px);min-height:62px;padding:8px 10px 8px 14px;top:8px}.commercialHeader nav{box-shadow:var(--shadow);background:#fdfbf7f0;border-radius:14px;justify-content:flex-start;padding:12px 10px;position:fixed;top:78px;left:8px;right:8px;overflow-x:auto}.commercialHeader nav a{flex:none}.commercialHero{grid-template-columns:1fr;padding:155px 22px 80px}.commercialHeroCopy h1{font-size:55px}.commercialHeroVisual img{height:560px}.portfolioNav{grid-template-columns:repeat(2,1fr);margin:0 16px}.portfolioNav a:nth-child(2){border-right:0}.portfolioNav a:nth-child(-n+2){border-bottom:1px solid var(--line)}.portfolioSection{padding:80px 20px}.portfolioHeading{grid-template-columns:60px 1fr}.portfolioHeading>span{font-size:50px}.brandCardGrid{grid-template-columns:repeat(2,1fr)}.commercialModal{grid-template-columns:1fr}.commercialModalImage{min-height:520px}.commercialModalImage img{height:520px}.commercialModalCopy{padding:44px 28px 34px}}@media (max-width:520px){.commercialStats{grid-template-columns:1fr}.commercialHeroVisual img{height:470px}.portfolioNav{grid-template-columns:1fr}.portfolioNav a{border-right:0;border-bottom:1px solid var(--line)}.portfolioHeading,.brandCardGrid,.portfolioSection1 .brandCardGrid{grid-template-columns:1fr}.brandCard.featured{grid-template-rows:250px 1fr;min-height:410px}.brandCard.featured>img{height:250px}.commercialModalOverlay{padding:10px}.commercialModal{max-height:calc(100vh - 20px)}.commercialModalImage{min-height:390px}.commercialModalImage img{height:390px}}
