:root{--orange:#ee751b;--ink:#202020;--muted:#737373;--paper:#faf9f7;--line:#dedbd7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.preview{padding:7px 5%;font-size:10px;letter-spacing:.16em;background:#242424;color:#fff}.preview span{margin-left:20px;letter-spacing:.06em;color:#ddd}header{height:100px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{width:150px;height:80px;overflow:hidden;display:flex;align-items:center}.brand img{width:150px;height:150px;object-fit:cover}nav{display:flex;align-items:center;gap:35px;font-size:12px;font-weight:600}.nav-contact{border:1px solid #aaa;border-radius:30px;padding:10px 22px}.nav-contact span{margin-left:20px}.hero{position:relative;margin:0 5%;padding:65px 0 45px;display:grid;grid-template-columns:1.05fr 1fr;gap:40px}.eyebrow{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.2em;font-weight:700;margin:0 0 32px}.eyebrow:before{content:"";width:7px;height:7px;background:var(--orange);display:inline-block;margin-right:10px}h1{font-size:clamp(40px,5.3vw,76px);line-height:1.36;letter-spacing:-.05em;font-weight:650;margin:0 0 28px}.dot{color:var(--orange)}.lead{font-size:14px;line-height:2.2}.draft{display:block;color:#777;font-size:10px;margin-top:15px}.button{display:inline-flex;gap:55px;align-items:center;border-bottom:1px solid #2b2b2b;padding:18px 0 10px;font-size:12px;font-weight:600;margin-top:25px}.button span{color:var(--orange);font-size:21px}.visual{overflow:hidden;min-height:465px;position:relative;background:linear-gradient(125deg,#f1eeea,#dfd9d2);display:flex;align-items:center;justify-content:center}.v-label{position:absolute;left:25px;top:24px;font:9px Arial;letter-spacing:.14em;color:#6a625b}.sculpture{width:270px;height:290px;position:relative;transform:rotate(-13deg)}.sculpture i{position:absolute;height:245px;width:75px;top:20px;background:linear-gradient(90deg,#333,#64615e 75%,#222);box-shadow:12px 16px 17px #4c372c24}.sculpture i:first-child{left:20px}.sculpture i:nth-child(2){left:101px;transform:skew(30deg);background:linear-gradient(90deg,#d4590f,#ff9a41 80%,#e16c1e);z-index:2}.sculpture i:nth-child(3){right:20px}.v-bottom{position:absolute;bottom:22px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between}.v-bottom span{font:bold 15px Arial;letter-spacing:.14em}.v-bottom small{font:8px Arial;letter-spacing:.12em}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;font:9px Arial;letter-spacing:.18em;margin-top:32px;color:#777}.section{padding:90px 5%;border-top:1px solid var(--line)}.section-label{display:flex;gap:18px;align-items:center;font:bold 10px Arial;letter-spacing:.16em;margin-bottom:35px}.number{color:var(--orange)}h2{font-size:30px;letter-spacing:.03em;line-height:1.5;margin:0}.about{display:grid;grid-template-columns:1fr 2fr;gap:30px}.about h2{font-size:16px;margin-bottom:30px}.large-copy{font-size:clamp(20px,2.5vw,31px);line-height:1.8;font-weight:500;margin:0 0 25px}.body-copy{max-width:560px;font-size:13px;color:#676360;line-height:2.2}.business{background:#f0eeeb}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.section-heading p{font-size:12px;color:#777}.business-list article{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c8c3be;padding:32px 0;gap:50px}.business-list article:last-child{border-bottom:1px solid #c8c3be}.business-title{display:flex;align-items:center;gap:22px}.index{font:11px Arial;color:var(--orange)}h3{font-size:21px;font-weight:550;margin:0}.arrow{margin-left:auto;font-size:26px;color:var(--orange)}.business-description p{font-size:12px;margin:0;color:#666}.business-description small{font-size:9px;color:#888}.company-layout{display:grid;grid-template-columns:1fr 2fr;gap:30px}dl{margin:0}dl>div{display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid var(--line);padding:19px 0;font-size:13px}dl>div:first-child{border-top:1px solid var(--line)}dt{color:#777}dd{margin:0}.placeholder{color:#8a8681;font-size:12px}.contact{margin:0 5% 65px;background:#252525;color:white;padding:55px 6%;display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.contact .eyebrow{margin-bottom:20px;color:#bbb}.contact h2{font-size:36px}.contact p{font-size:13px}.contact .contact-note{font-size:11px;color:#aaa}.contact-button{cursor:pointer;align-self:center;border:none;border-radius:0;background:var(--orange);color:#fff;padding:25px 30px;font-size:14px;display:flex;justify-content:space-between;gap:20px}.contact-button:hover{background:#d96111}#contact-status{grid-column:2;font-size:10px;color:#bbb;text-align:center}footer{padding:30px 5%;border-top:1px solid var(--line);display:flex;align-items:center;gap:35px}footer p,footer>span{font-size:9px;color:#888}footer>span{margin-left:auto}.footer-brand{font:bold 24px Arial;letter-spacing:-1px}.footer-brand span{color:var(--orange)}.footer-brand small{display:block;font-size:8px;font-weight:normal;letter-spacing:.1em}@media(min-width:1500px){body{max-width:1600px;margin:auto}}@media(max-width:760px){.preview{font-size:8px;letter-spacing:.05em}.preview span{display:block;margin:0;font-size:9px}header{height:78px}.brand{width:115px;height:65px}.brand img{width:115px;height:115px}nav{gap:15px;font-size:10px}nav>a:not(.nav-contact){display:none}.nav-contact{padding:7px 13px}.hero{padding-top:40px;grid-template-columns:1fr;gap:35px}.eyebrow{font-size:9px;margin-bottom:25px}h1{font-size:44px}.lead{font-size:12px}.button{margin-top:15px}.visual{min-height:330px}.sculpture{transform:scale(.8) rotate(-13deg)}.hero-bottom{margin-top:5px;font-size:8px}.section{padding:55px 6%}.about,.company-layout{grid-template-columns:1fr;gap:10px}.section-label{margin-bottom:25px}.about h2{margin-bottom:20px}.large-copy{font-size:21px}.body-copy{font-size:12px}h2{font-size:26px}.section-heading{display:block;margin-bottom:28px}.section-heading p{font-size:10px;margin-top:15px}.business-list article{grid-template-columns:1fr;gap:15px;padding:25px 0}h3{font-size:19px}.business-description{padding-left:35px}.company-layout h2{margin-bottom:20px}dl>div{grid-template-columns:85px 1fr;font-size:12px}.placeholder{font-size:11px}.contact{padding:35px 8%;grid-template-columns:1fr;gap:18px;margin-bottom:40px}.contact h2{font-size:29px}.contact-button{padding:20px}#contact-status{grid-column:1;margin:0}footer{flex-wrap:wrap;gap:12px 25px}footer>span{width:100%;margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.service-detail h4{font-size:14px;margin:0 0 8px;font-weight:650}.service-detail+.service-detail{margin-top:23px}.service-detail p{line-height:2}.business-description:has(.service-detail)>small{display:block;margin-top:20px}@media(max-width:760px){.service-detail h4{font-size:13px}.service-detail p{font-size:12px}}

/* Original high-resolution brand asset, cropped in layout without altering artwork. */
.brand,.footer-brand{display:block;position:relative;width:166px;height:auto;aspect-ratio:800/310;overflow:hidden;flex-shrink:0;mix-blend-mode:multiply}.brand img,.footer-brand img{position:absolute;width:127.875%;height:auto;max-width:none;left:-13.75%;top:-125.806%;object-fit:initial}.footer-brand{width:136px}@media(max-width:760px){.brand{width:132px;height:auto}.brand img{width:127.875%;height:auto}.footer-brand{width:120px}}

.brand img,.footer-brand img{filter:brightness(1.025)}

/* Concise service cards: one promise, one short explanation. */
.compact-business{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.compact-business article,.compact-business article:last-child{display:block;padding:30px 26px 32px;border:1px solid #dfdad4;background:#faf9f7}
.compact-business .index{display:block;font-size:9px;letter-spacing:.1em;margin-bottom:25px}
.compact-business h3{font-size:20px;line-height:1.5;letter-spacing:-.03em}
.compact-business .service-lead{font-size:14px;font-weight:600;line-height:1.7;margin:18px 0 12px;color:#a94c0b}
.compact-business .business-description{padding:0}
.compact-business .business-description p{font-size:13px;line-height:1.95;color:#625e59}
.business-draft{font-size:10px;color:#777;margin:18px 0 0}
@media(max-width:1000px) and (min-width:761px){.compact-business{gap:12px}.compact-business article{padding:25px 18px}.compact-business h3{font-size:17px}}
@media(max-width:760px){.compact-business{grid-template-columns:1fr;gap:12px}.compact-business article,.compact-business article:last-child{padding:23px 24px}.compact-business .index{margin-bottom:12px}.compact-business h3{font-size:20px}.compact-business .service-lead{margin:12px 0 8px;font-size:14px}.compact-business .business-description p{font-size:13px;line-height:1.85}.business-draft{font-size:9px}}

/* Refined corporate direction: quieter surfaces, clear type, disciplined spacing. */
:root{--paper:#fcfcfb;--ink:#22272b;--muted:#656b70;--line:#e2e4e4}
body{color:var(--ink);-webkit-font-smoothing:antialiased}
.preview{background:#eef0ef;color:#52595d;letter-spacing:.13em;padding:6px 5%}
.preview span{color:#6d7477}
header{height:104px;border-color:#e5e7e7}
nav{font-size:12px;gap:32px;color:#41484d}
.nav-contact{border-color:#cbd0d1;border-radius:2px;padding:10px 20px}
.hero{padding:78px 0 36px;gap:60px;align-items:center}
h1{font-size:clamp(42px,4.6vw,66px);font-weight:650;letter-spacing:-.045em;line-height:1.4}
.lead{font-size:15px;color:#515a60;line-height:2.15}
.eyebrow{font-size:10px;letter-spacing:.19em;color:#5e676c}
.hero .draft{font-size:9px;color:#8b9194;margin-top:19px}
.button{font-size:12px;margin-top:26px;padding-bottom:12px;border-color:#91999d}
.visual{min-height:470px;background:#edf0ef;border:1px solid #e2e7e5}
.visual:before{content:"";position:absolute;inset:30px;border:1px solid #d6dcd9}
.visual:after{content:"";position:absolute;height:2px;width:58px;background:var(--orange);bottom:30px;right:30px}
.sculpture{transform:scale(.9) rotate(0deg)}
.sculpture i{box-shadow:9px 13px 16px #1b2a2220;background:linear-gradient(90deg,#293135,#505a5d 75%,#252c30)}
.sculpture i:nth-child(2){background:linear-gradient(90deg,#db661c,#ee8b41 80%,#d5702d)}
.v-label{left:46px;top:46px;color:#717b7a;font-size:8px}
.v-bottom{bottom:46px;left:46px;right:46px}.v-bottom span{font-size:13px;color:#3f4a4a}.v-bottom small{color:#798280}
.hero-bottom{align-self:end;margin-top:28px;color:#8b9296}
.section{padding-top:96px;padding-bottom:96px}
.section-label{font-size:10px;letter-spacing:.17em;color:#566168}
.about{background:#fff;grid-template-columns:1fr 2fr}
.about h2{font-size:14px;color:#666f73;font-weight:500}
.large-copy{font-size:clamp(24px,2.4vw,34px);font-weight:600;line-height:1.7;letter-spacing:-.025em}
.body-copy{font-size:14px;line-height:2.15;color:#515c63;max-width:660px}
.business{background:#f2f4f3}
.section-heading{margin-bottom:36px}.section-heading p{color:#606b70}
h2{font-size:30px;font-weight:600;letter-spacing:-.025em}
.compact-business{gap:20px}
.compact-business article,.compact-business article:last-child{border:1px solid #e0e5e2;border-top:2px solid #c77536;background:#fff;padding:30px 28px 35px}
.compact-business .index{font-size:9px;color:#7d8588;margin-bottom:26px}
.compact-business h3{font-size:20px;font-weight:600;letter-spacing:-.04em}
.compact-business .service-lead{color:#855128;font-size:13px;font-weight:600;margin-top:20px}
.compact-business .business-description p{font-size:14px;line-height:1.95;color:#586269}
.business-draft{color:#899095;font-size:9px}
.company{background:#fff}
dl>div{padding:22px 0;font-size:14px}dt{color:#70797e}
.company .placeholder{font-size:11px;color:#858d92}
.contact{background:#263136;padding:58px 5%;margin-top:0;margin-bottom:64px;border-top:3px solid #bd7038}
.contact h2{font-size:32px;font-weight:600}.contact p{color:#d4dcdf}
.contact .contact-note{color:#adb9bf;line-height:2}
.contact-button{background:#e77b29;border-radius:2px;font-size:13px;font-weight:600;padding:23px 27px}
footer{background:#fff;padding-top:26px;padding-bottom:26px}
@media(max-width:1000px) and (min-width:761px){.hero{gap:35px}.visual{min-height:410px}.compact-business article,.compact-business article:last-child{padding:26px 20px}.compact-business h3{font-size:17px}}
@media(max-width:760px){
header{height:82px}.preview{font-size:8px}.preview span{font-size:8px}
.hero{padding-top:45px;gap:30px}h1{font-size:42px;line-height:1.45}.lead{font-size:13px}
.visual{min-height:290px}.visual:before{inset:22px}.visual:after{right:22px;bottom:22px;width:40px}
.sculpture{transform:scale(.65)}.v-label{top:34px;left:34px;font-size:7px}.v-bottom{bottom:34px;left:34px;right:34px}.v-bottom span{font-size:11px}.v-bottom small{font-size:7px}
.section{padding-top:58px;padding-bottom:58px}.large-copy{font-size:24px}.body-copy{font-size:14px;line-height:2.05}
h2{font-size:27px}.section-heading p{font-size:11px}
.compact-business{gap:15px}.compact-business article,.compact-business article:last-child{padding:25px 25px 27px}
.compact-business .index{margin-bottom:15px}.compact-business h3{font-size:20px}
.compact-business .service-lead{font-size:13px;margin-top:14px}.compact-business .business-description p{font-size:14px;line-height:1.9}
dl>div{font-size:13px;padding:19px 0}.contact{padding:36px 7%;margin-bottom:40px}.contact h2{font-size:28px}
}

/* Approved FLOW: continuous rightward wave, frameless on the page background. */
.hero{overflow:hidden;position:relative}
.flow-visual{display:block;position:relative;min-height:0;aspect-ratio:1.15;background:transparent;border:0;overflow:visible;isolation:auto}
.flow-visual:before,.flow-visual:after{display:none}
.flow-canvas{display:block;position:absolute;left:10%;top:30%;width:80%;height:auto;aspect-ratio:810/370;z-index:3}
.flow-wave{position:absolute;width:150%;height:35%;left:-25%;top:42%;border-radius:48%;border-top:1px solid #d7976730;opacity:.2;transform:rotate(-20deg);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);animation:flowLine 20s ease-in-out infinite}
@keyframes flowLine{0%,100%{translate:-1% 4%;rotate:-4deg}50%{translate:3% -8%;rotate:4deg}}
.motion-toggle{grid-column:2;justify-self:end;background:none;border:0;border-bottom:1px solid #c6cbcb;color:#71797d;padding:5px 0;font-size:10px;cursor:pointer}
.paused .flow-wave{animation-play-state:paused}
@media(max-width:760px){.flow-visual{aspect-ratio:1.65;min-height:0;margin:-4px 0 0}.flow-canvas{width:86%;left:7%;top:24%}.hero{gap:20px}.motion-toggle{grid-column:1}}
@media(prefers-reduced-motion:reduce){.flow-wave{animation:none}.motion-toggle{display:none}}

@media(max-width:760px){.about,.company-layout{grid-template-columns:1fr}.about{gap:10px}.about .section-label{margin-bottom:15px}}
