:root{--navy:#17324d;--navy-dark:#0f2438;--gold:#b0935c;--text:#24313d;--muted:#66717c;--line:#dfe5e9;--soft:#f5f7f8;--white:#fff;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic",Meiryo,sans-serif;line-height:1.8;background:#fff}a{color:inherit;text-decoration:none}.site-container{width:min(calc(100% - 48px),var(--container));margin:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(23,50,77,.08);backdrop-filter:blur(8px)}.site-header__inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}.site-brand{display:flex;flex-direction:column;min-width:max-content}.site-brand__eyebrow,.section-kicker{color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.12em}.site-brand__name{color:var(--navy-dark);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:1.36rem;font-weight:700;letter-spacing:.03em}.primary-nav__list{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0;font-size:.9rem;font-weight:600}.primary-nav__list>li:not(.primary-nav__cta)>a{position:relative}.primary-nav__list>li:not(.primary-nav__cta)>a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--gold);transition:right .2s ease}.primary-nav__list>li:not(.primary-nav__cta)>a:hover:after,.primary-nav__list>li:not(.primary-nav__cta)>a:focus-visible:after{right:0}.primary-nav__cta a,.button--primary{background:var(--navy);color:#fff}.primary-nav__cta a{padding:10px 16px;border-radius:4px}.nav-toggle{display:none}.hero{padding:104px 0 96px;background:linear-gradient(115deg,#f7f8f8,#e9eef0)}.hero__grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);gap:70px;align-items:center}.hero h1,.section-heading h2,.legal-update h2,.office-feature h2,.callout h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;color:var(--navy-dark)}.hero h1{font-size:clamp(2.45rem,5vw,4.55rem);line-height:1.35;margin:10px 0 20px;letter-spacing:.02em}.hero__lead{max-width:760px;color:var(--muted);font-size:1.06rem}.hero__actions{display:flex;gap:14px;margin-top:34px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 24px;border:1px solid transparent;border-radius:4px;font-weight:700;transition:transform .15s ease,opacity .15s ease}.button:hover{transform:translateY(-1px)}.button--secondary{border-color:var(--navy);color:var(--navy);background:#fff}.button--light{background:#fff;color:var(--navy-dark)}.hero__panel{background:var(--navy-dark);color:#fff;padding:32px}.hero__panel-label{margin-top:0;color:#d9c79f;font-size:.75rem;font-weight:800;letter-spacing:.1em}.hero__info{margin:0}.hero__info>div{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.16)}.hero__info>div:last-child{border-bottom:0}.hero__info dt{color:#d9c79f;font-size:.75rem;font-weight:700}.hero__info dd{margin:3px 0 0}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.trust-strip__grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-strip__grid>div{display:flex;align-items:baseline;justify-content:center;gap:12px;padding:24px;border-right:1px solid var(--line)}.trust-strip__grid>div:last-child{border-right:0}.trust-strip strong{color:var(--navy-dark);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:1.35rem}.trust-strip span{color:var(--muted);font-size:.85rem}.section{padding:92px 0}.section--soft{background:var(--soft)}.section-heading{max-width:760px;margin-bottom:38px}.section-heading h2,.legal-update h2,.office-feature h2,.callout h2{font-size:clamp(1.85rem,3.3vw,2.8rem);line-height:1.45;margin:8px 0 14px}.section-heading p:last-child{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{padding:28px 24px;border:1px solid var(--line);min-height:255px;background:#fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.service-card:hover{transform:translateY(-3px);border-color:#c9d1d6;box-shadow:0 12px 30px rgba(15,36,56,.07)}.service-card>span{color:var(--gold);font-weight:800}.service-card h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;color:var(--navy-dark);font-size:1.35rem}.service-card p{color:var(--muted)}.legal-update{padding:76px 0;background:var(--navy-dark);color:rgba(255,255,255,.9)}.legal-update__grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:center}.legal-update h2{color:#fff}.legal-update p{max-width:820px}.legal-update__note{color:rgba(255,255,255,.7);font-size:.88rem}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.about-card{background:#fff;padding:30px;border-top:3px solid var(--gold)}.about-card>span{color:var(--gold);font-weight:800}.about-card h3{margin:8px 0;color:var(--navy-dark);font-family:"Yu Mincho","Hiragino Mincho ProN",serif}.about-card p{margin-bottom:0;color:var(--muted)}.office-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:70px;align-items:start}.office-feature__facts{border-top:3px solid var(--gold);background:var(--soft);padding:10px 30px}.office-feature__facts>div{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.office-feature__facts>div:last-child{border-bottom:0}.office-feature__facts span{color:var(--muted);font-size:.82rem}.office-feature__facts strong{color:var(--navy-dark)}.inline-links{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:26px}.inline-links a{color:var(--navy);font-weight:700;border-bottom:1px solid var(--gold)}.callout{display:flex;align-items:center;justify-content:space-between;gap:36px}.callout__phone{margin:10px 0 0}.callout__phone a{color:var(--navy);font-size:1.55rem;font-weight:800}.site-footer{background:var(--navy-dark);color:rgba(255,255,255,.78)}.site-footer__grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:58px 0}.site-footer__brand{margin-top:0;color:#fff;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:1.35rem}.site-footer__note{max-width:530px}.site-footer__nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.site-footer__bottom{padding:16px 0;border-top:1px solid rgba(255,255,255,.12)}@media(max-width:1080px){.primary-nav__list{gap:15px;font-size:.84rem}.site-brand__name{font-size:1.2rem}}@media(max-width:960px){.nav-toggle{display:block;padding:8px 12px;border:1px solid var(--line);background:#fff;color:var(--navy-dark);font-weight:700}.primary-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px;border-top:1px solid var(--line);box-shadow:0 16px 28px rgba(15,36,56,.08)}.primary-nav.is-open{display:block}.primary-nav__list{display:grid}.hero__grid,.legal-update__grid,.office-feature{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.site-container{width:min(calc(100% - 32px),var(--container))}.site-header__inner{min-height:72px}.site-brand__name{font-size:1.08rem}.hero{padding:64px 0}.hero h1{font-size:clamp(2.15rem,11vw,3.25rem)}.hero__actions{display:grid}.button{width:100%}.trust-strip__grid,.service-grid,.about-grid,.site-footer__grid{grid-template-columns:1fr}.trust-strip__grid>div{justify-content:flex-start;border-right:0;border-bottom:1px solid var(--line)}.trust-strip__grid>div:last-child{border-bottom:0}.callout{display:grid}.site-footer__nav{grid-template-columns:1fr}.office-feature__facts>div{display:grid;gap:2px}}

/* Step 11: official media and brand integration. */
.site-brand--logo{display:block;line-height:0;min-width:0}
.site-brand__logo{display:block;width:min(330px,30vw);height:auto;max-height:58px;object-fit:contain;object-position:left center}
.hero__media{position:relative;min-height:500px;overflow:hidden;background:var(--navy-dark);box-shadow:0 18px 48px rgba(15,36,56,.12)}
.hero__media>img{display:block;width:100%;height:100%;min-height:500px;object-fit:cover;object-position:center 45%}
.hero__media-card{position:absolute;left:18px;right:18px;bottom:18px;padding:22px 24px;background:rgba(15,36,56,.94);color:#fff;backdrop-filter:blur(6px)}
.hero__media-card .hero__info>div{padding:10px 0}
.office-feature__photo{margin:28px 0 0;overflow:hidden;aspect-ratio:16/9;background:var(--soft)}
.office-feature__photo img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:1080px){.site-brand__logo{width:min(270px,31vw)}}
@media(max-width:960px){.site-brand__logo{width:min(300px,48vw)}.hero__media{min-height:430px}.hero__media>img{min-height:430px}}
@media(max-width:640px){.site-brand__logo{width:min(245px,68vw);max-height:46px}.hero__media,.hero__media>img{min-height:420px}.hero__media-card{left:12px;right:12px;bottom:12px;padding:18px}.office-feature__photo{aspect-ratio:4/3}}

/* Step 11B: room, exterior and legal-item focused photography. */
.hero__media>img{object-position:center center}
.office-feature__photo img{object-position:center center}

/* Step 11C: small real-photo accents on the home page. */
.home-photo-accent{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr) minmax(180px,.55fr);gap:24px;align-items:center;margin-top:42px;padding:24px;background:#fff;border:1px solid var(--line)}
.home-photo-accent figure{margin:0;overflow:hidden;background:#eef1f2}
.home-photo-accent__consultation{aspect-ratio:16/10}
.home-photo-accent__item{aspect-ratio:4/5}
.home-photo-accent img{display:block;width:100%;height:100%;object-fit:cover}
.home-photo-accent__consultation img,.home-photo-accent__item img{object-position:center center}
.home-photo-accent__copy h3{margin:6px 0 10px;color:var(--navy-dark);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:1.45rem;line-height:1.55}
.home-photo-accent__copy p:last-child{margin-bottom:0;color:var(--muted);font-size:.94rem}
@media(max-width:960px){.home-photo-accent{grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr)}.home-photo-accent__item{display:none}}
@media(max-width:640px){.home-photo-accent{grid-template-columns:1fr;padding:16px;gap:18px}.home-photo-accent__consultation{aspect-ratio:16/10}.home-photo-accent__item{display:block;aspect-ratio:16/8}.home-photo-accent__copy{order:2}.home-photo-accent__item{order:3}}

/* Step 11E: hero separation and real-person photo placement. */
.hero__media-stack{display:grid;gap:16px;align-self:stretch}
.hero__room-photo{margin:0;overflow:hidden;aspect-ratio:4/3;min-height:0;background:var(--soft);box-shadow:0 18px 48px rgba(15,36,56,.10)}
.hero__room-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero__media-card--separate{position:static;inset:auto;padding:20px 22px;background:var(--navy-dark);color:#fff;backdrop-filter:none}
.hero__media-card--separate .hero__info>div{padding:9px 0}
.home-photo-accent__consultation img{object-position:center 38%}
@media(max-width:960px){.hero__media-stack{max-width:720px}.hero__room-photo{aspect-ratio:16/10}}
@media(max-width:640px){.hero__room-photo{aspect-ratio:4/3}.hero__media-card--separate{padding:18px}}