:root{--white:#fff;--snow:#f5f8fc;--navy:#0e2a47;--navy-2:#173d63;--blue:#2563eb;--sky:#dcebfa;--ink:#16202a;--muted:#667381;--line:#dce5ed;--radius:22px;--display:"Bebas Neue",Impact,sans-serif;--body:"Manrope",Arial,sans-serif;--serif:"Cormorant Garamond",Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65;overflow-x:hidden}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;background:var(--navy);color:white;padding:.7rem 1rem;border-radius:8px}.skip-link:focus{top:1rem}.section-shell{width:min(1220px,calc(100% - 56px));margin-inline:auto}.section-pad{padding-block:120px}.site-header{position:fixed;z-index:100;top:0;left:0;right:0;height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:max(28px,calc((100vw - 1220px)/2));background:rgba(255,255,255,.92);border-bottom:1px solid transparent;backdrop-filter:blur(14px);transition:.3s}.site-header.scrolled{height:68px;border-color:var(--line)}.brand{font:2rem/1 var(--display);letter-spacing:.06em}.brand span{color:var(--blue)}.site-nav{display:flex;gap:32px}.site-nav a,.header-cta{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.site-nav a{position:relative}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--blue);transition:.25s}.site-nav a:hover:after,.site-nav a.active:after{right:0}.header-cta{justify-self:end;background:var(--navy);color:white;padding:12px 18px;border-radius:999px}.menu-toggle{display:none;border:0;background:none}.hero{min-height:100vh;padding-top:132px;display:grid;grid-template-columns:.94fr 1.06fr;grid-template-rows:1fr auto;gap:24px 64px;align-items:center}.hero-copy{padding-bottom:36px;position:relative;z-index:2}.eyebrow,.section-kicker{font-size:.73rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow span{display:inline-block;width:35px;height:2px;background:var(--blue)}.hero h1,.section-heading h2,.about h2,.feature h2,.contact h2,.extended h2{font:clamp(4.6rem,7.4vw,7.5rem)/.86 var(--display);letter-spacing:-.015em;margin:28px 0}.hero h1 em,.section-heading h2 em,.about h2 em,.feature h2 em,.contact h2 em,.extended h2 em{font-family:var(--serif);font-weight:600;text-transform:none;color:var(--blue)}.hero-copy>p{max-width:590px;color:var(--muted);font-size:1.05rem}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 20px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.button-primary{background:var(--blue);color:white}.text-link{font-size:.82rem;font-weight:700;border-bottom:1px solid var(--ink);padding-block:4px}.hero-visual{align-self:end;min-height:650px;position:relative;display:flex;align-items:flex-end;justify-content:center}.hero-word{position:absolute;z-index:-1;top:11%;left:50%;transform:translateX(-50%);font:clamp(7rem,13vw,13rem)/.75 var(--display);color:var(--sky);letter-spacing:-.03em}.portrait-frame{width:min(475px,84%);height:625px;overflow:hidden;border-radius:240px 240px 20px 20px;background:var(--snow);border:1px solid var(--line)}.portrait-frame img{height:100%;object-fit:cover;object-position:center}.signature{position:absolute;bottom:35px;left:5%;font:600 clamp(4rem,7vw,7rem)/1 var(--serif);color:var(--blue);transform:rotate(-8deg);margin:0}.floating-tag{position:absolute;background:white;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 12px 30px rgba(14,42,71,.08)}.tag-one{top:28%;left:0}.tag-two{top:45%;right:-2%}.tag-three{bottom:18%;right:5%}.hero-proof{grid-column:1/-1;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr) 1.25fr;padding-block:24px}.hero-proof>div{padding:0 26px;border-right:1px solid var(--line);display:flex;flex-direction:column}.hero-proof>div:first-child{padding-left:0}.hero-proof strong{font:2.5rem/1 var(--display);color:var(--navy)}.hero-proof span{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.hero-proof .social-proof{border:0;display:grid;grid-template-columns:1fr auto;gap:2px 20px}.social-proof span{grid-column:1/-1}.social-proof a{font-size:.82rem;font-weight:700}.section-kicker{border-bottom:1px solid var(--line);padding-bottom:12px;color:var(--muted)}.section-kicker span{color:var(--blue)}.about-grid{display:grid;grid-template-columns:1.1fr .7fr .75fr;gap:48px;align-items:center;margin-top:64px}.about h2{font-size:clamp(4rem,6vw,6.8rem);color:var(--navy);margin:0 0 30px}.about-statement .lead{font-size:1.13rem;max-width:560px}.about-photo{position:relative}.about-photo img{height:540px;object-fit:cover;border-radius:180px 180px 18px 18px}.photo-index{position:absolute;bottom:16px;left:16px;background:white;border-radius:999px;padding:7px 12px;font-size:.67rem;font-weight:700;letter-spacing:.08em}.about-copy{color:var(--muted)}.about-copy p:first-child{color:var(--ink);font-weight:600}.capability-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.capability-list span,.feature-points span{padding:7px 11px;border:1px solid var(--line);border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.expertise,.gallery{background:var(--navy);color:white}.section-heading h2{font-size:clamp(4rem,6vw,6.8rem);color:var(--navy)}.section-heading.light h2{color:white}.section-heading.light h2 em{color:#82b7ff}.section-heading.light .section-kicker,.gallery .section-kicker{color:#afc2d4;border-color:rgba(255,255,255,.16)}.service-list{margin-top:55px}.service{display:grid;grid-template-columns:70px 1fr 1fr 40px;align-items:center;gap:28px;padding:28px 0;border-top:1px solid rgba(255,255,255,.17);transition:.25s}.service:last-child{border-bottom:1px solid rgba(255,255,255,.17)}.service:hover{padding-left:16px;background:rgba(255,255,255,.035)}.service-number{font-size:.72rem;color:#82b7ff}.service h3{font:3.1rem/1 var(--display);letter-spacing:.02em;margin:0}.service p{color:#b9c9d7;margin:0;max-width:440px}.service-arrow{font-size:1.5rem;color:#82b7ff}.heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:60px}.heading-row p{max-width:400px;color:var(--muted);padding-bottom:24px}.filters{display:flex;gap:8px;overflow-x:auto;margin:8px 0 36px;padding-bottom:4px}.filter{white-space:nowrap;border:1px solid var(--line);background:white;padding:9px 15px;border-radius:999px;font-size:.74rem;font-weight:700;cursor:pointer;transition:.2s}.filter.active,.filter:hover{background:var(--navy);border-color:var(--navy);color:white}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.project-card{min-width:0}.project-card[hidden]{display:none}.project-media{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--snow);height:460px}.project-media.portrait{height:660px}.project-media.landscape{height:460px}.project-media img{height:100%;object-fit:cover;transition:transform .6s}.project-card:hover img{transform:scale(1.025)}.view-project{position:absolute;right:18px;bottom:18px;background:white;border-radius:999px;padding:10px 14px;font-size:.7rem;font-weight:700;transform:translateY(10px);opacity:0;transition:.25s}.project-card:hover .view-project{transform:none;opacity:1}.project-meta{display:flex;justify-content:space-between;align-items:start;padding:16px 4px 40px}.project-meta span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.project-meta h3{font:2.1rem/1 var(--display);color:var(--navy);margin:5px 0}.project-meta>strong{font:2rem/1 var(--display);color:var(--line)}.feature{background:var(--blue);color:white}.feature-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.feature .section-kicker{color:#d6e5ff;border-color:rgba(255,255,255,.28)}.feature-label{display:block;margin-top:42px;text-transform:uppercase;font-size:.72rem;font-weight:700;letter-spacing:.11em}.feature h2{font-size:clamp(5rem,8vw,8rem);color:white}.feature h2 em{color:#d6e5ff}.feature-copy>p{max-width:500px;color:#e3ecff}.feature-points{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.feature-points span{border-color:rgba(255,255,255,.35)}.button-light{background:white;color:var(--blue)}.feature-image img{border-radius:var(--radius);min-height:560px;object-fit:cover}.performance-grid{display:grid;grid-template-columns:1.15fr repeat(3,1fr);gap:18px}.big-number,.metric-card{border-radius:var(--radius);background:var(--snow);overflow:hidden}.big-number{background:var(--navy);color:white;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;min-height:420px}.big-number>span{font-size:.72rem;font-weight:700;letter-spacing:.14em}.big-number strong{font:clamp(5rem,8vw,8rem)/.9 var(--display);color:#82b7ff;margin:16px 0}.big-number p{font-size:.84rem;color:#c7d6e4;max-width:200px}.metric-card{display:flex;flex-direction:column}.metric-card img{height:245px;object-fit:cover;object-position:left center}.metric-card div{padding:24px}.metric-card strong{font:2.8rem/1 var(--display);color:var(--navy);display:block}.metric-card span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.gallery-grid{margin-top:60px;display:grid;grid-template-columns:1.1fr .8fr .8fr;grid-template-rows:340px 260px;gap:18px}.gallery-grid figure{margin:0;position:relative;overflow:hidden;border-radius:18px}.gallery-grid img{height:100%;object-fit:cover}.gallery-grid figcaption{position:absolute;left:14px;bottom:14px;background:white;color:var(--navy);font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:7px 11px}.gallery-a{grid-row:1/3}.gallery-b{grid-row:1/3}.gallery-d{grid-column:3}.extended-card{min-height:440px;background:var(--snow);border:1px solid var(--line);border-radius:32px;padding:54px;display:grid;grid-template-columns:.55fr 1.4fr .5fr;align-items:center;gap:48px;position:relative;overflow:hidden}.extended-number{font:clamp(8rem,16vw,15rem)/1 var(--display);color:var(--sky)}.extended h2{font-size:clamp(4rem,6vw,6.4rem);color:var(--navy);margin-block:22px}.extended-card p{max-width:600px;color:var(--muted)}.qr-pending{justify-self:end;width:165px;aspect-ratio:1;border:1px dashed var(--navy);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--navy)}.qr-pending span{font:4rem/1 var(--display)}.qr-pending small{text-align:center;text-transform:uppercase;letter-spacing:.08em}.contact{background:var(--snow)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.contact-image img{height:680px;object-fit:cover;border-radius:260px 260px 24px 24px}.contact h2{font-size:clamp(4.3rem,6.6vw,7rem);color:var(--navy)}.contact-copy>p{max-width:600px;color:var(--muted)}.contact-links{margin-top:35px;border-top:1px solid var(--line)}.contact-links a{display:grid;grid-template-columns:100px 1fr auto;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.contact-links span{font-size:.7rem;text-transform:uppercase;color:var(--muted)}.contact-links strong{font-size:1rem}.site-footer{min-height:130px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding-inline:max(28px,calc((100vw - 1220px)/2))}.site-footer p,.site-footer>a:last-child{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#b8c9d8}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.site-header{grid-template-columns:1fr auto}.site-nav{position:fixed;inset:68px 0 auto;background:white;padding:26px 28px;flex-direction:column;border-bottom:1px solid var(--line);transform:translateY(-130%);transition:.3s}.site-nav.open{transform:none}.menu-toggle{display:flex;flex-direction:column;gap:4px;padding:10px}.menu-toggle span:not(.sr-only){width:22px;height:2px;background:var(--navy)}.header-cta{display:none}.hero{grid-template-columns:1fr;padding-top:130px}.hero-visual{grid-row:2;min-height:560px}.portrait-frame{height:550px}.hero-proof{grid-row:3;grid-template-columns:repeat(2,1fr)}.hero-proof>div{padding:18px;border-bottom:1px solid var(--line)}.about-grid{grid-template-columns:1fr 1fr}.about-statement{grid-column:1/-1}.feature-grid,.contact-grid{grid-template-columns:1fr}.performance-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:520px 380px}.gallery-a,.gallery-b{grid-row:auto}.gallery-c,.gallery-d{grid-column:auto}.extended-card{grid-template-columns:.5fr 1.5fr}.qr-pending{grid-column:2;justify-self:start}.project-media.portrait{height:560px}}
@media(max-width:680px){.section-shell{width:min(100% - 32px,1220px)}.section-pad{padding-block:78px}.site-header{height:68px;padding-inline:18px}.hero{gap:20px;padding-top:105px}.hero h1{font-size:clamp(3.8rem,18vw,5.5rem)}.hero-visual{min-height:480px}.portrait-frame{height:460px;width:92%}.hero-word{top:14%;font-size:31vw}.signature{bottom:25px}.floating-tag{font-size:.62rem}.tag-two{right:0}.hero-proof{grid-template-columns:1fr 1fr;padding-top:8px}.hero-proof>div{padding:16px 8px}.hero-proof strong{font-size:2rem}.hero-proof .social-proof{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px}.hero-actions{align-items:flex-start;flex-direction:column}.about-grid{grid-template-columns:1fr;gap:28px;margin-top:40px}.about-statement{grid-column:auto}.about-photo img{height:500px}.about h2,.section-heading h2,.extended h2,.contact h2{font-size:clamp(3.7rem,16vw,5rem)}.service{grid-template-columns:38px 1fr 25px;gap:10px}.service h3{font-size:2.25rem}.service p{grid-column:2/4}.heading-row{display:block}.heading-row p{padding:0}.project-grid{grid-template-columns:1fr;gap:8px}.project-media,.project-media.portrait,.project-media.landscape{height:500px}.view-project{opacity:1;transform:none}.feature-grid{gap:44px}.feature-image img{min-height:400px}.performance-grid{grid-template-columns:1fr}.big-number{min-height:360px}.metric-card{display:grid;grid-template-columns:1.25fr 1fr}.metric-card img{height:180px}.metric-card div{display:flex;flex-direction:column;justify-content:center}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:390px 260px}.gallery-a{grid-column:1/-1}.extended-card{grid-template-columns:1fr;padding:30px}.extended-number{position:absolute;right:-10px;top:-20px;opacity:.6}.extended-card>div{position:relative}.qr-pending{grid-column:auto;justify-self:start}.contact-grid{gap:45px}.contact-image img{height:520px}.contact-links a{grid-template-columns:80px 1fr auto}.site-footer{padding-block:32px;min-height:180px;flex-direction:column;justify-content:center;gap:14px}.site-footer p{margin:0;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

/* Premium interaction layer */
.header-actions{justify-self:end;display:flex;align-items:center;gap:14px}.language-switcher{height:38px;display:flex;align-items:center;gap:7px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.8)}.language-switcher>span{width:1px;height:13px;background:var(--line)}.lang-option{min-width:28px;border:0;background:transparent;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;cursor:pointer;padding:4px;border-radius:99px;transition:color .25s,background .25s,transform .25s}.lang-option:hover{color:var(--blue);transform:translateY(-1px)}.lang-option.active{color:white;background:var(--blue)}
.js body{opacity:0;transition:opacity .55s ease}.js body.site-loaded{opacity:1}.js .site-header{transform:translateY(-100%)}.js body.site-loaded .site-header{transform:translateY(0);transition:height .3s,border-color .3s,transform .7s cubic-bezier(.16,1,.3,1)}.js .hero-copy>*{opacity:0;transform:translateY(28px);filter:blur(5px)}.js body.site-loaded .hero-copy>*{opacity:1;transform:none;filter:none;transition:opacity .75s ease,transform .8s cubic-bezier(.16,1,.3,1),filter .75s ease}.hero-copy>*:nth-child(1){transition-delay:.12s!important}.hero-copy>*:nth-child(2){transition-delay:.22s!important}.hero-copy>*:nth-child(3){transition-delay:.34s!important}.hero-copy>*:nth-child(4){transition-delay:.44s!important}.js .portrait-frame{clip-path:inset(100% 0 0 0);transition:clip-path 1.15s cubic-bezier(.16,1,.3,1),transform .25s ease}.js body.site-loaded .portrait-frame{clip-path:inset(0 0 0 0);transition-delay:.18s}.js .portrait-frame img{transform:scale(1.08);transition:transform 1.6s cubic-bezier(.16,1,.3,1)}.js body.site-loaded .portrait-frame img{transform:scale(1)}.js .hero-word{opacity:0;transform:translate(-50%,18px)}.js body.site-loaded .hero-word{opacity:1;transform:translate(-50%,0);transition:opacity 1s .45s,transform 1s .45s cubic-bezier(.16,1,.3,1)}.js .signature{opacity:0}.js body.site-loaded .signature{opacity:1;transition:opacity .8s .8s}.floating-tag{animation:premiumFloat 5s ease-in-out infinite}.tag-two{animation-delay:-1.6s}.tag-three{animation-delay:-3.2s}@keyframes premiumFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
.reveal{filter:blur(4px);transform:translateY(38px) scale(.992);transition:opacity .8s var(--reveal-delay,0s),transform .9s var(--reveal-delay,0s) cubic-bezier(.16,1,.3,1),filter .8s var(--reveal-delay,0s)}.reveal.visible{filter:none;transform:none}.service:nth-child(2),.project-card:nth-child(2),.metric-card:nth-child(2){--reveal-delay:.08s}.service:nth-child(3),.project-card:nth-child(3),.metric-card:nth-child(3){--reveal-delay:.16s}.service:nth-child(4),.project-card:nth-child(4),.metric-card:nth-child(4){--reveal-delay:.24s}.project-card:nth-child(5){--reveal-delay:.08s}.project-card:nth-child(6){--reveal-delay:.16s}.gallery-grid figure:nth-child(2){--reveal-delay:.08s}.gallery-grid figure:nth-child(3){--reveal-delay:.16s}.gallery-grid figure:nth-child(4){--reveal-delay:.24s}
.button,.header-cta{position:relative;overflow:hidden;isolation:isolate;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.button:before,.header-cta:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.22) 45%,transparent 70%);transform:translateX(-130%);transition:transform .65s}.button:hover:before,.header-cta:hover:before{transform:translateX(130%)}.button:hover,.header-cta:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(14,42,71,.16)}.button span,.header-cta span,.contact-links b,.service-arrow{transition:transform .3s}.button:hover span,.header-cta:hover span,.contact-links a:hover b,.service:hover .service-arrow{transform:translate(3px,-3px)}
.project-media:after,.gallery-grid figure:after,.feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(14,42,71,.18));pointer-events:none;opacity:.55;transition:opacity .4s}.project-media:hover:after,.gallery-grid figure:hover:after{opacity:.85}.feature-image{position:relative}.gallery-grid figure img,.feature-image img,.contact-image img,.about-photo img{transition:transform 1s cubic-bezier(.16,1,.3,1),filter .6s}.gallery-grid figure:hover img,.feature-image:hover img{transform:scale(1.035)}.project-media img{transition:transform .9s cubic-bezier(.16,1,.3,1),filter .5s}.project-card:hover img{transform:scale(1.045)}.service{position:relative;overflow:hidden}.service:before{content:"";position:absolute;left:0;top:0;width:0;height:1px;background:#82b7ff;transition:width .7s cubic-bezier(.16,1,.3,1)}.service:hover:before{width:100%}.metric-card{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.metric-card:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(14,42,71,.1)}.language-changing main{opacity:.4;transform:translateY(4px)}main{transition:opacity .18s,transform .18s}.filter{transition:color .25s,background .25s,border-color .25s,transform .25s}.filter:hover{transform:translateY(-2px)}
@media(max-width:1000px){.site-header{grid-template-columns:1fr auto auto;gap:10px}.header-actions{grid-column:2}.menu-toggle{grid-column:3}.header-cta{display:none}.language-switcher{height:36px}.site-nav{z-index:-1}}
@media(max-width:680px){.site-header{padding-inline:18px}.language-switcher{padding-inline:7px}.lang-option{font-size:.7rem}.floating-tag{animation:none}}
@media(prefers-reduced-motion:reduce){body{opacity:1}.site-header{transform:none}.hero-copy>*{opacity:1;transform:none;filter:none}.portrait-frame{clip-path:none}.portrait-frame img{transform:none}.hero-word{opacity:1;transform:translateX(-50%)}.signature{opacity:1}.floating-tag{animation:none}.reveal{filter:none}}
.qr-active{justify-self:end;width:185px;padding:12px;background:white;border:1px solid var(--line);border-radius:22px;display:flex;flex-direction:column;align-items:center;gap:9px;box-shadow:0 18px 45px rgba(14,42,71,.1);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}.qr-active:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(14,42,71,.16)}.qr-active img{width:100%;aspect-ratio:1}.qr-active small{text-align:center;text-transform:uppercase;letter-spacing:.1em;font-size:.66rem;font-weight:700}.drive-link{display:inline-block;margin-top:14px}.brand-surface{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:34px;color:white;isolation:isolate}.brand-surface:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(145deg,var(--navy),var(--blue))}.brand-surface-kohkae:before{background:linear-gradient(145deg,#122c4a,#365f94)}.brand-surface .brand-category{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.72}.brand-surface b{font:clamp(4.5rem,9vw,8.5rem)/.82 var(--display);letter-spacing:.02em;margin-top:12px}
.brand-photo img{object-position:center top}.brand-photo-kohkae img{height:160%;object-position:center top}
@media(max-width:1000px){.qr-active{grid-column:2;justify-self:start}}
@media(max-width:680px){.brand{font-size:1.65rem}.brand-surface b{font-size:clamp(4.3rem,21vw,6.7rem)}.qr-active{grid-column:auto;justify-self:start}}
.brand{font-size:2rem;letter-spacing:.075em}.profile-name{margin:0 0 16px;color:var(--navy);font-family:var(--body);font-size:clamp(1.05rem,1.6vw,1.3rem);font-weight:700;letter-spacing:.02em}.signature{font-size:clamp(3.6rem,6vw,5.7rem)}
@media(max-width:680px){.brand{font-size:1.6rem;letter-spacing:.065em}.profile-name{margin-bottom:12px}.signature{font-size:clamp(3.2rem,15vw,4.4rem)}}