:root{--ink:#11110f;--deep:#101413;--ivory:#f3f0e8;--paper:#e9e5db;--gold:#b79a5b;--line:rgba(255,255,255,.13);--serif:"Yu Mincho","Hiragino Mincho ProN",serif;--sans:"Noto Sans JP",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#090a0a}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);line-height:1.9;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit}.container{width:min(1180px,calc(100% - 64px));margin:auto}.site-header{position:fixed;z-index:100;inset:0 0 auto;height:104px;color:#fff;transition:.4s}.site-header:before{content:"";position:absolute;z-index:-1;inset:0;background:rgba(10,12,12,.9);opacity:0;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:opacity .4s}.site-header.is-scrolled{height:78px}.site-header.is-scrolled:before{opacity:1}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;z-index:102}.brand-symbol{width:54px;height:30px}.brand-symbol svg{width:100%;height:100%;fill:var(--gold)}.brand-name{font:16px Marcellus,serif;letter-spacing:.28em}.nav-menu{display:flex;align-items:center;gap:36px}.nav-menu a{font:12px Marcellus,serif;letter-spacing:.13em;text-decoration:none;position:relative}.nav-menu a span{color:var(--gold);font-size:8px;margin-right:7px}.nav-menu a:after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:1px;background:var(--gold);transition:.35s}.nav-menu a:hover:after{width:100%}.nav-contact{border:1px solid rgba(183,154,91,.65);padding:13px 22px}.nav-contact:after{display:none}.nav-toggle{display:none;background:none;border:0;color:#fff}
.hero{height:100svh;min-height:720px;background:radial-gradient(circle at 72% 45%,#20302e 0,#111716 31%,#090b0b 70%);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.38),transparent 55%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 35%)}.hero-grain{position:absolute;inset:0;opacity:.13;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.hero-orbit{position:absolute;border:1px solid rgba(183,154,91,.18);border-radius:50%;z-index:1}.orbit-one{width:70vw;height:70vw;right:-22vw;top:-17vw}.orbit-two{width:48vw;height:48vw;right:-8vw;top:3vw}.hero-inner{height:100%;display:flex;align-items:center;position:relative;z-index:3}.hero-copy{padding-top:80px;width:70%}.eyebrow{margin:0 0 28px;color:var(--gold);font:11px Marcellus,serif;text-transform:uppercase;letter-spacing:.34em}.hero h1,.statement h2,.services h2,.principles h2,.company h2,.contact-band h2{font-family:var(--serif);font-weight:400;margin:0;letter-spacing:.09em}.hero h1{font-size:clamp(48px,6.3vw,94px);line-height:1.32}.hero h1 span{display:block}.hero-lead{margin:38px 0 42px;color:rgba(255,255,255,.68);font-family:var(--serif);font-size:17px;letter-spacing:.12em}.text-link{display:inline-flex;align-items:center;gap:20px;text-decoration:none;font:11px Marcellus,serif;letter-spacing:.22em}.text-link i{width:76px;height:1px;background:var(--gold);transition:.3s}.text-link:hover i{width:100px}.hero-mark{position:absolute;right:3%;top:50%;transform:translateY(-42%);width:min(36vw,450px);opacity:.11;text-align:center}.hero-mark svg{width:100%;fill:#fff}.hero-mark span{display:block;font:42px Marcellus,serif;letter-spacing:.55em;margin-left:.55em}.hero-foot{position:absolute;z-index:4;bottom:38px;left:4vw;display:flex;align-items:center;gap:20px;color:rgba(255,255,255,.45);font:9px Marcellus,serif;letter-spacing:.22em;text-transform:uppercase}.hero-line{width:70px;height:1px;background:rgba(255,255,255,.25)}
.section-dark{background:var(--deep);color:#fff}.statement,.services,.principles,.company{padding:150px 0}.statement-grid,.company-grid{display:grid;grid-template-columns:28% 1fr;gap:7%}.section-index{display:flex;align-items:center;gap:18px;height:max-content}.section-index span{color:var(--gold);font:11px Marcellus,serif}.section-index p{margin:0;text-transform:uppercase;letter-spacing:.24em;font:10px Marcellus,serif}.statement h2,.services h2,.principles h2,.company h2{font-size:clamp(36px,4.5vw,64px);line-height:1.48}.statement-body{margin:75px 0 0 27%;max-width:600px;color:rgba(255,255,255,.62);font-size:14px}.section-head{display:grid;grid-template-columns:28% 1fr;gap:7%;margin-bottom:92px}.services{background:var(--ivory)}.service-list{border-top:1px solid rgba(17,17,15,.25)}.service-item{display:grid;grid-template-columns:13% 1fr 70px;gap:30px;align-items:center;padding:54px 10px;border-bottom:1px solid rgba(17,17,15,.2);transition:.4s}.service-item:hover{padding-left:28px;background:rgba(183,154,91,.08)}.service-number,.service-en{color:var(--gold);font:10px Marcellus,serif;letter-spacing:.15em}.service-en{margin:0}.service-item h3{font-family:var(--serif);font-size:27px;font-weight:400;margin:0 0 8px}.service-item div>p:last-child{margin:0;color:#696963;font-size:13px}.service-arrow{width:52px;height:52px;border:1px solid #aaa69d;border-radius:50%;display:grid;place-items:center;transition:.3s}.service-item:hover .service-arrow{background:var(--ink);color:#fff;transform:rotate(45deg)}
.principles{position:relative;overflow:hidden}.principle-word{position:absolute;right:0;top:30px;color:rgba(255,255,255,.025);font:300 min(27vw,420px) Marcellus,serif}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);position:relative}.principle-grid article{padding:45px 40px 30px 0;min-height:315px;border-right:1px solid var(--line)}.principle-grid article+article{padding-left:40px}.principle-grid article:last-child{border:0}.principle-grid span{color:var(--gold);font:10px Marcellus,serif}.principle-grid h3{margin:20px 0 45px;font:31px Marcellus,serif}.principle-grid strong{display:block;font-family:var(--serif);font-size:18px;font-weight:400}.principle-grid p{font-size:12px;color:rgba(255,255,255,.48)}.company{background:var(--paper)}.company-title .section-index{margin-bottom:78px}.company-data{margin:115px 0 0}.company-data div{display:grid;grid-template-columns:130px 1fr;padding:30px 0;border-top:1px solid rgba(17,17,15,.2)}.company-data div:last-child{border-bottom:1px solid rgba(17,17,15,.2)}.company-data dt{font-size:11px;color:#77766e}.company-data dd{margin:0;font-family:var(--serif);font-size:15px}.contact-band{background:var(--gold)}.contact-band-link{display:block;text-decoration:none;padding:100px 0;transition:.4s}.contact-band-link:hover{background:#c3a665}.contact-band .eyebrow{color:#29251c;margin-bottom:20px}.contact-band h2{font-size:clamp(34px,4vw,58px)}.contact-band-inner{display:flex;align-items:center;justify-content:space-between}.circle-arrow{width:98px;height:98px;border:1px solid #4f452e;border-radius:50%;display:grid;place-items:center;font-size:30px;transition:.4s}.contact-band-link:hover .circle-arrow{background:#111;color:#fff;transform:rotate(45deg)}
.site-footer{padding:90px 0 25px;background:#090a0a;color:#fff}.footer-main{display:flex;justify-content:space-between;padding-bottom:85px}.footer-logo{display:flex;align-items:center;gap:18px}.footer-logo svg{width:90px;fill:var(--gold)}.footer-logo strong{font:24px Marcellus,serif;letter-spacing:.28em}.footer-info{text-align:right;color:rgba(255,255,255,.55);font-size:12px}.footer-info p{color:#fff;font-family:var(--serif);font-size:16px}.footer-info address{font-style:normal}.footer-bottom{padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:rgba(255,255,255,.38);font:9px Marcellus,serif}.footer-bottom a{text-decoration:none}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .9s,transform .9s;transition-delay:var(--reveal-delay,0ms)}[data-reveal].is-visible{opacity:1;transform:none}
.contact-page-hero{padding:210px 0 115px;background:var(--deep);color:#fff}.contact-page-copy{max-width:760px}.contact-page-copy h1{font:400 clamp(48px,7vw,82px) var(--serif);letter-spacing:.1em;margin:0 0 30px}.contact-page-copy>p:last-child{color:rgba(255,255,255,.55);font-size:13px}.contact-form-section{padding:120px 0;background:var(--paper)}.contact-form-layout{display:grid;grid-template-columns:1fr 310px;gap:70px}.contact-form-wrap{background:#fff;padding:60px}.contact-form-head{display:flex;align-items:baseline;gap:22px;margin-bottom:45px}.contact-form-head p{color:var(--gold);font:10px Marcellus,serif}.contact-form-head strong{font:400 25px var(--serif)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.form-field{display:block;margin-bottom:27px}.form-field>span{display:block;font-size:11px;margin-bottom:9px}.form-field input,.form-field textarea{width:100%;border:0;border-bottom:1px solid #bbb7ac;background:transparent;padding:13px 2px;border-radius:0;font:14px var(--sans);outline:0}.form-field textarea{border:1px solid #bbb7ac;padding:16px}.field-hint{display:block;color:#8a887f;font-size:9px}.form-trap{position:absolute;left:-9999px}.contact-submit{border:0;background:var(--ink);color:#fff;padding:18px 48px;cursor:pointer}.contact-sidecard{border-top:1px solid #a6a398;padding-top:30px}.contact-sidecard p{color:var(--gold);font:10px Marcellus,serif}.contact-sidecard span{display:block;color:#77746c;font-size:11px;margin:13px 0 35px}.form-status{padding:17px 20px;margin-bottom:28px;font-size:12px}.form-status.is-success{background:#e8f1eb}.form-status.is-error{background:#f4e7e3}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}}@media(max-width:820px){.container{width:calc(100% - 40px)}.site-header{height:80px}.header-inner{padding:0 20px}.nav-toggle{display:block;z-index:102;width:52px;height:52px;position:relative}.nav-toggle span{position:absolute;left:14px;width:25px;height:1px;background:#fff}.nav-toggle span:first-child{top:18px}.nav-toggle span:nth-child(2){top:25px}.nav-toggle em{position:absolute;top:31px;left:14px;font:7px Marcellus,serif}.nav-menu{position:fixed;inset:0;background:#0b0d0c;flex-direction:column;align-items:flex-start;justify-content:center;padding:15vw;gap:25px;opacity:0;visibility:hidden;transition:.4s}.nav-menu.is-open{opacity:1;visibility:visible}.nav-menu a{font-size:26px}.nav-contact{border:0;padding:0}.hero{min-height:650px}.hero-copy{width:100%}.hero h1{font-size:clamp(39px,11vw,64px)}.hero-lead{font-size:14px}.hero-mark{width:65vw;right:-15%;top:33%}.statement,.services,.principles,.company{padding:95px 0}.statement-grid,.company-grid,.section-head{grid-template-columns:1fr;gap:55px}.statement h2,.services h2,.principles h2,.company h2{font-size:35px}.statement-body{margin:45px 0 0}.section-head{margin-bottom:60px}.service-item{grid-template-columns:38px 1fr;padding:35px 0;gap:15px}.service-arrow{display:none}.principle-grid{grid-template-columns:1fr}.principle-grid article,.principle-grid article+article{padding:35px 0;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.company-title .section-index{margin-bottom:50px}.company-data{margin:0}.company-data div{grid-template-columns:85px 1fr}.contact-band-link{padding:75px 0}.circle-arrow{width:65px;height:65px}.footer-main{display:block}.footer-info{text-align:left;margin-top:55px}.contact-form-layout{grid-template-columns:1fr}.contact-form-wrap{padding:35px 22px}.form-grid{grid-template-columns:1fr}.contact-sidecard{display:none}}

/* Full-screen presentation inspired by the supplied sample2 structure. */
html:has(.snap-site){scroll-snap-type:y mandatory}.snap-site{background:#111}.snap-site .screen{position:relative;height:100svh;min-height:680px;display:flex;align-items:center;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.snap-site .screen-bg,.snap-site .screen-shade{position:absolute;inset:0}.snap-site .screen-bg{background-size:cover;background-position:center;transform:scale(1);transition:transform 1.5s cubic-bezier(.2,.7,.2,1)}.snap-site .screen.is-active .screen-bg{transform:scale(1.04)}.snap-site .screen-shade{z-index:1}.snap-site .screen-inner{position:relative;z-index:2;width:min(84%,1240px);margin:auto}.snap-site .screen-content{opacity:0;transform:translateY(28px);transition:opacity .9s .18s,transform .9s .18s}.snap-site .is-active .screen-content{opacity:1;transform:none}.snap-site .title-en{display:block;color:#c9a76a;font:italic 15px "Cormorant Garamond",Marcellus,serif;letter-spacing:.2em}.snap-site h1,.snap-site h2{margin:10px 0 28px;font:400 clamp(40px,5.6vw,78px)/1.43 var(--serif);letter-spacing:.09em}.snap-site .body-copy{max-width:520px;font:400 14px/2.3 var(--serif);letter-spacing:.09em}.orca-home{color:#fff}.orca-home .screen-bg{background-image:url('../images/orca-hero.png')}.orca-home .screen-shade{background:linear-gradient(90deg,rgba(4,8,10,.82) 0,rgba(4,8,10,.42) 48%,rgba(4,8,10,.08) 78%)}.orca-home .hero-copy{width:auto;padding:0}.orca-home h1{font-size:clamp(47px,6.4vw,91px)}.scroll-cue{position:absolute;z-index:3;left:4vw;bottom:34px;display:flex;align-items:center;gap:16px;color:rgba(255,255,255,.65);font:8px Marcellus,serif;letter-spacing:.25em;text-transform:uppercase}.scroll-cue:before{content:"";width:55px;height:1px;background:#c9a76a;animation:snapPulse 1.8s infinite}.orca-about{color:#fff}.orca-about .screen-bg{background-image:url('../images/orca-people.png');background-position:44% center}.orca-about .screen-shade{background:linear-gradient(90deg,rgba(9,12,11,.08) 35%,rgba(9,12,11,.92) 69%)}.orca-about .screen-content{width:46%;margin-left:auto}.line-link{display:inline-flex;align-items:center;gap:28px;margin-top:28px;padding-bottom:7px;border-bottom:1px solid;text-decoration:none;font:10px Marcellus,serif;letter-spacing:.2em;text-transform:uppercase}.orca-business{color:#24221e;background:#ddd6ca}.orca-business .screen-bg{left:42%;background-image:url('../images/orca-digital.png');background-position:center}.orca-business .screen-shade{background:linear-gradient(90deg,#e8e1d6 0,#e8e1d6 39%,rgba(232,225,214,.8) 54%,transparent 75%)}.business-copy{width:43%}.tags,.values{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.tags span,.values span{padding:8px 13px;border:1px solid currentColor;font:9px Marcellus,serif;letter-spacing:.14em}.orca-people{color:#fff}.orca-people .screen-bg{background-image:url('../images/orca-people.png');background-position:center}.orca-people .screen-shade{background:linear-gradient(90deg,rgba(8,10,9,.15) 42%,rgba(8,10,9,.92) 72%)}.people-copy{width:45%;margin-left:auto}.values span{border-color:rgba(255,255,255,.36)}.orca-company{color:#241f1a;background:linear-gradient(135deg,#c9bcaa,#ebe4d9)}.company-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.company-mark{position:relative;height:68vh;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#17201e,#38433f);color:#fff}.company-mark:before,.company-mark:after{content:"";position:absolute;border:1px solid rgba(201,167,106,.3);border-radius:50%}.company-mark:before{width:38vw;height:38vw;left:-12%;top:-16%}.company-mark:after{width:24vw;height:24vw;right:-10%;bottom:-15%}.company-mark svg{position:relative;z-index:1;width:63%;fill:#c9a76a}.company-mark span{position:absolute;z-index:1;bottom:22%;font:20px Marcellus,serif;letter-spacing:.55em;margin-left:.55em}.company-card{padding:52px;background:rgba(255,253,248,.77);backdrop-filter:blur(12px)}.company-card h2{font:400 40px var(--serif);letter-spacing:.12em}.company-card dl{margin:30px 0 0}.company-card dl div{display:grid;grid-template-columns:100px 1fr;padding:19px 0;border-top:1px solid rgba(36,31,26,.2)}.company-card dt{font-size:10px;color:#786f63}.company-card dd{margin:0;font-size:12px}.company-orbit{position:absolute;width:50vw;height:50vw;border:1px solid rgba(255,255,255,.45);border-radius:50%;right:-17vw;bottom:-28vw}.copyright{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font:8px Marcellus,serif;letter-spacing:.16em}.dots{position:fixed;z-index:90;right:28px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:18px}.dot{position:relative;width:7px;height:7px;padding:0;border:1px solid #c9a76a;border-radius:50%;background:transparent;transition:.3s}.dot.active{background:#c9a76a;transform:scale(1.45)}.dot span{position:absolute;right:18px;top:-6px;color:#c9a76a;font:7px Marcellus,serif;opacity:0;transition:.3s}.dot:hover span,.dot.active span{opacity:1}@keyframes snapPulse{50%{transform:scaleX(.35);transform-origin:left}}
@media(max-width:820px){html:has(.snap-site){scroll-snap-type:y proximity}.snap-site .screen{min-height:100svh}.snap-site .screen-inner{width:calc(100% - 48px)}.snap-site h1,.snap-site h2,.orca-home h1{font-size:39px}.snap-site .body-copy{font-size:12px}.orca-home .screen-bg{background-position:64% center}.orca-home .screen-shade{background:linear-gradient(0deg,rgba(5,8,9,.88),rgba(5,8,9,.1) 75%)}.orca-home .hero-copy{align-self:flex-end;margin-bottom:12vh}.orca-about .screen-bg{background-position:38% center}.orca-about .screen-shade{background:rgba(8,10,9,.58)}.orca-about .screen-content,.business-copy,.people-copy{width:100%;margin:0}.orca-business .screen-bg{inset:0;opacity:.5}.orca-business .screen-shade{background:linear-gradient(90deg,rgba(232,225,214,.95),rgba(232,225,214,.35))}.orca-people .screen-bg{background-position:40% center}.orca-people .screen-shade{background:rgba(8,10,9,.58)}.company-layout{display:block}.company-mark{position:absolute;inset:0;width:100%;height:100%;opacity:.2}.company-card{position:relative;padding:35px 27px}.company-card h2{font-size:30px}.company-card dl div{grid-template-columns:80px 1fr}.dots{right:10px}.dot span{display:none}.scroll-cue{left:24px}}

/* Keep the ORCA mark pure white; gold remains an accent color. */
.brand-symbol svg,.company-mark svg,.footer-logo svg{fill:#fff}

/* Platinum silver palette */
:root{--gold:#bfc5ca}
.snap-site .title-en,.dots .dot span{color:#c5cbd0}
.scroll-cue:before{background:#c5cbd0}
.dots .dot{border-color:#c5cbd0}
.dots .dot.active{background:#c5cbd0}
.nav-contact{border-color:rgba(197,203,208,.65)}
.nav-menu a span{color:#c5cbd0}
.nav-menu a:after{background:#c5cbd0}
.company-mark:before,.company-mark:after{border-color:rgba(197,203,208,.3)}
.orca-business{background:#d9dde0}
.orca-business .screen-shade{background:linear-gradient(90deg,#e8eaeb 0,#e8eaeb 39%,rgba(232,234,235,.8) 54%,transparent 75%)}
.orca-company{background:linear-gradient(135deg,#aeb6bc,#e5e8ea)}
.company-mark{background:linear-gradient(145deg,#151a1d,#343c41)}
@media(max-width:820px){.orca-business .screen-shade{background:linear-gradient(90deg,rgba(232,234,235,.96),rgba(232,234,235,.38))}}

/* Contact and other standard pages must remain visible even if animation is unavailable. */
body:not(.home) [data-reveal]{opacity:1;transform:none}

/* ORCA industry visuals v2: communications, IT support, strategy and training. */
.orca-home .screen-bg{background-image:url('../images/orca-hero-v2.png');background-position:center}
.orca-about .screen-bg{background-image:url('../images/orca-strategy-v2.png');background-position:center}
.orca-business .screen-bg{inset:0;background-image:url('../images/orca-digital-v2.png');background-position:center}
.orca-people .screen-bg{background-image:url('../images/orca-training-v2.png');background-position:center}
.orca-business .screen-shade{background:linear-gradient(90deg,rgba(232,234,235,.98) 0,rgba(232,234,235,.94) 35%,rgba(232,234,235,.35) 57%,rgba(232,234,235,.06) 78%)}
.orca-about .screen-shade{background:linear-gradient(90deg,rgba(7,10,12,.08) 35%,rgba(7,10,12,.94) 70%)}
.orca-people .screen-shade{background:linear-gradient(90deg,rgba(7,9,10,.1) 38%,rgba(7,9,10,.94) 72%)}
@media(max-width:820px){
  .orca-home .screen-bg{background-position:63% center}
  .orca-about .screen-bg{background-position:38% center}
  .orca-business .screen-bg{background-position:66% center;opacity:.58}
  .orca-people .screen-bg{background-position:42% center}
  .orca-about .screen-shade,.orca-people .screen-shade{background:rgba(7,9,10,.62)}
  .orca-business .screen-shade{background:linear-gradient(90deg,rgba(232,234,235,.97),rgba(232,234,235,.45))}
}

/* ORCA abstract visual system v3 — entirely people-free. */
.orca-home .screen-bg{background-image:url('../images/orca-hero-v3.webp')}
.orca-about .screen-bg{background-image:url('../images/orca-strategy-v3.webp')}
.orca-business .screen-bg{background-image:url('../images/orca-digital-v3.webp')}
.orca-people .screen-bg{background-image:url('../images/orca-growth-v3.webp')}

/* Refined company scene: quiet contrast, warm metal and editorial spacing. */
.orca-company{
  isolation:isolate;
  color:#f3efe7;
  background:
    radial-gradient(circle at 13% 12%,rgba(181,148,87,.13),transparent 29%),
    radial-gradient(circle at 88% 85%,rgba(181,148,87,.07),transparent 34%),
    linear-gradient(135deg,#111817 0,#18201f 52%,#0d1211 100%);
}
.orca-company:before{
  content:"";
  position:absolute;
  inset:22px;
  z-index:0;
  pointer-events:none;
  border:1px solid rgba(200,169,108,.17);
}
.orca-company:after{
  content:"COMPANY  /  05";
  position:absolute;
  top:50%;
  right:1.8vw;
  z-index:1;
  color:rgba(213,184,124,.55);
  font:8px Marcellus,serif;
  letter-spacing:.38em;
  transform:translateY(-50%) rotate(90deg);
}
.orca-company .company-layout{
  grid-template-columns:minmax(360px,.82fr) minmax(440px,1.18fr);
  gap:clamp(70px,9vw,150px);
  width:min(78%,1160px);
}
.orca-company .company-mark{
  height:min(70vh,650px);
  border:1px solid rgba(211,178,111,.34);
  background:
    linear-gradient(145deg,rgba(255,255,255,.025),transparent 42%),
    #0b100f;
  box-shadow:0 34px 90px rgba(0,0,0,.34);
}
.orca-company .company-mark:before{
  width:31vw;
  height:31vw;
  left:-36%;
  top:-21%;
  border-color:rgba(211,178,111,.2);
}
.orca-company .company-mark:after{
  width:28vw;
  height:28vw;
  right:-32%;
  bottom:-20%;
  border-color:rgba(211,178,111,.14);
}
.orca-company .company-mark svg{width:58%;fill:#caaa6d;filter:drop-shadow(0 8px 24px rgba(202,170,109,.12))}
.orca-company .company-mark span{bottom:18%;color:#e8dcc5;font-size:15px;letter-spacing:.72em;margin-left:.72em}
.orca-company .company-card{
  position:relative;
  padding:14px 0 18px;
  color:#f3efe7;
  background:transparent;
  backdrop-filter:none;
}
.orca-company .company-card:before{
  content:"";
  display:block;
  width:48px;
  height:1px;
  margin-bottom:42px;
  background:#caaa6d;
}
.orca-company .company-card .title-en{color:#caaa6d;font-size:13px;letter-spacing:.28em}
.orca-company .company-card h2{
  margin:18px 0 48px;
  color:#fffdf8;
  font-size:clamp(38px,4.2vw,59px);
  letter-spacing:.16em;
}
.orca-company .company-card dl{margin:0;border-bottom:1px solid rgba(237,226,207,.2)}
.orca-company .company-card dl div{
  grid-template-columns:118px 1fr;
  padding:24px 0;
  border-top:1px solid rgba(237,226,207,.2);
}
.orca-company .company-card dt{color:rgba(237,226,207,.5);letter-spacing:.12em}
.orca-company .company-card dd{color:rgba(255,253,248,.84);font-size:12px;line-height:1.9}
.orca-company .company-card .line-link{margin-top:42px;color:#e2c58c;border-color:rgba(226,197,140,.65)}
.orca-company .company-card .line-link span{transition:transform .3s ease}
.orca-company .company-card .line-link:hover span{transform:translateX(6px)}
.orca-company .company-orbit{width:54vw;height:54vw;right:-32vw;bottom:-35vw;border-color:rgba(202,170,109,.14)}
.orca-company .copyright{color:rgba(243,239,231,.38)}

@media(max-width:820px){
  .orca-company:before{inset:12px}
  .orca-company:after{display:none}
  .orca-company .company-layout{display:block;width:calc(100% - 48px)}
  .orca-company .company-mark{inset:0;height:100%;border:0;opacity:.24}
  .orca-company .company-card{padding:42px 26px;background:rgba(9,14,13,.72);backdrop-filter:blur(10px);border:1px solid rgba(211,178,111,.22)}
  .orca-company .company-card:before{margin-bottom:28px}
  .orca-company .company-card h2{margin:14px 0 32px;font-size:32px}
  .orca-company .company-card dl div{grid-template-columns:82px 1fr;padding:17px 0}
  .orca-company .company-card .line-link{margin-top:28px}
}

/* Keep the mobile navigation viewport-sized, including after the header shrinks. */
@media(max-width:820px){
  body.menu-open .site-header,
  body.menu-open .site-header.is-scrolled{height:100vh;height:100dvh;background:#0b0d0c}
  body.menu-open .site-header:before{display:none}
  body.menu-open .header-inner{height:80px}
  .nav-menu{z-index:101;height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain}
}