@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;600;700&family=Noto+Serif+JP:wght@400;500;600&display=swap');
:root{--navy:#071b2b;--navy2:#0c2b40;--blue:#7bb9d6;--gold:#c8a96b;--ink:#172633;--muted:#697783;--paper:#f4f5f2;--line:#dce2e3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans JP',sans-serif;line-height:1.85}a{color:inherit;text-decoration:none}.header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;position:absolute;z-index:10;top:0;left:0;width:100%;color:#fff;border-bottom:1px solid #ffffff2b}.brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;letter-spacing:.08em;line-height:1.35}.brand small{display:block;font-size:9px;letter-spacing:.18em;font-weight:400;margin-top:4px;color:#a9c2d0}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #c8a96b;color:#d7c18f;font-family:'Noto Serif JP',serif;font-size:22px}.nav{display:flex;align-items:center;gap:25px;font-size:11px;letter-spacing:.05em}.nav a{opacity:.9;transition:.2s}.nav a:hover{color:#d8c28e}.nav .nav-cta{border:1px solid #c8a96b;padding:11px 16px;color:#f1d9a5}.menu-toggle{display:none;background:none;color:white;border:0;font-size:25px}.hero{min-height:740px;height:100svh;max-height:1000px;background:var(--navy);position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1677442136019-21780ecad995?auto=format&fit=crop&w=2200&q=90') center/cover;opacity:.62}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,34,.97) 0%,rgba(5,25,42,.84) 47%,rgba(5,25,42,.15) 100%),linear-gradient(0deg,rgba(5,20,33,.5),transparent 50%)}.hero-content{position:relative;z-index:1;margin-left:11%;padding-top:70px;max-width:680px}.eyebrow,.section-kicker{font-family:'DM Sans',sans-serif;letter-spacing:.19em;font-size:10px;color:var(--gold);font-weight:600}.hero h1{font-size:clamp(52px,7vw,92px);line-height:1.3;letter-spacing:.03em;font-weight:400;margin:25px 0}.hero h1 em,.contact h2 em{font-style:normal;color:#d7c18f}.hero-lead{font-size:clamp(16px,1.8vw,21px);line-height:2.05;letter-spacing:.04em}.hero-copy{color:#c5d0d7;font-size:13px;margin-top:17px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:25px;padding:15px 22px;font-size:12px;letter-spacing:.04em;transition:.25s}.button span{font-size:18px}.button-light{background:#e7d3a6;color:#102638}.button-light:hover{background:#fff}.text-link{font-size:12px;color:#dce5eb}.text-link span{margin-left:10px;color:var(--gold)}.hero-foot{position:absolute;top:calc(100% + 70px);left:0;display:flex;gap:38px;color:#b5c5d0;font-size:9px;letter-spacing:.15em}.hero-index{position:absolute;right:5.5%;bottom:45px;font-size:12px;letter-spacing:.1em}.hero-index span{color:var(--gold);padding:0 9px}.section{padding:110px 10.5%}.intro{background:#f5f6f3}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-top:35px}.intro h2,.section-heading h2,.future-top h2{font-size:clamp(35px,4.2vw,54px);font-weight:400;line-height:1.55;margin:0;letter-spacing:.03em}.intro h2 span,.section-heading h2 span,.future-top h2 span{color:#718f9d}.large-copy{font-size:19px;line-height:2;margin:0 0 20px}.intro-grid p:not(.large-copy){font-size:13px;color:var(--muted)}.arrow-link{display:inline-block;font-size:12px;border-bottom:1px solid #a9b6ba;padding-bottom:8px;margin-top:16px}.arrow-link span{margin-left:22px;color:#b08e50}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:80px;border-top:1px solid var(--line);padding-top:28px}.principles article{padding:8px 10px 0 0}.principles article>span{font-size:11px;color:#b08e50;letter-spacing:.12em}.principles h3{font-size:17px;font-weight:500;margin:15px 0 8px}.principles p{font-size:12px;color:var(--muted);margin:0}.dark-section{background:var(--navy);color:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:35px 0 55px}.section-heading>p{color:#aebfc8;font-size:13px;max-width:310px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff24;border:1px solid #ffffff24}.service-card{position:relative;min-height:300px;padding:30px 28px;background:var(--navy);transition:.25s}.service-card:hover{background:#102e43}.number{position:absolute;top:25px;right:25px;color:#728b9b;font-size:10px}.service-icon{font-size:30px;color:var(--gold);margin:5px 0 24px}.service-card h3{font-size:17px;font-weight:500;margin:0 0 15px}.service-card p{font-size:12px;color:#afc0c9;line-height:2}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.tags span{font-size:8px;letter-spacing:.1em;color:#d9c18c;border:1px solid #6b6b5b;padding:4px 7px}.products{background:#edf0ef}.products .section-heading{margin-bottom:40px}.products .section-heading>p{color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:#fff;box-shadow:0 12px 30px #152c3b0b}.product-card img{display:block;width:100%;height:210px;object-fit:cover}.product-info{padding:25px 24px 28px}.product-label{font-size:9px;color:#9b7c42;letter-spacing:.12em}.product-info h3{font-size:22px;font-weight:500;margin:8px 0 12px}.product-info p,.product-info li{font-size:12px;color:var(--muted)}.product-info ul{padding-left:18px;margin-top:20px}.fine-print{font-size:10px;color:#879198;margin-top:24px}.image-band{height:400px;position:relative;overflow:hidden;color:#fff}.image-band img{width:100%;height:100%;object-fit:cover;filter:brightness(.48)}.image-band-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding-left:14%}.image-band-overlay h2{font-size:clamp(32px,4vw,50px);font-weight:400;line-height:1.55;margin:12px 0}.image-band-overlay p:last-child{font-size:13px;color:#d3dce1}.process{background:#f7f7f4}.process-list{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;position:relative;margin-top:50px}.process-list:before{content:'';position:absolute;top:10px;left:0;right:0;height:1px;background:#cbd4d5}.process-list article{position:relative;padding-top:34px}.process-list article:before{content:'';position:absolute;top:4px;width:13px;height:13px;border-radius:50%;background:var(--gold);border:3px solid #f7f7f4;outline:1px solid var(--gold)}.process-list span,.future-grid span{font-size:9px;letter-spacing:.13em;color:#a17d3d}.process-list h3{font-size:16px;font-weight:500;margin:14px 0}.process-list p{font-size:12px;color:var(--muted)}.philosophy{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;background:#e8edec}.philosophy-image{height:540px;position:relative}.philosophy-image:after{content:'';position:absolute;inset:18px -18px -18px 18px;border:1px solid #b5c5c6;z-index:0}.philosophy-image img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}.philosophy-copy h2{font-size:clamp(34px,4vw,49px);font-weight:400;line-height:1.55;margin:25px 0}.philosophy-copy h2 span{color:#6e8d9c}.philosophy-copy p{font-size:13px;color:#586a74}.philosophy-copy blockquote{border-left:2px solid var(--gold);padding:3px 0 3px 20px;margin:28px 0 0;font-family:'Noto Serif JP',serif;font-size:16px;line-height:1.9}.director{background:#fff}.director-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:start;margin-top:36px}.director-photo{background:#e7ebeb;padding:14px}.director-photo img{width:100%;height:490px;object-fit:cover;object-position:center top;display:block}.photo-caption{font-size:8px;letter-spacing:.14em;color:#687b83;padding:12px 4px 2px}.director-bio .eyebrow{margin-top:4px}.director-bio h2{font-size:39px;font-weight:400;margin:8px 0 14px}.director-bio h3{font-size:25px;font-weight:500;margin:0}.director-bio h3 small{font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:.12em;color:#9c7b41;margin-left:12px}.director-bio p:not(.eyebrow){font-size:13px;color:#586a74}.director-quote{font-family:'Noto Serif JP',serif;font-size:18px!important;line-height:2;color:#243c4a!important;border-bottom:1px solid var(--line);padding-bottom:23px}.signature{font-family:'Noto Serif JP',serif;font-size:23px;margin-top:25px}.signature span{font-family:'Noto Sans JP',sans-serif;font-size:11px;color:#89959b;margin-left:12px}.future{background:#0c2b40;color:white}.future-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-top:30px}.future-top>p{max-width:340px;color:#b5c4cc;font-size:13px}.future-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:65px}.future-grid article{border-top:1px solid #526d7a;padding-top:20px}.future-grid h3{font-size:17px;font-weight:500;margin:15px 0}.future-grid p{font-size:12px;color:#b5c4cc}.contact{position:relative;background:#071b2b;color:white;overflow:hidden}.contact-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,31,.98),rgba(4,18,31,.76)),url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1800&q=85') center/cover}.contact-content{position:relative;z-index:1}.contact h2{font-size:clamp(43px,6vw,72px);font-weight:400;line-height:1.5;margin:28px 0}.contact-content>p{font-size:13px;color:#b8c8d1;margin-bottom:30px}.contact-details{display:flex;gap:70px;margin-top:55px;padding-top:25px;border-top:1px solid #ffffff35}.contact-details span{display:block;font-size:9px;letter-spacing:.17em;color:var(--gold)}.contact-details a,.contact-details p{font-size:12px;color:#e1e8eb}.footer{background:#04121e;color:#fff;padding:42px 5.5% 20px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:35px}.footer-main>p{font-size:12px;color:#a6b6c0}.footer-social{display:flex}.facebook-link{display:flex;align-items:center;gap:10px;font-size:12px;color:#dbe5e9}.facebook-link svg{width:32px;height:32px;display:block}.facebook-link b{font-weight:400;color:var(--gold);margin-left:8px}.footer-bottom{border-top:1px solid #ffffff24;padding-top:17px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#82949f;letter-spacing:.04em}.footer-bottom a{color:#c6d1d7}
@media(max-width:1000px){.header{padding:0 4%}.nav{gap:14px;font-size:10px}.section{padding:85px 7%}.hero-content{margin-left:8%}.service-card{padding:25px 20px}.director-grid{gap:6%}.product-grid{gap:14px}.product-info{padding:20px 18px}}
@media(max-width:760px){.header{height:72px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#071b2b;padding:20px 7% 28px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:13px 0;border-bottom:1px solid #ffffff20}.nav .nav-cta{margin-top:12px;padding:12px 14px;text-align:center}.hero{min-height:760px;height:auto}.hero-content{margin:0;padding:130px 7% 110px}.hero h1{font-size:56px}.hero-foot{top:calc(100% + 35px);gap:15px;flex-wrap:wrap}.hero-index{bottom:25px}.section{padding:70px 7%}.intro-grid,.philosophy,.director-grid{grid-template-columns:1fr;gap:35px}.intro-grid{margin-top:25px}.principles,.service-grid,.product-grid,.future-grid{grid-template-columns:1fr}.principles{gap:20px;margin-top:45px}.principles article{border-bottom:1px solid var(--line);padding-bottom:18px}.section-heading,.future-top{display:block}.section-heading>p,.future-top>p{margin-top:20px}.service-card{min-height:auto}.product-card img{height:230px}.image-band{height:360px}.image-band-overlay{padding:0 7%}.process-list{grid-template-columns:1fr 1fr;row-gap:35px}.process-list:before{display:none}.process-list article{border-top:1px solid #cbd4d5;padding-top:18px}.process-list article:before{top:-7px}.philosophy-image{height:350px;margin-right:15px}.director-photo{max-width:480px}.director-photo img{height:420px}.future-grid{gap:24px;margin-top:40px}.contact-details{flex-direction:column;gap:20px}.footer-main{align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column;gap:9px}.hero-actions{gap:20px;flex-wrap:wrap}}

/* Revised director framing and service detail navigation */
.director-photo img{object-position:25% 38%;}
.service-more{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding:9px 0 5px;color:#e7cf9b;border-bottom:1px solid #b69b62;font-size:12px;font-weight:600;letter-spacing:.04em;transition:color .2s,border-color .2s;}
.service-more:hover,.service-more:focus-visible{color:#fff;border-color:#fff;}
.service-more span{font-size:17px;}
.service-details{background:#eaf0f0;}
.service-details .section-heading>p{color:#586a74;}
.detail-list{border-top:1px solid #c5d0d2;}
.detail-card{scroll-margin-top:24px;display:grid;grid-template-columns:155px minmax(0,1fr) 95px;gap:32px;padding:35px 0;border-bottom:1px solid #c5d0d2;}
.detail-index{font-size:10px;letter-spacing:.14em;color:#9b7c42;padding-top:8px;}
.detail-main h3{font-size:24px;font-weight:500;margin:0 0 5px;}
.detail-main h4{font-size:16px;font-weight:500;margin:0 0 15px;color:#496c7b;}
.detail-main p{font-size:13px;color:#526671;line-height:2;max-width:820px;}
.detail-main .detail-meta{font-size:12px;margin:8px 0;}
.detail-contact{display:inline-block;margin-top:15px;padding:9px 14px;border:1px solid #b09a71;color:#26495a;font-size:12px;}
.detail-contact:hover{background:#0c2b40;color:#fff;}
.detail-back{font-size:11px;color:#627e89;align-self:start;text-align:right;}
@media(max-width:760px){.director-photo img{object-position:25% 35%;}.detail-card{grid-template-columns:1fr;gap:8px;padding:26px 0;}.detail-back{text-align:left;}.service-more{margin-top:18px;}}