@charset "UTF-8";
/* PARK PLANET / Corporate edition — self-contained, responsive, no framework. */
@font-face{font-family:PP Sans;src:url('../fonts/pp-sans.woff2?v=4') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--navy:#102a56;--blue:#173c86;--accent:#2371bf;--ink:#182a43;--muted:#586a80;--line:#dbe3ec;--pale:#f2f6fa;--white:#fff;--ease:cubic-bezier(.22,1,.36,1);--page:1320px;--gutter:clamp(24px,5.1vw,88px);--header:96px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;color:var(--ink);background:var(--white);font-family:"PP Sans","Noto Sans JP",-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.95;-webkit-font-smoothing:antialiased}body.is-dialog-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait}button{color:inherit}button svg{pointer-events:none}img,video{display:block;max-width:100%;height:auto}img{object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;line-height:1.5}ul{margin:0;padding:0;list-style:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:#d0e2fa;color:var(--navy)}[hidden]{display:none!important}.wrap{max-width:calc(var(--page) + var(--gutter)*2);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:clamp(72px,8vw,126px)}.eyebrow{display:flex;align-items:center;gap:13px;color:var(--blue);font-size:11px;font-weight:600;letter-spacing:.19em;line-height:1.5;text-transform:uppercase;font-family:"PP Sans",Arial,sans-serif}.eyebrow::before{content:"";width:29px;height:1px;background:currentColor}.section-title{font-size:clamp(30px,3.1vw,46px);letter-spacing:.035em;line-height:1.55;margin-block:19px 26px}.section-title span{display:block}.section-intro{display:grid;grid-template-columns:1fr .85fr;gap:64px;align-items:end;margin-bottom:58px}.section-intro p{max-width:500px;color:var(--muted)}.en{font-family:Arial,"PP Sans",sans-serif;letter-spacing:.12em}.muted{color:var(--muted)}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip{position:fixed;left:16px;top:-80px;z-index:100;background:var(--navy);color:white;padding:10px 20px}.skip:focus{top:12px}.arrow{width:18px;height:18px;flex-shrink:0}.link-line{display:inline-flex;align-items:center;gap:30px;padding-block:14px 10px;border-bottom:1px solid var(--blue);font-size:13px;font-weight:500;color:var(--blue)}.link-line .arrow{transition:transform .3s var(--ease)}.link-line:hover .arrow{transform:translateX(5px)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:57px;padding:15px 24px;background:var(--blue);color:var(--white);border:1px solid var(--blue);font-size:13px;font-weight:500;transition:background .25s,color .25s,transform .25s;line-height:1.6}.button:hover{background:var(--navy);transform:translateY(-2px)}.button.outline{background:white;color:var(--blue);border-color:var(--line)}.button.outline:hover{background:var(--pale);border-color:var(--blue)}.button.white{background:white;color:var(--navy);border-color:white}.button.white:hover{background:#eaf1fb}.button-group{display:flex;flex-wrap:wrap;gap:14px}.circle-arrow{width:49px;height:49px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--line);border-radius:50%;color:var(--blue);transition:color .25s,background .25s,border .25s}.circle-arrow .arrow{width:16px}
/* Navigation */
.site-header{height:var(--header);position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(219,227,236,.7)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px;padding-inline:clamp(24px,3.4vw,58px);max-width:1700px;margin:auto}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand img{width:265px;height:auto;object-fit:contain}.header-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.header-nav a{font-size:12px;position:relative;white-space:nowrap;line-height:1.5;padding-block:15px}.header-nav a::after{content:"";height:1px;position:absolute;left:0;right:0;bottom:7px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.header-nav a:hover::after,.header-nav a[aria-current=page]::after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:16px}.header-contact{height:45px;padding:12px 19px;min-height:45px;gap:20px;font-size:11px}.icon-button{width:42px;height:42px;border:0;background:transparent;display:grid;place-items:center}.icon-button:hover{background:var(--pale)}.icon-button svg{width:21px;height:21px}.menu-button{display:flex;gap:10px;align-items:center;width:auto;padding:8px 0 8px 8px;font-size:10px;letter-spacing:.15em}.menu-lines{width:24px;display:grid;gap:6px}.menu-lines i{height:1px;background:var(--navy);display:block}.read-progress{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;pointer-events:none}
/* Hero: a generous white canvas with the official motion emblem. */
.hero{position:relative;min-height:710px;height:calc(100svh - var(--header));max-height:940px;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line);background:#fcfdff}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 79% 43%,#e5effb 0,transparent 55%);opacity:.72;pointer-events:none}.hero-inner{height:100%;min-height:inherit;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;position:relative;gap:26px;padding-bottom:96px}.hero-copy{position:relative;z-index:2;padding-top:14px}.hero .eyebrow{font-size:10px;letter-spacing:.18em;gap:11px}.hero h1{margin-block:31px 26px;color:var(--navy);font-size:clamp(42px,4.1vw,67px);font-weight:600;letter-spacing:.05em;line-height:1.55}.hero h1 .blue{color:var(--accent)}.hero h1 span{display:block;white-space:nowrap}.hero-lead{font-size:14px;color:var(--muted);max-width:470px;line-height:2.1;margin-bottom:31px}.hero-lead span{display:block}.hero-copy .button{min-width:200px}.hero-art{height:100%;max-height:760px;min-height:510px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.orbital-system{position:absolute;inset:16% -6% 12%;pointer-events:none;z-index:0}.orbit{position:absolute;inset:5%;border:1px solid rgba(37,95,163,.14);border-radius:50%;transform:rotate(-28deg);animation:orbit-flow 44s linear infinite}.orbit::after{content:"";position:absolute;width:9px;height:9px;top:21%;left:8.9%;border-radius:50%;background:#528dc9;box-shadow:0 0 0 6px rgba(66,124,187,.055)}.orbit.two{inset:13% -9%;transform:rotate(25deg);animation-direction:reverse;animation-duration:63s}.orbit.two::after{width:5px;height:5px;top:80%;left:16%;background:#8faccb}.orbit.three{inset:26% -16%;transform:rotate(-16deg);opacity:.45;animation-duration:80s}.hero-art-label{position:absolute;bottom:12%;right:4%;font-size:9px;color:#6783a6;letter-spacing:.2em;z-index:2}.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:22px;max-width:var(--page);margin-inline:auto}.hero-bottom .scroll-cue{display:flex;align-items:center;gap:15px;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.22em;color:var(--muted)}.scroll-cue i{height:27px;width:1px;background:var(--blue);position:relative;overflow:hidden}.scroll-cue i::after{content:"";width:1px;height:10px;position:absolute;top:-10px;background:#accff5;animation:scroll-line 2.5s infinite}.hero-domain{font-size:9px;letter-spacing:.16em;color:var(--muted)}
.contact-band-link{border:0;background:transparent;border-bottom:1px solid var(--blue);text-align:left}
/* Homepage */
.anniversary{border-bottom:1px solid var(--line);background:white}.anniversary-inner{display:flex;align-items:center;gap:36px;justify-content:space-between;padding-block:28px}.anniversary-number{display:flex;align-items:baseline;gap:10px;line-height:1;color:var(--blue)}.anniversary-number strong{font-family:Arial,sans-serif;font-size:61px;letter-spacing:-.06em;font-weight:400}.anniversary-number span{font-family:Arial,sans-serif;font-size:16px;letter-spacing:.02em}.anniversary-copy{margin-right:auto;font-size:13px}.anniversary-copy .en{font-size:9px;color:var(--muted);display:block;margin-top:7px}.anniversary-years{font-size:11px;letter-spacing:.17em;color:var(--muted)}.mission-intro{display:grid;grid-template-columns:.72fr 1.3fr;gap:70px}.mission-intro .section-title{font-size:clamp(32px,3.2vw,48px);margin-top:0}.mission-intro .statement{max-width:700px;color:var(--muted)}.mission-intro .statement p{margin-bottom:26px}.business-home{background:var(--pale)}.business-list{border-top:1px solid #d0dce9}.business-teaser{display:grid;grid-template-columns:64px 1fr 235px 53px;align-items:center;gap:30px;padding-block:29px;border-bottom:1px solid #d0dce9}.teaser-number{align-self:start;font-size:11px;color:var(--accent);padding-top:4px;font-family:Arial,sans-serif;letter-spacing:.16em}.teaser-content small{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.15em;color:var(--muted)}.teaser-content h3{font-size:23px;margin-top:5px;margin-bottom:8px;letter-spacing:.04em}.teaser-content p{font-size:13px;color:var(--muted);max-width:530px;line-height:1.9}.teaser-image{height:136px;overflow:hidden;background:#e1e9f1}.teaser-image img{width:100%;height:100%;transition:transform .6s var(--ease)}.teaser-image.parking img{object-position:73% 50%}.business-teaser:hover .teaser-image img{transform:scale(1.055)}.business-teaser:hover .circle-arrow{background:var(--blue);border-color:var(--blue);color:white}.premium-teaser{height:136px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;position:relative;overflow:hidden}.premium-teaser::before{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(154,196,237,.3);border-radius:50%;right:-35px;top:-45px}.premium-teaser strong{font-size:24px;letter-spacing:.03em;font-family:Georgia,serif;font-weight:400}.premium-teaser span{font-size:8px;letter-spacing:.18em;color:#afc7e5;font-family:Arial,sans-serif}.vision-panel{background:var(--navy);color:white;position:relative;overflow:hidden}.vision-panel::before,.vision-panel::after{content:"";border:1px solid rgba(176,210,250,.16);border-radius:50%;position:absolute;width:650px;height:650px;top:-130px;right:-70px;transform:scaleY(.65) rotate(-25deg);pointer-events:none}.vision-panel::after{width:760px;height:760px;top:-180px;right:-120px;transform:scaleY(.6) rotate(25deg)}.vision-panel .wrap{position:relative;display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:center}.vision-panel .eyebrow{color:#9dc2ed}.vision-panel .section-title{font-size:clamp(30px,3vw,45px);margin-bottom:20px}.vision-panel p{color:#c6d5e9;font-size:13px;max-width:640px}.vision-panel .button{justify-self:end}.company-home .company-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:80px;align-items:center}.company-photo{height:410px;position:relative;background:var(--pale);overflow:hidden}.company-photo img{height:100%;width:100%;object-position:68% 50%}.photo-note{position:absolute;bottom:20px;left:24px;font-size:10px;background:rgba(255,255,255,.94);padding:5px 13px;letter-spacing:.1em;color:var(--blue)}.mini-facts{margin-block:30px}.mini-facts div{display:grid;grid-template-columns:92px 1fr;gap:16px;font-size:12px;padding-block:15px;border-top:1px solid var(--line)}.mini-facts div:last-child{border-bottom:1px solid var(--line)}.mini-facts dt{color:var(--muted)}.mini-facts dd{margin:0}.brand-story{border-top:1px solid var(--line)}.brand-story .story-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:75px;align-items:center}.brand-story p{color:var(--muted);margin-bottom:16px}
/* Interior pages */
.breadcrumbs{display:flex;gap:13px;align-items:center;font-size:10px;color:var(--muted);padding-block:21px}.breadcrumbs a:hover{color:var(--blue)}.breadcrumbs span[aria-hidden]{opacity:.5}.page-hero{background:var(--pale);padding-block:clamp(50px,5.5vw,90px);position:relative;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate}.page-hero::before{content:"";position:absolute;width:600px;height:600px;border:1px solid #d9e3ef;border-radius:50%;right:7%;top:-245px;transform:scaleY(.65) rotate(-25deg);z-index:-1}.page-hero::after{content:"";position:absolute;width:640px;height:640px;border:1px solid #e0e8f2;border-radius:50%;right:2%;top:-270px;transform:scaleY(.64) rotate(22deg);z-index:-1}.page-hero .page-en{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.22em;color:var(--blue);line-height:1.3;text-transform:uppercase}.page-hero h1{font-size:clamp(35px,3.8vw,57px);color:var(--navy);margin-block:18px 18px;letter-spacing:.08em}.page-hero .lead{max-width:600px;font-size:14px;color:var(--muted)}.page-number{position:absolute;right:var(--gutter);bottom:26px;color:#a9bdD5;font-size:11px;letter-spacing:.13em;font-family:Arial,sans-serif}.page-content{padding-top:15px}.page-jump{display:flex;flex-wrap:wrap;gap:10px 28px;border-bottom:1px solid var(--line);padding-block:26px;font-size:11px;color:var(--blue)}.page-jump a{display:inline-flex;align-items:center;gap:10px}.page-jump .arrow{width:12px;transform:rotate(90deg)}.page-jump a:hover{color:var(--accent)}.split-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split-intro .intro-photo{min-height:250px;height:100%;overflow:hidden}.split-intro .intro-photo img{height:100%;width:100%}.split-intro p{color:var(--muted);font-size:14px}.intro-photo.business-intro img{object-fit:contain}.company-table{width:100%;border-collapse:collapse;border-top:2px solid var(--navy);font-size:14px}.company-table th,.company-table td{text-align:left;padding:23px 27px;border-bottom:1px solid var(--line);vertical-align:top}.company-table th{width:220px;font-weight:500;background:var(--pale);color:var(--blue)}.company-table td{line-height:2}.company-table small{display:block;color:var(--muted);font-size:11px}.text-link{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.company-table .text-link{font-size:11px}.office-panel{background:var(--pale);padding:34px;display:flex;align-items:center;justify-content:space-between;gap:30px}.office-panel h3{font-size:20px;margin-bottom:10px}.office-panel p{font-size:13px;color:var(--muted)}.business-detail{display:grid;grid-template-columns:90px 1fr .86fr;gap:28px;align-items:start;padding-block:74px;border-bottom:1px solid var(--line);scroll-margin-top:140px}.business-detail:first-of-type{padding-top:62px}.business-detail .detail-no{font-family:Arial,sans-serif;font-size:40px;line-height:1;color:#7087a2;letter-spacing:-.02em;font-weight:400}.business-detail .eyebrow{font-size:9px}.business-detail h2{font-size:clamp(24px,2.5vw,36px);color:var(--navy);margin-block:13px 20px}.business-detail p{font-size:13px;color:var(--muted);margin-block:14px}.business-detail .detail-media{padding-left:16px}.detail-media img{width:100%;object-fit:contain}.detail-media figcaption{font-size:10px;color:var(--muted);margin-top:14px}.detail-media figure+figure{margin-top:24px}.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin-block:22px}.service-tags span{border:1px solid var(--line);padding:5px 10px;font-size:10px;color:var(--blue);background:white}.detail-subsection{grid-column:2/-1;padding:36px;margin-top:17px;background:var(--pale);display:grid;grid-template-columns:1fr .82fr;gap:34px;align-items:center}.detail-subsection h3{font-size:21px;color:var(--navy);margin-bottom:13px}.detail-subsection img{width:100%;height:auto}.detail-subsection p{margin:0;font-size:13px}.premium-block{background:var(--navy);padding:48px 32px;color:white;text-align:center;position:relative;overflow:hidden}.premium-block::after{content:"";position:absolute;width:300px;height:300px;border:1px solid #315784;border-radius:50%;right:-160px;top:-130px;pointer-events:none}.premium-block strong{display:block;font-family:Georgia,serif;font-size:43px;font-weight:400;line-height:1.2;margin-bottom:14px}.premium-block span{font-size:10px;letter-spacing:.2em;color:#abc8e7}.premium-block small{display:block;margin-top:34px;color:#b7cde7;font-size:11px}.vision-statement{padding-block:75px 85px;position:relative;border-bottom:1px solid var(--line)}.vision-statement .quote-mark{position:absolute;top:55px;right:0;font-family:Georgia,serif;font-size:170px;color:#edf3fb;line-height:1;z-index:-1}.vision-statement h2{font-size:clamp(25px,3vw,43px);color:var(--navy);line-height:1.9;letter-spacing:.05em;max-width:940px;margin-top:25px}.value-list{margin-top:45px}.value-item{display:grid;grid-template-columns:80px .5fr 1fr;gap:34px;align-items:start;padding-block:35px;border-top:1px solid var(--line)}.value-item:last-child{border-bottom:1px solid var(--line)}.value-item .value-no{font-family:Arial,sans-serif;color:var(--accent);font-size:11px;letter-spacing:.18em;padding-top:7px}.value-item h3{font-size:24px;color:var(--navy)}.value-item h3 span{display:block;font-family:Arial,sans-serif;font-size:9px;color:var(--muted);letter-spacing:.17em;margin-top:10px}.value-item p{font-size:14px;color:var(--muted)}.notice-panel{background:var(--pale);padding:clamp(30px,5vw,60px);border-top:2px solid var(--blue)}.notice-panel .status-label{display:inline-block;border:1px solid #d3dfef;color:var(--blue);font-size:10px;padding:5px 14px;margin-bottom:25px}.notice-panel h2{font-size:25px;color:var(--navy);margin-bottom:24px}.notice-panel p{color:var(--muted);font-size:14px;margin-bottom:20px}.notice-panel p:last-child{margin-bottom:0}.notice-photo{height:300px;margin-top:40px}.notice-photo img{width:100%;height:100%;object-fit:contain;background:#eff6f8}.faq-layout{display:grid;grid-template-columns:240px 1fr;gap:80px;align-items:start}.faq-aside{position:sticky;top:135px}.faq-aside h2{font-size:26px;color:var(--navy);margin-bottom:15px}.faq-aside p{font-size:12px;color:var(--muted);margin-bottom:22px}.faq-tools{display:flex;gap:12px;margin-bottom:20px}.faq-tools button{background:white;border:1px solid var(--line);padding:6px 13px;font-size:10px;color:var(--blue)}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;gap:20px;cursor:pointer;padding-block:25px;list-style:none;font-size:15px;font-weight:500;line-height:1.8}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .q{font-family:Arial,sans-serif;font-size:14px;color:var(--accent);flex-shrink:0}.faq-list summary .faq-text{flex:1}.faq-toggle{width:22px;height:22px;position:relative;flex-shrink:0}.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;top:10px;left:4px;width:14px;height:1px;background:var(--blue)}.faq-toggle::after{transform:rotate(90deg);transition:transform .25s}.faq-list details[open] .faq-toggle::after{transform:rotate(0)}.faq-list .answer{padding:0 38px 26px;line-height:2;font-size:13px;color:var(--muted)}.policy-layout{display:grid;grid-template-columns:240px 1fr;gap:80px}.policy-toc{position:sticky;top:133px;align-self:start;font-size:11px}.policy-toc p{font-size:9px;letter-spacing:.18em;color:var(--muted);margin-bottom:18px}.policy-toc a{display:block;padding-block:9px;border-bottom:1px solid var(--line);color:var(--blue)}.policy-body>.policy-lead{margin-bottom:44px;font-size:14px;color:var(--muted)}.policy-section{margin-bottom:37px;scroll-margin-top:136px}.policy-section h2{font-size:20px;color:var(--navy);margin-bottom:17px;border-left:2px solid var(--accent);padding-left:17px}.policy-section p{font-size:13px;color:var(--muted);margin-bottom:12px}.policy-section ol{font-size:13px;padding-left:22px;color:var(--muted)}.policy-section li{padding-block:3px}.security-layout{display:grid;grid-template-columns:270px 1fr;gap:80px}.security-seal{padding:44px 24px;background:var(--pale);border:1px solid var(--line);text-align:center;align-self:start}.security-seal svg{width:70px;height:70px;margin:0 auto 22px;color:var(--blue);display:block}.security-seal strong{font-family:Arial,sans-serif;letter-spacing:.09em;font-size:28px;display:block;color:var(--navy)}.security-seal span{display:block;font-size:11px;color:var(--muted);margin-top:12px}.security-section{margin-bottom:35px}.security-section h2{font-size:22px;margin-bottom:17px;color:var(--navy)}.security-section p{font-size:14px;color:var(--muted)}.media-page .media-grid{display:grid;grid-template-columns:1fr .6fr;gap:65px;align-items:start;margin-bottom:66px}.media-page h2{font-size:27px;color:var(--navy);margin-bottom:20px}.media-page p{font-size:13px;color:var(--muted);margin-bottom:22px}.media-frame{aspect-ratio:16/9;background:#f3f7fb;position:relative;overflow:hidden;border:1px solid var(--line)}.media-frame video,.media-frame iframe{width:100%;height:100%;display:block;border:0;object-fit:contain}.video-caption{font-size:10px;color:var(--muted);margin-top:12px}.sitemap-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 70px}.sitemap-link{padding-block:25px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px}.sitemap-link .map-no{color:var(--accent);font-family:Arial,sans-serif;font-size:10px;width:25px}.sitemap-link h2{font-size:17px;font-weight:500}.sitemap-link .map-en{display:block;font-size:9px;font-family:Arial,sans-serif;letter-spacing:.13em;color:var(--muted);margin-top:7px}.sitemap-link .circle-arrow{margin-left:auto;width:36px;height:36px}.sitemap-link:hover .circle-arrow{background:var(--blue);border-color:var(--blue);color:white}
/* Contact */
.contact-layout{display:grid;grid-template-columns:.63fr 1fr;gap:85px;align-items:start}.contact-aside{position:sticky;top:133px}.contact-aside h2{font-size:26px;color:var(--navy);margin-bottom:20px}.contact-aside>p{font-size:13px;color:var(--muted)}.contact-aside .contact-warning{margin-top:25px;font-size:10px;color:var(--muted);line-height:1.9}.success-panel{text-align:center;max-width:760px;margin:auto;padding-block:70px}.success-panel .success-icon{height:76px;width:76px;border:1px solid var(--line);border-radius:50%;margin:0 auto 30px;display:grid;place-items:center;color:var(--blue)}.success-icon svg{width:30px;height:30px}.success-panel h2{font-size:28px;color:var(--navy);margin-bottom:22px}.success-panel p{font-size:14px;color:var(--muted);margin-bottom:22px}.success-panel .button-group{justify-content:center;margin-top:34px}
.mail-panel{border-top:2px solid var(--navy);padding:clamp(30px,4vw,54px);background:var(--pale)}.mail-panel h2{font-size:27px;color:var(--navy);margin-bottom:24px}.mail-panel p{font-size:13px;color:var(--muted);margin-bottom:26px}.mail-panel>.button{width:100%;margin-top:4px;justify-content:space-between}.mail-panel .mail-note{font-size:10px;margin-top:24px;margin-bottom:0;color:var(--muted)}.mail-icon{width:42px;height:42px;color:var(--blue);margin-bottom:28px}.mail-dialog{margin:auto;width:min(540px,calc(100vw - 34px));height:auto;max-height:calc(100dvh - 34px);border:1px solid var(--line);box-shadow:0 30px 100px rgba(16,42,86,.17)}.mail-dialog .dialog-top{padding:21px 30px}.mail-dialog .dialog-body{padding:31px}.mail-dialog h2{font-size:26px;color:var(--navy);margin-bottom:18px}.mail-dialog p{font-size:12px;color:var(--muted);line-height:2}.mail-dialog-actions{display:grid;gap:12px;margin-top:28px}.mail-dialog-actions .button{justify-content:space-between;width:100%;min-height:56px}.mail-dialog #mail-status{font-size:11px;color:var(--blue);line-height:1.9;margin-top:19px}.mail-dialog .mail-help{margin-top:20px;font-size:10px;color:var(--muted)}.mail-dialog .mail-help a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.noscript-contact{margin-top:25px;font-size:12px;color:var(--muted)}
/* Footer */
.contact-band{background:var(--pale);border-block:1px solid var(--line)}.contact-band-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-block:65px}.contact-band .section-title{font-size:34px;margin-bottom:13px}.contact-band p{font-size:12px;color:var(--muted)}.contact-band-link{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid var(--blue);font-size:18px;color:var(--blue)}.contact-band-link .circle-arrow{height:55px;width:55px;border-color:var(--blue)}.contact-band-link:hover .circle-arrow{background:var(--blue);color:white}.site-footer{background:white;padding-block:57px 22px}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:50px}.footer-brand img{width:300px;height:auto;object-fit:contain;margin-bottom:25px}.footer-brand address{font-size:11px;color:var(--muted);font-style:normal;line-height:2.05}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:9px 35px;align-content:start}.footer-nav a{font-size:11px;display:flex;align-items:center;justify-content:space-between;padding:6px 0}.footer-nav a:hover{color:var(--accent)}.footer-nav a span[aria-hidden]{font-size:12px;color:#7e9abb}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-family:Arial,sans-serif;font-size:9px;letter-spacing:.03em}.back-top{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.13em;color:var(--blue);border:0;background:none}.back-top .arrow{width:13px;transform:rotate(-90deg)}
/* Native dialogs provide a focus trap and escape handling. */
.site-dialog{border:0;padding:0;margin:0 0 0 auto;width:min(650px,100vw);max-width:none;max-height:100dvh;height:100dvh;background:white;color:var(--ink);overflow-y:auto;box-shadow:-30px 0 90px rgba(16,42,86,.08)}.site-dialog::backdrop{background:rgba(16,34,58,.28)}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:29px 39px;border-bottom:1px solid var(--line)}.dialog-top .en{font-size:11px;color:var(--blue)}.dialog-top .icon-button{width:44px;height:44px}.dialog-body{padding:40px}.dialog-menu{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.dialog-menu a{display:block;padding:19px 0;border-bottom:1px solid var(--line)}.dialog-menu a strong{font-weight:500;font-size:14px}.dialog-menu a small{display:block;font-family:Arial,sans-serif;letter-spacing:.1em;font-size:9px;color:var(--muted);margin-top:6px}.dialog-menu a:hover{color:var(--accent)}.dialog-company{margin-top:35px;color:var(--muted);font-size:11px}.dialog-company .button{margin-top:23px;width:100%}.search-control{display:flex;gap:12px;border-bottom:1px solid var(--blue);margin-bottom:25px;align-items:center;padding-bottom:15px}.search-control svg{height:20px;width:20px;color:var(--blue);flex-shrink:0}.search-control input{width:100%;border:0;min-height:45px;background:white;font-size:16px;color:var(--ink)}.search-control input:focus{outline:0}.search-control:focus-within{outline:2px solid var(--accent);outline-offset:7px}.search-count{font-size:11px;color:var(--muted);margin-bottom:15px}.search-results a{display:block;padding:23px 0;border-bottom:1px solid var(--line)}.search-results strong{font-size:16px;color:var(--blue);font-weight:500;display:flex;justify-content:space-between;align-items:center}.search-results p{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.9}.search-results a:hover strong{color:var(--accent)}.search-empty{font-size:12px;color:var(--muted);line-height:2.1;padding-block:20px}
/* Graceful motion. Nothing waits for animations or JavaScript to become visible. */
@keyframes orbit-flow{from{rotate:0deg}to{rotate:360deg}}@keyframes scroll-line{to{transform:translateY(45px)}}@keyframes enter{from{opacity:.65;transform:translateY(16px)}to{opacity:1;transform:none}}.reveal.is-entering{animation:enter .8s var(--ease) both}.motion-paused .orbit,.motion-paused .scroll-cue i::after{animation-play-state:paused}.motion-paused .reveal.is-entering{animation:none}
@media(min-width:1700px){.hero-art{margin-right:-50px}.hero h1{font-size:68px}}
@media(max-width:1250px){:root{--header:84px}.header-nav{gap:20px}.brand img{width:225px}.header-actions{gap:7px}.hero{min-height:640px}.hero-inner{gap:0}.hero h1{font-size:clamp(40px,4.15vw,57px)}.hero-art{min-height:460px}.business-teaser{grid-template-columns:42px 1fr 210px 45px;gap:24px}.company-home .company-grid{gap:52px}.contact-layout{gap:58px}.business-detail{grid-template-columns:65px 1fr .85fr;gap:20px}}
@media(max-width:1050px){.header-nav{display:none}.header-actions{margin-left:auto;gap:13px}.hero{min-height:650px}.hero h1{font-size:43px}.hero-art{margin-right:-20px}.hero-lead{font-size:13px}.section-intro{gap:40px}.mission-intro{gap:40px;grid-template-columns:.65fr 1.35fr}.business-teaser{grid-template-columns:30px 1fr 180px 40px;gap:22px}.teaser-content h3{font-size:21px}.faq-layout,.policy-layout{grid-template-columns:195px 1fr;gap:50px}.security-layout{grid-template-columns:230px 1fr;gap:45px}.brand-story .story-grid{gap:40px}.company-home .company-grid{gap:40px}.company-photo{height:350px}.hero-domain{display:none}}
@media(max-width:800px){:root{--header:75px;--gutter:25px}.brand img{width:220px}.header-contact{display:none}.menu-button{font-size:9px}.hero{height:auto;min-height:0;max-height:none}.hero-inner{grid-template-columns:1fr;min-height:0;padding-top:53px;padding-bottom:78px;gap:0}.hero-copy{padding-top:0}.hero h1{font-size:clamp(37px,6.5vw,52px);margin-top:26px;margin-bottom:22px;line-height:1.5}.hero-lead{margin-bottom:22px;font-size:13px;max-width:500px}.hero-lead span{display:inline}.hero-copy .button{min-height:52px}.hero-art{height:370px;min-height:0;max-height:none;width:95%;max-width:610px;margin:-20px auto -40px}.orbital-system{inset:6% 2% 8%}.hero-art-label{bottom:7%;right:10%;font-size:8px}.hero-bottom{padding-block:15px}.hero-bottom .scroll-cue{font-size:8px}.anniversary-inner{gap:23px;padding-block:25px}.anniversary-number strong{font-size:48px}.anniversary-number span{font-size:12px}.anniversary-copy{font-size:12px}.anniversary-copy .en{font-size:8px}.anniversary-years{display:none}.mission-intro{grid-template-columns:1fr;gap:30px}.mission-intro .section-title{margin-bottom:19px}.section-intro{grid-template-columns:1fr;gap:13px;margin-bottom:35px}.section-intro .section-title{margin-bottom:0}.section-intro p{font-size:13px;max-width:600px}.business-teaser{grid-template-columns:26px 1fr 45px;gap:17px;padding-block:29px}.teaser-image,.premium-teaser{grid-column:2;grid-row:2;height:165px;max-width:440px}.teaser-content h3{font-size:22px}.teaser-content p{font-size:12px}.business-teaser .circle-arrow{grid-column:3;grid-row:1;height:40px;width:40px}.teaser-number{padding-top:2px}.vision-panel .wrap{grid-template-columns:1fr;gap:30px}.vision-panel .button{justify-self:start}.company-home .company-grid{grid-template-columns:1fr;gap:36px}.company-photo{height:330px}.brand-story .story-grid{grid-template-columns:1fr;gap:35px}.brand-story .story-grid>div:first-child{order:0}.split-intro{grid-template-columns:1fr;gap:30px}.split-intro .intro-photo{min-height:0;height:220px}.page-hero h1{font-size:39px}.page-hero .lead{font-size:13px;max-width:550px}.page-hero::before{right:-40%;opacity:.65}.page-hero::after{right:-50%;opacity:.65}.page-jump{gap:15px 24px;padding-block:23px}.company-table th{width:170px}.company-table th,.company-table td{padding:21px 18px;font-size:12px}.office-panel{padding:29px;flex-wrap:wrap}.business-detail{grid-template-columns:43px 1fr;gap:18px;padding-block:50px}.business-detail .detail-no{font-size:28px}.business-detail .detail-media{grid-column:2;padding-left:0;margin-top:15px}.detail-media img{max-width:530px}.detail-subsection{grid-column:1/-1;grid-template-columns:1fr;gap:25px;padding:25px;margin-top:13px}.detail-subsection img{max-width:530px}.business-detail h2{font-size:28px}.value-item{grid-template-columns:25px .6fr 1fr;gap:20px}.value-item h3{font-size:22px}.value-item p{font-size:13px}.faq-layout,.policy-layout,.security-layout{grid-template-columns:1fr;gap:33px}.faq-aside,.policy-toc,.contact-aside{position:static}.faq-aside{display:grid;grid-template-columns:1fr auto;gap:5px 20px;align-items:center}.faq-aside p{grid-column:1/-1}.faq-aside .link-line{grid-column:2;grid-row:1;font-size:11px;gap:20px}.faq-aside h2{margin-bottom:0}.policy-toc{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;border:1px solid var(--line);padding:22px}.policy-toc p{grid-column:1/-1}.security-seal{display:flex;align-items:center;text-align:left;gap:25px;padding:28px}.security-seal svg{width:53px;height:53px;margin:0}.security-seal strong{font-size:24px}.security-seal span{font-size:11px}.media-page .media-grid{grid-template-columns:1fr;gap:27px;margin-bottom:50px}.sitemap-grid{gap:0 35px}.sitemap-link{gap:10px}.sitemap-link h2{font-size:15px}.sitemap-link .circle-arrow{width:30px;height:30px}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-aside .contact-warning{max-width:600px}.contact-band-inner{grid-template-columns:1fr;gap:18px;padding-block:50px}.contact-band .section-title{font-size:31px}.contact-band-link{font-size:17px;padding-block:15px}.footer-main{gap:32px;grid-template-columns:1fr}.footer-brand img{width:280px}.footer-nav{gap:7px 38px}.footer-main{margin-bottom:35px}.footer-bottom{font-size:8px;gap:15px}.footer-bottom .en{display:none}.notice-photo{height:250px}}
@media(max-width:420px){:root{--gutter:22px;--header:70px}.header-inner{padding-inline:18px;gap:8px}.brand img{width:202px}.header-actions{gap:7px}.icon-button{width:35px}.menu-button{gap:8px}.hero-inner{padding-top:43px}.hero .eyebrow{font-size:8px;letter-spacing:.15em;gap:9px}.hero .eyebrow::before{width:18px}.hero h1{font-size:36px;letter-spacing:.035em}.hero-lead{font-size:12px}.hero-art{height:290px;margin:-10px auto -20px;width:104%;left:-2%}.hero-art-label{font-size:7px}.hero-copy .button{min-width:190px;font-size:12px}.anniversary-inner{gap:18px}.anniversary-number strong{font-size:45px}.anniversary-number span{font-size:10px}.anniversary-copy{font-size:11px}.anniversary-copy .en{font-size:7px}.section-title{font-size:29px}.mission-intro .section-title{font-size:31px}.teaser-content h3{font-size:20px}.business-teaser{grid-template-columns:19px 1fr 33px;gap:12px}.business-teaser .circle-arrow{width:33px;height:33px}.teaser-image,.premium-teaser{height:145px}.company-photo{height:270px}.page-hero h1{font-size:34px;letter-spacing:.055em}.page-hero .lead{font-size:12px}.page-number{display:none}.breadcrumbs{font-size:9px}.company-table th,.company-table td{padding:18px 12px;font-size:11px}.company-table th{width:113px}.company-table small{font-size:9px}.company-table .text-link{font-size:9px}.value-item{grid-template-columns:21px 1fr;gap:14px}.value-item p{grid-column:2}.value-item h3 span{margin-top:6px}.faq-list summary{font-size:13px;gap:14px;padding-block:23px}.faq-list .answer{padding:0 25px 24px;font-size:12px}.faq-aside{display:block}.faq-aside h2{font-size:24px;margin-bottom:12px}.policy-toc{padding:18px;gap:0 13px;font-size:10px}.policy-section h2{font-size:18px}.policy-section p{font-size:12px}.sitemap-grid{grid-template-columns:1fr}.sitemap-link{gap:15px}.footer-brand img{width:255px}.footer-nav{gap:6px 20px}.footer-nav a{font-size:10px}.footer-bottom{align-items:flex-start;line-height:1.8}.back-top{font-size:8px;white-space:nowrap}.dialog-top{padding:20px 24px}.dialog-body{padding:28px 24px}.dialog-menu{gap:0 22px}.dialog-menu a strong{font-size:12px}.dialog-menu a small{font-size:8px}.notice-panel h2{font-size:22px}.notice-panel p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-art{background:transparent}}
@media print{.site-header,.site-footer,.contact-band,.hero-art,.hero-bottom,.page-jump,.policy-toc,.button,.link-line,.faq-tools,.site-dialog{display:none!important}body{font-size:11pt;color:black}.wrap{padding:0;max-width:100%}.section{padding-block:20px}.page-hero{background:white;padding:20px 0}.page-content{padding:0}.page-hero::before,.page-hero::after{display:none}.company-table th,.company-table td{padding:12px}.faq-layout,.policy-layout,.security-layout{display:block}.faq-list details .answer{display:block!important}.contact-layout{display:block}.contact-aside{margin-bottom:20px}.business-detail{break-inside:avoid;padding-block:20px}.policy-section{break-inside:avoid}a[href^="http"]::after{content:" (" attr(href) ")";font-size:8pt;overflow-wrap:anywhere}}

@media(max-width:360px){.brand img{width:177px}.menu-button>span:last-child{display:none}.header-actions{gap:8px}.header-inner{padding-inline:16px}.hero h1{font-size:31px}.hero .eyebrow{font-size:7px}.anniversary-number strong{font-size:39px}.anniversary-inner{gap:14px}.anniversary-inner .link-line{font-size:11px;gap:16px}}

/* Keep copyable telephone numbers together. */
a[href^="tel:"]{white-space:nowrap}

/* v2: the authentic still emblem, framed by a quiet moving identity field. */
.hero::before{background:radial-gradient(ellipse at 79% 43%,#e4eefb 0,transparent 56%);animation:identity-light 18s ease-in-out infinite alternate}
.brand-stage .brand-grid{position:absolute;left:50%;top:46%;width:min(460px,90%);aspect-ratio:1;transform:translate(-50%,-50%) rotate(-10deg);background-image:linear-gradient(rgba(40,86,146,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(40,86,146,.06) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle,#000 0,transparent 72%);pointer-events:none}
.brand-stage .orbital-system{inset:12% -4% 13%;z-index:0}
.brand-stage .orbit{--start:-28deg;border-color:rgba(37,95,163,.19);animation:identity-orbit 44s linear infinite}
.brand-stage .orbit.two{--start:25deg;animation-duration:63s;animation-direction:reverse}
.brand-stage .orbit.three{--start:-16deg;animation-duration:80s;opacity:.5}
.brand-halo{position:absolute;left:50%;top:46%;width:78%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(37,95,163,.1);border-radius:50%;background:radial-gradient(circle,rgba(194,216,245,.5),rgba(240,246,253,.25) 50%,transparent 72%);pointer-events:none}
.brand-drift{position:absolute;left:24%;top:15%;width:50%;height:1px;background:linear-gradient(90deg,transparent,#91b3dd,transparent);transform:rotate(-25deg);opacity:.35;animation:identity-drift 12s ease-in-out infinite alternate;pointer-events:none}
.brand-center{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:90%;display:flex;align-items:center;flex-direction:column;z-index:2}
.hero-emblem{width:clamp(230px,24vw,320px);max-width:68%;height:auto;object-fit:contain}
.brand-wordmark{margin-top:25px;font-family:Arial,sans-serif;font-weight:700;font-size:clamp(22px,2.1vw,29px);line-height:1.4;letter-spacing:.15em;color:var(--navy);padding-left:.15em;white-space:nowrap}
.brand-submark{font:9px/1.6 Arial,sans-serif;letter-spacing:.48em;color:var(--muted);margin-top:5px;padding-left:.48em}
.brand-coordinate,.brand-signature{position:absolute;font:8px/1.6 Arial,sans-serif;letter-spacing:.18em;color:#627b9c;z-index:2}
.brand-coordinate{left:8%;top:12%;border-top:1px solid #b4c8e2;padding-top:8px;min-width:75px}
.brand-signature{bottom:10%;left:5%}
.brand-stage .hero-art-label{bottom:10%;right:3%;font-size:8px}
.brand-asset-link{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line);background:radial-gradient(ellipse at 52% 45%,#e8f0fc 0,#f7faff 62%);transition:border-color .3s}
.brand-asset-link::before{content:"";position:absolute;width:64%;aspect-ratio:1;border:1px solid rgba(49,94,150,.17);border-radius:50%;transform:rotate(-25deg) scaleY(.64)}
.brand-asset-link>img{width:27%;height:auto;object-fit:contain;position:relative;margin-bottom:22px;transition:transform .4s var(--ease)}
.asset-link-label{position:absolute;bottom:23px;left:27px;right:27px;display:flex;align-items:center;justify-content:space-between;color:var(--blue);font:9px/1.6 Arial,sans-serif;letter-spacing:.16em}
.brand-asset-link:hover{border-color:#87a8d0}
.brand-asset-link:hover>img{transform:translateY(-4px)}
.business-card{position:relative;min-height:220px;padding:32px;background:var(--navy);color:white;overflow:hidden;display:flex;align-items:flex-end;border:1px solid #18365f}
.business-card::before{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(153,191,237,.18);border-radius:50%;right:-140px;top:-155px;pointer-events:none}
.business-card-art{position:absolute;width:175px;height:136px;right:17px;top:13px;color:#8db6e7;opacity:.42;pointer-events:none}
.business-card-copy{position:relative;z-index:1;max-width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-top:70px}
.business-card-label{font:8px/1.5 Arial,sans-serif;letter-spacing:.18em;color:#aac8ec}
.business-card-copy strong{font-size:18px;font-weight:500;letter-spacing:.025em;line-height:1.7}
.business-card-meta{font:8px/1.8 Arial,sans-serif;letter-spacing:.15em;color:#b2c9e7}
.detail-media .business-card{margin-top:17px}
.detail-subsection .business-card{align-self:stretch;margin:0;min-height:205px}
.business-card-compact{height:136px;min-height:0;padding:21px 18px}
.business-card-compact .business-card-art{width:104px;height:81px;right:5px;top:3px;opacity:.22}
.business-card-compact .business-card-copy{padding:0;gap:6px}
.business-card-compact .business-card-label{font-size:7px}
.business-card-compact .business-card-copy strong{font-family:Georgia,serif;font-size:22px;font-weight:400;line-height:1.4}
.business-card-compact .business-card-meta{font-size:7px;letter-spacing:.11em}
.resource-copy h2{font-size:29px;line-height:1.7}
.asset-specs{margin:26px 0 25px;border-top:1px solid var(--line);font-size:12px}
.asset-specs>div{display:grid;grid-template-columns:100px 1fr;gap:15px;padding-block:12px;border-bottom:1px solid var(--line)}
.asset-specs dt{color:var(--muted)}
.asset-specs dd{margin:0}
.download-help{font-size:11px!important;margin-top:15px!important;color:var(--muted)}
.asset-usage{display:grid;grid-template-columns:.8fr 1fr;gap:75px;border-top:1px solid var(--line);padding-top:48px}
.asset-usage h2{font-size:29px;line-height:1.7;margin-top:18px}
.asset-usage p{color:var(--muted);margin-bottom:20px;max-width:650px}
.motion-paused .hero::before,.motion-paused .brand-drift,.motion-inactive .hero::before,.motion-inactive .brand-drift,.motion-inactive .brand-stage .orbit{animation-play-state:paused}
@keyframes identity-orbit{from{transform:rotate(var(--start))}to{transform:rotate(calc(var(--start) + 360deg))}}
@keyframes identity-light{from{opacity:.55}to{opacity:.95}}
@keyframes identity-drift{from{transform:translateY(0) rotate(-25deg);opacity:.15}to{transform:translateY(55px) rotate(-25deg);opacity:.5}}
@media(max-width:1050px){.hero-emblem{width:250px;max-width:70%}.brand-wordmark{font-size:23px}.brand-coordinate{left:6%}.brand-stage .hero-art-label{font-size:7px}.brand-signature{font-size:7px}.business-card{padding:25px}.business-card-copy strong{font-size:17px}.business-card-meta{font-size:7px}.business-card-compact{padding:18px 14px}.business-card-compact .business-card-copy strong{font-size:19px}.business-card-compact .business-card-label{font-size:6px}.business-card-compact .business-card-meta{font-size:6px}.media-page .media-grid{gap:40px}}
@media(max-width:800px){.brand-stage{margin:10px auto -12px;height:370px}.hero-emblem{width:225px;max-width:54%}.brand-wordmark{font-size:23px;margin-top:17px}.brand-submark{font-size:8px}.brand-coordinate{top:10%;left:9%}.brand-stage .orbital-system{inset:3% 4% 7%}.brand-halo{width:65%}.brand-stage .hero-art-label{bottom:6%;right:6%}.brand-signature{bottom:6%;left:7%}.business-card-compact{grid-column:2;grid-row:2;height:165px;max-width:440px;padding:25px}.business-card-compact .business-card-art{width:170px;height:132px;right:15px;top:12px}.business-card-compact .business-card-copy strong{font-size:26px}.business-card-compact .business-card-label,.business-card-compact .business-card-meta{font-size:8px}.business-card{min-height:210px}.detail-subsection .business-card{min-height:205px}.business-card-compact{min-height:0}.brand-asset-link>img{width:29%}.media-page .media-grid{gap:27px}.asset-usage{grid-template-columns:1fr;gap:27px;padding-top:35px}.asset-usage h2,.resource-copy h2{font-size:26px}.asset-usage p{font-size:13px}}
@media(max-width:420px){.brand-stage{height:300px;margin:15px auto -4px;width:100%;left:0}.hero-emblem{width:190px;max-width:62%}.brand-wordmark{font-size:21px;letter-spacing:.12em;margin-top:16px}.brand-submark{font-size:7px}.brand-coordinate{top:6%;left:3%;font-size:7px}.brand-signature{bottom:3%;left:3%;font-size:7px}.brand-stage .hero-art-label{display:none}.brand-stage .orbital-system{inset:5% 0 9%}.brand-halo{width:79%}.business-card{padding:24px 21px;min-height:205px}.business-card-copy strong{font-size:16px}.business-card-art{right:9px}.business-card-compact{min-height:0;height:145px;padding:22px}.business-card-compact .business-card-copy strong{font-size:23px}.business-card-compact .business-card-label,.business-card-compact .business-card-meta{font-size:7px}.business-card-compact .business-card-art{width:120px;height:93px;top:6px;right:6px}.asset-link-label{font-size:8px;bottom:18px;left:20px;right:20px}.asset-specs>div{grid-template-columns:89px 1fr;gap:10px}.download-button{width:100%;gap:16px}.asset-usage h2,.resource-copy h2{font-size:24px}.download-help{font-size:10px!important}}

/* VERSION 3 / A decade of trust. White, corporate blue, champagne accents. */
:root{--gold:#9c8050;--gold-light:#d4c3a2;--gold-pale:#f7f3eb}
body{isolation:isolate}
.ambient-field{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none;contain:strict}
.ambient-grid{position:absolute;inset:0;background-image:radial-gradient(#275990 0.6px,transparent 0.9px);background-size:42px 42px;opacity:.075}
.ambient-glow{position:absolute;width:min(78vw,1050px);aspect-ratio:1;border-radius:50%;animation:ambient-float 24s ease-in-out infinite alternate}
.glow-blue{right:-25%;top:-28%;background:radial-gradient(circle,rgba(102,156,224,.2),rgba(164,197,237,.08) 45%,transparent 70%)}
.glow-gold{left:-28%;bottom:-37%;background:radial-gradient(circle,rgba(204,183,139,.2),rgba(218,209,189,.08) 42%,transparent 70%);animation-delay:-12s;animation-direction:alternate-reverse}
.ambient-orbit{position:absolute;width:clamp(560px,76vw,1150px);aspect-ratio:1;border:1px solid rgba(45,93,154,.12);border-radius:50%;animation:ambient-revolve 68s linear infinite;--tilt:-25deg}
.ambient-orbit-one{right:-35%;top:6%}
.ambient-orbit-two{left:-43%;bottom:-38%;border-color:rgba(161,130,76,.15);--tilt:23deg;animation-duration:95s;animation-direction:reverse}
.ambient-orbit i{position:absolute;top:14%;left:14%;width:5px;height:5px;background:#7296c1;border-radius:50%;box-shadow:0 0 14px 4px rgba(81,133,201,.14)}
.ambient-orbit-two i{background:#b99e6c;box-shadow:0 0 14px 4px rgba(171,149,112,.12)}
.ambient-beam{position:absolute;width:80%;height:1px;transform-origin:center;background:linear-gradient(90deg,transparent,rgba(59,112,179,.22),transparent);animation:ambient-sweep 32s ease-in-out infinite alternate}
.beam-one{top:31%;right:-33%}
.beam-two{bottom:21%;left:-32%;background:linear-gradient(90deg,transparent,rgba(157,128,80,.22),transparent);animation-delay:-16s;animation-direction:alternate-reverse}
.ambient-stars{position:absolute;inset:0}
.ambient-stars i{position:absolute;width:8px;height:8px;animation:ambient-glint 8s ease-in-out infinite;opacity:.35}
.ambient-stars i::before,.ambient-stars i::after{content:"";position:absolute;background:#7699c4}
.ambient-stars i::before{height:1px;width:100%;left:0;top:50%}
.ambient-stars i::after{height:100%;width:1px;left:50%;top:0}
.ambient-stars i:nth-child(1){left:5%;top:20%}
.ambient-stars i:nth-child(2){right:6%;top:43%;animation-delay:-4s}
.ambient-stars i:nth-child(3){left:9%;bottom:12%;animation-delay:-2s}
.ambient-stars i:nth-child(4){right:17%;top:10%;animation-delay:-6s}
.ambient-stars i:nth-child(5){left:3%;top:64%;animation-delay:-3s;width:5px;height:5px}
.ambient-stars i:nth-child(6){right:5%;bottom:5%;animation-delay:-5s;width:5px;height:5px}
@keyframes ambient-float{from{transform:translate3d(-3%,1%,0);opacity:.65}to{transform:translate3d(9%,-9%,0);opacity:1}}
@keyframes ambient-revolve{from{transform:rotate(var(--tilt)) scaleY(.68)}to{transform:rotate(calc(var(--tilt) + 360deg)) scaleY(.68)}}
@keyframes ambient-sweep{from{transform:translate3d(-4vw,4vh,0) rotate(-21deg);opacity:.4}to{transform:translate3d(8vw,-8vh,0) rotate(-13deg);opacity:1}}
@keyframes ambient-glint{0%,100%{transform:scale(.6) rotate(0);opacity:.2}50%{transform:scale(1.2) rotate(90deg);opacity:.7}}
.page-hero{background:linear-gradient(112deg,rgba(249,252,255,.76),rgba(231,240,251,.58));padding-block:clamp(48px,5.5vw,85px)}
.page-hero::before{animation:page-orbit-one 46s ease-in-out infinite alternate;opacity:.7}
.page-hero::after{animation:page-orbit-two 58s ease-in-out infinite alternate;opacity:.6}
@keyframes page-orbit-one{from{transform:scaleY(.65) rotate(-25deg)}to{transform:scaleY(.72) rotate(25deg)}}
@keyframes page-orbit-two{from{transform:scaleY(.64) rotate(22deg)}to{transform:scaleY(.58) rotate(-34deg)}}
.page-hero .page-en{display:flex;gap:30px;align-items:center;flex-wrap:wrap;animation:heading-arrive .9s var(--ease) both}
.page-ten{padding-left:30px;border-left:1px solid var(--gold-light);font-size:9px;letter-spacing:.2em;color:#796443}
.page-hero h1{animation:heading-arrive 1.15s var(--ease) both;overflow-wrap:anywhere}
.page-hero .lead{animation:heading-arrive 1.4s var(--ease) both}
.page-hero .brand-page-title{font-family:Arial,"PP Sans",sans-serif;font-size:clamp(34px,4.5vw,66px);line-height:1.15;letter-spacing:-.035em;max-width:1060px}
.page-number{color:#6a82a0}
@keyframes heading-arrive{from{transform:translateY(12px);opacity:.7}to{transform:translateY(0);opacity:1}}
.business-home{background:rgba(239,244,250,.82)}
.site-footer{background:rgba(255,255,255,.94);padding-top:32px}
.vision-panel::before{animation:page-orbit-one 46s ease-in-out infinite alternate}
.vision-panel::after{animation:page-orbit-two 58s ease-in-out infinite alternate}

/* An anniversary signature appears before the content on every page. */
.anniversary-seal{position:relative;width:160px;aspect-ratio:1;flex-shrink:0;color:var(--gold)}
.anniversary-seal>svg{position:absolute;inset:0;width:100%;height:100%}
.seal-type{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:2px;color:var(--blue)}
.seal-year{font:7px/1.4 Arial,sans-serif;letter-spacing:.12em;margin-bottom:5px;white-space:nowrap}
.seal-type strong{font:68px/.85 Georgia,"Times New Roman",serif;letter-spacing:-.065em;position:relative;padding-right:6px}
.seal-type sup{font:15px/1 Georgia,"Times New Roman",serif;letter-spacing:0;position:absolute;top:3px;right:-12px}
.seal-word{font:7px/1.4 Arial,sans-serif;letter-spacing:.1em;margin-top:9px}
.anniversary-ribbon{position:relative;overflow:hidden;border-bottom:1px solid var(--gold-light);background:linear-gradient(106deg,rgba(246,242,234,.85),rgba(255,255,255,.88) 42%,rgba(232,241,253,.75));isolation:isolate}
.anniversary-ribbon::after{content:"";position:absolute;inset-block:0;left:-45%;width:24%;z-index:-1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.9),transparent);transform:skewX(-20deg);animation:anniversary-sheen 16s ease-in-out infinite}
@keyframes anniversary-sheen{0%,10%{transform:translateX(0) skewX(-20deg);opacity:0}25%{opacity:1}60%,100%{transform:translateX(680%) skewX(-20deg);opacity:0}}
.ribbon-inner{display:flex;align-items:center;gap:27px;padding-block:17px;min-height:124px}
.ribbon-inner>.anniversary-seal{width:90px}
.ribbon-inner .seal-type strong{font-size:39px}
.ribbon-inner .seal-type sup{font-size:9px;right:-7px;top:1px}
.ribbon-inner .seal-year{font-size:5px;margin-bottom:3px}
.ribbon-inner .seal-word{font-size:4.5px;letter-spacing:.06em;margin-top:5px}
.ribbon-copy{line-height:1.5}
.ribbon-overline{font:8px/1.5 Arial,sans-serif;letter-spacing:.23em;color:#796443;display:block;margin-bottom:5px}
.ribbon-copy p{font-size:clamp(16px,1.65vw,23px);letter-spacing:.07em;color:var(--navy);font-weight:500}
.ribbon-copy p>span{margin-left:7px}
.ribbon-english{display:block;font:12px/1.4 Georgia,serif;letter-spacing:.1em;color:#796443;margin-top:5px}
.ribbon-message{font-size:12px;line-height:1.8;letter-spacing:.09em;color:var(--muted);margin-left:auto}
.ribbon-years{font:15px/1.6 Georgia,serif;color:var(--blue);display:flex;align-items:center;gap:16px;margin-left:17px;white-space:nowrap}
.ribbon-years>span{color:var(--gold);font-size:11px}
.ribbon-arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--gold-light);border-radius:50%;color:var(--blue);transition:transform .25s,border-color .25s}
.ribbon-inner:hover .ribbon-arrow{transform:translateX(4px);border-color:var(--gold)}
.hero{background:linear-gradient(115deg,rgba(255,255,255,.66),rgba(242,247,255,.48));min-height:640px;height:calc(100svh - var(--header) - 124px)}
.hero-anniversary{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:19px;color:#796443;font-size:11px;letter-spacing:.05em}
.hero-anniversary>span{font:9px/1.5 Arial,sans-serif;letter-spacing:.16em;border:1px solid var(--gold-light);padding:6px 10px;background:rgba(255,255,255,.65)}
.hero-copy h1{margin-top:23px;animation:heading-arrive 1.2s var(--ease) both}
.hero-copy .hero-lead{animation:heading-arrive 1.55s var(--ease) both}
.hero-copy>.button{animation:heading-arrive 1.7s var(--ease) both}
.anniversary-celebration{position:relative;overflow:hidden;background:linear-gradient(115deg,rgba(248,245,238,.8),rgba(255,255,255,.84) 50%,rgba(237,244,255,.68));border-block:1px solid var(--gold-light)}
.anniversary-celebration::before{content:"";position:absolute;right:-230px;top:-220px;width:690px;height:690px;border:1px solid rgba(170,141,91,.14);border-radius:50%;animation:page-orbit-two 58s ease-in-out infinite alternate;pointer-events:none}
.celebration-inner{display:grid;grid-template-columns:230px minmax(0,1fr) 190px;gap:58px;align-items:center;padding-block:64px;position:relative}
.celebration-inner>.anniversary-seal{width:230px}
.celebration-inner .seal-type strong{font-size:99px}
.celebration-inner .seal-type sup{font-size:21px;right:-15px;top:3px}
.celebration-inner .seal-year{font-size:10px;margin-bottom:10px}
.celebration-inner .seal-word{font-size:10px;margin-top:15px;letter-spacing:.07em}
.celebration-copy h2{font-size:clamp(28px,3vw,42px);line-height:1.55;margin-block:16px 20px;letter-spacing:.025em;color:var(--navy)}
.celebration-copy>p{font-size:13px;color:var(--muted)}
.celebration-copy>.eyebrow{font-size:9px;color:#796443}
.celebration-copy>.celebration-thanks{font-size:17px;color:var(--blue);letter-spacing:.025em;margin-bottom:10px}
.celebration-copy>.link-line{margin-top:15px}
.celebration-signature{align-self:end;font:12px/2.2 Georgia,serif;letter-spacing:.08em;color:#796443;border-left:1px solid var(--gold-light);padding-left:25px;margin-bottom:9px;white-space:nowrap}
.footer-anniversary{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--gold-light);padding-bottom:26px;margin-bottom:40px}
.footer-anniversary>.anniversary-seal{width:95px}
.footer-anniversary .seal-type strong{font-size:40px}
.footer-anniversary .seal-type sup{font-size:9px;right:-7px;top:1px}
.footer-anniversary .seal-year{font-size:5px;margin-bottom:3px}
.footer-anniversary .seal-word{font-size:5px;margin-top:6px}
.footer-anniversary p{font-size:16px;color:var(--blue);letter-spacing:.04em}
.footer-anniversary div>span{font:10px/1.6 Georgia,serif;letter-spacing:.1em;color:#796443}
.footer-anniversary>.link-line{margin-left:auto;font:11px/1.6 Arial,sans-serif;letter-spacing:.04em}


/* Every navy business card shares one responsive width and aspect ratio. */
.business-detail{grid-template-columns:70px minmax(0,1fr) minmax(0,1fr);gap:32px}
.business-detail>.detail-media{padding-left:0;min-width:0}
.detail-subsection{grid-column:2/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding:0;background:transparent;align-items:start;margin-top:28px}
.business-card-uniform,.detail-subsection .business-card-uniform{aspect-ratio:16/10;width:100%;height:auto;min-height:0;align-self:start;margin:0;padding:clamp(20px,2.4vw,35px);box-shadow:0 18px 36px -24px rgba(14,40,79,.42);background:linear-gradient(128deg,#102a56,#142f5c 60%,#0c2348)}
.detail-media figure+.business-card-uniform{margin-top:26px}
.business-card-uniform .business-card-copy{padding-top:0;gap:12px}
.business-card-uniform .business-card-copy strong{font-size:clamp(16px,1.55vw,22px);line-height:1.55;letter-spacing:.04em}
.business-card-uniform .business-card-label{font-size:9px;letter-spacing:.18em}
.business-card-uniform .business-card-meta{font-size:8px;letter-spacing:.14em;overflow-wrap:anywhere}
.business-card-uniform .business-card-art{width:43%;height:auto;right:7%;top:7%;opacity:.38}
.business-card-uniform::before{width:78%;height:auto;aspect-ratio:1;right:-39%;top:-60%;border-color:rgba(153,191,237,.24)}
.card-creative .business-card-copy strong{font-family:Georgia,serif;font-size:clamp(23px,2.6vw,38px);font-weight:400;letter-spacing:.02em}
.business-card-compact.card-creative .business-card-copy strong{font-size:22px}
.business-card-uniform::after{content:"";position:absolute;left:8%;right:8%;top:8%;height:1px;background:linear-gradient(90deg,rgba(189,207,232,.45),transparent 62%);pointer-events:none}
.business-card-uniform{transition:box-shadow .4s,transform .4s}
@media(hover:hover){.business-card-uniform:hover{transform:translateY(-3px);box-shadow:0 25px 45px -24px rgba(14,40,79,.5)}}

/* Brand editorial: the original identity, its designer, and usable motion. */
.identity-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:85px;align-items:center}
.identity-stage{position:relative;aspect-ratio:6/5;display:grid;place-items:center;overflow:hidden;border:1px solid #cad8eb;background:linear-gradient(135deg,rgba(246,250,255,.68),rgba(226,237,253,.82));isolation:isolate}
.identity-stage::before{content:"";position:absolute;inset:14%;border:1px solid rgba(76,121,180,.22);border-radius:50%;z-index:-1;animation:page-orbit-one 40s ease-in-out infinite alternate}
.identity-stage::after{content:"";position:absolute;width:110%;height:1px;background:linear-gradient(90deg,transparent,rgba(77,125,187,.27),transparent);z-index:-1;animation:ambient-sweep 23s ease-in-out infinite alternate}
.identity-frame{position:absolute;inset:25px;border:1px solid rgba(67,109,166,.13)}
.identity-stage>img{width:49%;height:auto;object-fit:contain;margin-bottom:18px}
.identity-stage-label,.identity-stage-year{position:absolute;font:8px/1.6 Arial,sans-serif;letter-spacing:.16em;color:#496a93}
.identity-stage-label{left:35px;bottom:32px}
.identity-stage-year{right:35px;top:32px;color:#796443}
.identity-copy>p{font-size:14px;color:var(--muted);margin-bottom:24px;max-width:590px}
.identity-copy>.eyebrow{font-size:9px;color:var(--blue);margin-bottom:0}
.identity-copy>.identity-lead{font-size:17px;color:var(--blue);line-height:1.8;margin-bottom:25px}
.identity-years{display:flex;align-items:center;gap:17px;font:22px/1.5 Georgia,serif;color:var(--blue);margin-top:33px}
.identity-years>i{height:1px;width:54px;background:var(--gold-light)}
.identity-years>span{font:8px/1.6 Arial,sans-serif;letter-spacing:.16em;color:#796443;margin-left:7px}
.brand-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:70px 0 0;padding:0;list-style:none;border-top:1px solid var(--gold-light)}
.brand-timeline li{position:relative;padding:32px 34px 5px 0}
.brand-timeline li+li{padding-left:34px;border-left:1px solid var(--line)}
.brand-timeline li::before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border:1px solid var(--gold);border-radius:50%;background:#fff}
.brand-timeline li+li::before{left:34px}
.brand-timeline li>span{font:32px/1.5 Georgia,serif;color:var(--blue);letter-spacing:.025em}
.brand-timeline h3{font-size:15px;line-height:1.8;margin:15px 0 12px;color:var(--navy)}
.brand-timeline p{font-size:12px;color:var(--muted);max-width:320px}
.designer-section{border-block:1px solid var(--line);background:linear-gradient(120deg,rgba(244,248,253,.84),rgba(255,255,255,.66))}
.designer-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:90px}
.designer-grid h2{font-size:clamp(32px,3.6vw,47px);color:var(--navy);letter-spacing:.09em;margin-top:22px}
.designer-grid h2>span{font-size:14px;margin-left:14px;letter-spacing:0}
.designer-role{font:9px/1.5 Arial,sans-serif;letter-spacing:.2em;color:#796443;margin-top:12px}
.designer-rule{width:44px;height:1px;background:var(--gold);margin:31px 0 24px}
.designer-summary{font-size:15px;line-height:2.1;color:var(--muted);letter-spacing:.025em}
.designer-copy>p{font-size:14px;color:var(--muted);margin-bottom:24px}
.designer-copy>p:first-child{color:var(--blue);font-size:17px}
.design-disciplines{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:23px}
.design-disciplines>span{font:8px/1.5 Arial,sans-serif;letter-spacing:.12em;color:var(--blue);padding:7px 12px;border:1px solid var(--line);background:rgba(255,255,255,.65)}
.identity-wordmarks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:58px}
.identity-wordmarks figure{height:175px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;background:rgba(255,255,255,.85);border:1px solid var(--line);padding:25px 35px}
.identity-wordmarks img{width:100%;max-width:380px;height:auto;object-fit:contain}
.identity-wordmarks figcaption{font:8px/1.6 Arial,sans-serif;letter-spacing:.18em;color:#6a7e98}
.brand-resources .section-intro{grid-template-columns:1fr 1fr;gap:70px}
.resource-copy h3{font-size:29px;line-height:1.65;color:var(--navy);margin:18px 0}
.resource-copy>p{font-size:13px;color:var(--muted)}
.video-caption{font:8px/1.8 Arial,sans-serif;letter-spacing:.16em;margin-top:16px}
.asset-usage{scroll-margin-top:130px}

/* All motion remains optional and uses only transforms and opacity. */
.motion-paused .ambient-field *,.page-motion-inactive .ambient-field *,
.motion-paused .page-hero::before,.motion-paused .page-hero::after,
.motion-paused .vision-panel::before,.motion-paused .vision-panel::after,
.motion-paused .anniversary-ribbon::after,.motion-paused .anniversary-celebration::before,
.motion-paused .identity-stage::before,.motion-paused .identity-stage::after{animation-play-state:paused}
.motion-paused .page-hero h1,.motion-paused .page-hero .page-en,.motion-paused .page-hero .lead,
.motion-paused .hero-copy h1,.motion-paused .hero-lead,.motion-paused .hero-copy>.button{animation:none}
@media(max-width:1150px){
  .ribbon-message{display:none}
  .ribbon-years{margin-left:auto}
  .celebration-inner{grid-template-columns:190px minmax(0,1fr);gap:40px}
  .celebration-inner>.anniversary-seal{width:190px}
  .celebration-inner .seal-type strong{font-size:80px}
  .celebration-inner .seal-type sup{font-size:17px;right:-12px}
  .celebration-inner .seal-year,.celebration-inner .seal-word{font-size:8px}
  .celebration-signature{display:none}
  .identity-grid{gap:50px}
  .designer-grid{gap:55px}
  .business-detail{grid-template-columns:45px minmax(0,1fr) minmax(0,1fr);gap:25px}
  .detail-subsection{gap:25px}
}
@media(max-width:800px){
  .ambient-orbit-one{right:-95%;top:18%;opacity:.8}
  .ambient-orbit-two{left:-100%;bottom:-32%;opacity:.7}
  .ambient-glow{width:115vw}
  .glow-blue{right:-60%;top:0}
  .glow-gold{left:-55%;bottom:-15%}
  .ribbon-inner{gap:18px;min-height:112px;padding-block:14px}
  .ribbon-inner>.anniversary-seal{width:80px}
  .ribbon-inner .seal-type strong{font-size:33px}
  .ribbon-inner .seal-type sup{font-size:8px;right:-6px}
  .ribbon-copy p{font-size:19px;letter-spacing:.03em}
  .ribbon-overline{font-size:7px;letter-spacing:.1em}
  .ribbon-english{font-size:10px;margin-top:6px}
  .ribbon-years,.ribbon-arrow{display:none}
  .hero{height:auto;min-height:0;max-height:none}
  .hero-copy h1{margin-top:24px}
  .hero-anniversary{margin-top:17px;font-size:10px}
  .page-hero .brand-page-title{font-size:clamp(36px,6vw,48px);max-width:700px;letter-spacing:-.035em}
  .page-hero .page-en{gap:20px;row-gap:12px}
  .page-ten{padding-left:20px;font-size:8px}
  .page-number{bottom:17px;font-size:9px}
  .celebration-inner{grid-template-columns:145px minmax(0,1fr);gap:30px;padding-block:45px}
  .celebration-inner>.anniversary-seal{width:145px}
  .celebration-inner .seal-type strong{font-size:60px}
  .celebration-inner .seal-type sup{font-size:12px;right:-9px}
  .celebration-inner .seal-year{font-size:6px;margin-bottom:6px}
  .celebration-inner .seal-word{font-size:6px;margin-top:10px}
  .celebration-copy h2{font-size:28px}
  .celebration-copy>.eyebrow{font-size:8px;letter-spacing:.12em}
  .celebration-copy>.celebration-thanks{font-size:15px}
  .celebration-copy>p{font-size:12px}
  .footer-anniversary{gap:16px;flex-wrap:wrap;margin-bottom:32px;padding-bottom:22px}
  .footer-anniversary>.anniversary-seal{width:80px}
  .footer-anniversary .seal-type strong{font-size:33px}
  .footer-anniversary .seal-type sup{font-size:8px;right:-6px}
  .footer-anniversary>.link-line{margin-left:96px;padding-block:0 8px}
  .footer-anniversary p{font-size:15px}
  .footer-bottom{flex-wrap:wrap;gap:10px 20px}
  .footer-bottom>p{flex-basis:100%}
  .footer-bottom>.back-top{margin-left:auto}
  .business-detail{grid-template-columns:43px minmax(0,1fr);gap:18px}
  .business-detail>.detail-media{grid-column:2;margin-top:15px}
  .detail-subsection{grid-column:2/-1;grid-template-columns:minmax(0,1fr);gap:26px;padding:0;margin-top:26px}
  .business-card-uniform,.detail-subsection .business-card-uniform{aspect-ratio:16/10;min-height:0;padding:28px}
  .business-card-uniform .business-card-copy strong{font-size:22px}
  .business-card-uniform .business-card-art{width:40%}
  .business-card-uniform .business-card-label{font-size:9px}
  .card-creative .business-card-copy strong{font-size:36px}
  .business-card-compact.card-creative .business-card-copy strong{font-size:26px}
  .identity-grid,.designer-grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .identity-stage{aspect-ratio:6/4.4}
  .identity-stage>img{width:42%;max-width:250px}
  .identity-copy>p{font-size:13px}
  .identity-copy>.identity-lead{font-size:16px}
  .identity-copy>.eyebrow{font-size:8px}
  .identity-years{margin-top:25px}
  .brand-timeline{margin-top:48px}
  .brand-timeline li{padding-right:20px}
  .brand-timeline li+li{padding-left:20px}
  .brand-timeline li+li::before{left:20px}
  .brand-timeline li>span{font-size:27px}
  .brand-timeline h3{font-size:13px}
  .brand-timeline p{font-size:11px}
  .designer-grid h2{font-size:35px}
  .designer-summary{font-size:14px}
  .designer-copy>p{font-size:13px}
  .designer-copy>p:first-child{font-size:16px}
  .identity-wordmarks{gap:15px;margin-top:35px}
  .identity-wordmarks figure{height:140px;padding:23px;gap:20px}
  .identity-wordmarks figcaption{font-size:7px;letter-spacing:.08em}
  .brand-resources .section-intro{grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:34px}
  .resource-copy h3{font-size:26px}
}
@media(max-width:560px){
  .ribbon-inner{gap:14px;min-height:100px}
  .ribbon-inner>.anniversary-seal{width:72px}
  .ribbon-inner .seal-type strong{font-size:31px}
  .ribbon-inner .seal-type sup{font-size:7px;right:-5px}
  .ribbon-inner .seal-year{font-size:4px;margin-bottom:2px}
  .ribbon-inner .seal-word{font-size:4px;margin-top:4px}
  .ribbon-copy p{font-size:16px}
  .ribbon-copy p>span{margin-left:4px}
  .ribbon-overline{font-size:6px;letter-spacing:.08em}
  .ribbon-english{font-size:9px;letter-spacing:.06em}
  .page-hero .brand-page-title{max-width:330px;font-size:37px}
  .page-hero .page-en{font-size:9px}
  .page-ten{font-size:7px}
  .celebration-inner{grid-template-columns:minmax(0,1fr);gap:25px;padding-block:45px;text-align:center}
  .celebration-inner>.anniversary-seal{width:170px;justify-self:center}
  .celebration-inner .seal-type strong{font-size:73px}
  .celebration-inner .seal-type sup{font-size:16px;right:-11px}
  .celebration-inner .seal-year{font-size:7px}
  .celebration-inner .seal-word{font-size:7px;margin-top:13px}
  .celebration-copy>.eyebrow{justify-content:center;font-size:7px}
  .celebration-copy h2{font-size:29px;margin-top:18px}
  .celebration-copy>.celebration-thanks{font-size:15px}
  .celebration-copy>p{font-size:11px}
  .footer-anniversary>.link-line{margin-left:96px;font-size:10px;gap:15px}
  .footer-anniversary p{font-size:13px}
  .footer-anniversary div>span{font-size:8px}
  .business-detail{grid-template-columns:26px minmax(0,1fr);gap:12px}
  .business-detail .detail-no{font-size:23px}
  .business-detail h2{font-size:23px}
  .business-detail p{font-size:12px}
  .detail-subsection h3{font-size:18px}
  .business-card-uniform,.detail-subsection .business-card-uniform{padding:19px}
  .business-card-uniform .business-card-copy{gap:7px}
  .business-card-uniform .business-card-copy strong{font-size:15px;letter-spacing:.015em}
  .business-card-uniform .business-card-label{font-size:7px;letter-spacing:.13em}
  .business-card-uniform .business-card-meta{font-size:6px;letter-spacing:.11em}
  .card-creative .business-card-copy strong{font-size:26px}
  .identity-stage{aspect-ratio:6/5}
  .identity-frame{inset:18px}
  .identity-stage>img{width:49%;margin-bottom:8px}
  .identity-stage-label{left:24px;bottom:24px;font-size:6px}
  .identity-stage-year{right:24px;top:24px;font-size:7px}
  .identity-years{font-size:20px;gap:12px}
  .identity-years>i{width:35px}
  .identity-years>span{font-size:7px;margin-left:0}
  .brand-timeline{grid-template-columns:minmax(0,1fr);border-top:0;gap:25px;margin-top:42px;border-left:1px solid var(--gold-light);padding-left:25px}
  .brand-timeline li,.brand-timeline li+li{padding:0 0 25px;border-left:0;border-bottom:1px solid var(--line)}
  .brand-timeline li::before,.brand-timeline li+li::before{left:-29px;top:14px}
  .brand-timeline li>span{font-size:29px}
  .brand-timeline h3{font-size:14px;margin-top:10px}
  .brand-timeline p{max-width:none;font-size:12px}
  .identity-wordmarks{grid-template-columns:minmax(0,1fr)}
  .identity-wordmarks figure{height:145px;padding:30px}
  .identity-wordmarks figcaption{font-size:8px}
  .design-disciplines{gap:8px}
  .design-disciplines>span{font-size:7px;padding:6px 9px}
}
@media(max-width:360px){
  .ribbon-inner{gap:10px}
  .ribbon-copy p{font-size:14px;letter-spacing:0}
  .ribbon-inner>.anniversary-seal{width:64px}
  .ribbon-overline{font-size:5.5px}
  .business-card-uniform,.detail-subsection .business-card-uniform{padding:16px}
  .business-card-uniform .business-card-copy strong{font-size:14px}
  .card-creative .business-card-copy strong{font-size:24px}
  .page-hero .brand-page-title{font-size:34px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .ambient-field{opacity:.6}
}
@media print{
  .ambient-field,.ribbon-arrow{display:none}
  *,*::before,*::after{animation:none!important;box-shadow:none!important}
  .anniversary-ribbon{background:white}
}

/* VERSION 4 / Visible currents of light and a brand story on the TOP page. */
.phone-text{white-space:nowrap}
.menu-lines{gap:5px;width:24px}
.menu-lines i{height:1.5px;border-radius:2px}
.ambient-grid{opacity:.1}
.ambient-glow{animation-duration:13s}
.glow-blue{background:radial-gradient(circle,rgba(76,141,225,.28),rgba(133,179,237,.12) 45%,transparent 70%);right:-18%;top:-23%}
.glow-gold{background:radial-gradient(circle,rgba(198,169,112,.24),rgba(218,198,160,.1) 42%,transparent 70%);left:-22%;bottom:-27%;animation-delay:-6s}
.ambient-orbit{border-color:rgba(45,93,154,.25);animation-duration:32s}
.ambient-orbit-one{right:-25%;top:-8%}
.ambient-orbit-two{left:-32%;bottom:-34%;border-color:rgba(161,130,76,.23);animation-duration:47s}
.ambient-orbit i{width:7px;height:7px;background:#5d8bbd;box-shadow:0 0 17px 5px rgba(81,133,201,.17)}
.ambient-orbit i:nth-child(2){left:86%;top:14%;width:4px;height:4px;opacity:.65}
.ambient-orbit i:nth-child(3){left:50%;top:100%;width:5px;height:5px;opacity:.75}
.ambient-orbit-two i{background:#b79c69;box-shadow:0 0 17px 4px rgba(171,149,112,.15)}
.ambient-beam{height:2px;background:linear-gradient(90deg,transparent,rgba(41,102,183,.28),transparent);animation-duration:15s}
.beam-two{background:linear-gradient(90deg,transparent,rgba(157,128,80,.28),transparent);animation-delay:-7s}
.ambient-stars i{width:10px;height:10px;animation-duration:5.5s}
.ambient-stars i::before,.ambient-stars i::after{background:#5688c0}
.ambient-ribbons{position:absolute;inset:0}
.ambient-ribbons>i{position:absolute;display:block;width:72%;height:40%;transform-origin:center;animation:ambient-ribbon-flow 16s ease-in-out infinite alternate}
.ambient-ribbon-blue{right:-20%;top:4%;background:linear-gradient(132deg,transparent 25%,rgba(100,160,237,.025) 40%,rgba(100,160,237,.12) 48%,rgba(138,184,241,.04) 60%,transparent 75%)}
.ambient-ribbon-gold{left:-19%;bottom:0;background:linear-gradient(132deg,transparent 25%,rgba(198,173,128,.015) 40%,rgba(198,173,128,.11) 48%,rgba(198,173,128,.025) 60%,transparent 75%);animation-delay:-8s;animation-direction:alternate-reverse}
.ambient-contours{position:absolute;inset:-5% -9%;width:118%;height:110%;opacity:.45;animation:ambient-contour-flow 18s ease-in-out infinite alternate;pointer-events:none}
.ambient-contours path{stroke:rgba(41,98,177,.28);stroke-width:1.1;vector-effect:non-scaling-stroke}
.ambient-contours .contour-gold{stroke:rgba(166,131,73,.25);stroke-width:1}
@keyframes ambient-ribbon-flow{from{transform:translate3d(-8%,14%,0) rotate(-8deg);opacity:.5}to{transform:translate3d(14%,-25%,0) rotate(9deg);opacity:1}}
@keyframes ambient-contour-flow{from{transform:translate3d(-3%,5%,0) rotate(-3deg)}to{transform:translate3d(5%,-9%,0) rotate(4deg)}}
.brand-stage .orbit{border-color:rgba(37,95,163,.31);animation-duration:24s}
.brand-stage .orbit.two{animation-duration:35s}
.brand-stage .orbit.three{animation-duration:48s;opacity:.75}
.brand-drift{animation-duration:6s;background:linear-gradient(90deg,transparent,#6f9ccd,transparent)}
.hero::before{animation-duration:10s}
.page-hero::before{border-color:#aec5e2;animation-duration:22s;opacity:.85}
.page-hero::after{border-color:#c1d1e6;animation-duration:29s;opacity:.8}
.vision-panel::before{animation-duration:23s}
.vision-panel::after{animation-duration:31s}
.anniversary-ribbon::after{animation-duration:11s}
.hero-bottom{justify-content:space-between}

/* The designer's credentials sit beside the authentic corporate identity. */
.home-identity{position:relative;border-block:1px solid var(--line);background:linear-gradient(120deg,rgba(241,247,255,.77),rgba(255,255,255,.5) 60%,rgba(248,244,237,.5));overflow:hidden}
.home-identity-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:75px;align-items:center}
.home-emblem-stage{position:relative;isolation:isolate;aspect-ratio:6/5.2;display:grid;place-items:center;overflow:hidden;border:1px solid #c8d7ea;background:linear-gradient(135deg,rgba(252,254,255,.85),rgba(224,236,253,.65))}
.home-emblem-stage::before{content:"";position:absolute;inset:22px;border:1px solid rgba(65,108,167,.13);z-index:-1}
.home-emblem-stage::after{content:"";position:absolute;left:10%;right:10%;top:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(57,112,182,.36),transparent);animation:identity-drift 8s ease-in-out infinite alternate;z-index:-1}
.home-emblem-stage>img{width:53%;height:auto;object-fit:contain;margin-bottom:12px}
.home-emblem-orbit{position:absolute;left:14%;top:15%;width:72%;aspect-ratio:1;border:1px solid rgba(47,99,171,.22);border-radius:50%;animation:page-orbit-one 23s ease-in-out infinite alternate;z-index:-1}
.home-emblem-year,.home-emblem-label{position:absolute;font:8px/1.6 Arial,sans-serif;letter-spacing:.18em;color:#597a9f}
.home-emblem-year{right:34px;top:30px;color:#796443}
.home-emblem-label{left:34px;bottom:28px}
.home-wordmark{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;border:1px solid var(--line);background:rgba(255,255,255,.82);padding:29px 36px;margin-top:18px}
.home-wordmark>img{width:100%;max-width:350px;height:auto;object-fit:contain}
.home-wordmark>span{font:7px/1.5 Arial,sans-serif;letter-spacing:.15em;color:#617998}
.home-identity-copy>.eyebrow{font-size:9px}
.home-identity-copy>.section-title{font-size:clamp(30px,3vw,43px);line-height:1.5;margin-block:16px 23px;color:var(--navy)}
.home-identity-copy>p{font-size:13px;color:var(--muted)}
.home-designer{border-top:1px solid var(--gold-light);padding:26px 0 24px;margin-top:26px;position:relative}
.home-designer::before{content:"";position:absolute;left:0;top:-2px;width:45px;height:3px;background:var(--gold)}
.home-designer>.home-designer-kicker{font:8px/1.5 Arial,sans-serif;letter-spacing:.2em;color:#796443;margin-bottom:10px}
.home-designer h3{font-size:28px;letter-spacing:.07em;color:var(--navy);margin-bottom:8px}
.home-designer h3>span{font-size:12px;margin-left:13px;letter-spacing:0}
.home-designer>.home-designer-role{font:8px/1.5 Arial,sans-serif;letter-spacing:.16em;color:#617998;margin-bottom:21px}
.home-designer>p{font-size:12px;color:var(--muted);margin-bottom:16px}
.home-design-fields{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.home-design-fields>span{font:7px/1.6 Arial,sans-serif;letter-spacing:.1em;border:1px solid #cedaec;color:var(--blue);padding:6px 10px;background:rgba(255,255,255,.8)}
.home-identity-copy>.link-line{font:12px/1.6 Arial,sans-serif;letter-spacing:.04em}
.home-identity-copy>.home-brand-note{font-size:10px;margin-top:12px;color:var(--muted)}
.motion-paused .home-emblem-orbit,.motion-paused .home-emblem-stage::after{animation-play-state:paused}
.page-motion-inactive .page-hero::before,.page-motion-inactive .page-hero::after,
.page-motion-inactive .vision-panel::before,.page-motion-inactive .vision-panel::after,
.page-motion-inactive .anniversary-ribbon::after,.page-motion-inactive .anniversary-celebration::before,
.page-motion-inactive .identity-stage::before,.page-motion-inactive .identity-stage::after,
.page-motion-inactive .home-emblem-orbit,.page-motion-inactive .home-emblem-stage::after{animation-play-state:paused}
@media(max-width:1150px){
  .home-identity-grid{gap:48px}
  .home-emblem-year{right:28px;top:25px}
  .home-emblem-label{left:28px;bottom:24px;font-size:7px}
}
@media(max-width:800px){
  .ambient-orbit{width:clamp(480px,105vw,780px)}
  .ambient-orbit-one{right:-66%;top:18%;opacity:.85}
  .ambient-orbit-two{left:-77%;bottom:-28%;opacity:.8}
  .ambient-contours{inset:-5% -25%;width:150%;height:110%;opacity:.4;animation-duration:22s}
  .ambient-ribbons>i{width:105%;height:32%}
  .ambient-ribbon-blue{right:-45%;top:12%}
  .ambient-ribbon-gold{left:-45%;bottom:10%}
  .home-identity-grid{grid-template-columns:minmax(0,1fr);gap:35px}
  .home-emblem-stage{aspect-ratio:6/4.5}
  .home-emblem-stage>img{width:42%;max-width:260px}
  .home-wordmark{padding:24px 35px;gap:17px}
  .home-wordmark>img{max-width:340px}
  .home-identity-copy>.section-title{font-size:36px}
  .home-identity-copy>.eyebrow{font-size:8px}
  .home-designer{padding-top:24px}
  .home-designer h3{font-size:29px}
}
@media(max-width:420px){
  .ambient-contours{opacity:.32}
  .ambient-stars i{width:7px;height:7px}
  .home-emblem-stage{aspect-ratio:6/5.2}
  .home-emblem-stage>img{width:51%;max-width:210px}
  .home-emblem-stage::before{inset:17px}
  .home-emblem-year{right:25px;top:22px;font-size:7px}
  .home-emblem-label{left:25px;bottom:23px;font-size:6px;letter-spacing:.12em}
  .home-wordmark{padding:24px 30px;gap:18px;margin-top:14px}
  .home-wordmark>span{font-size:6px}
  .home-identity-copy>.section-title{font-size:30px}
  .home-identity-copy>p{font-size:12px}
  .home-designer h3{font-size:26px}
  .home-designer>p{font-size:12px}
  .home-design-fields>span{font-size:6.5px}
  .home-identity-copy>.home-brand-note{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  .ambient-field{opacity:.55}
  .ambient-contours{transform:none}
}