
:root{--paper:#171b20;--ink:#e9e6df;--accent:#b86b44;--display:'Space Grotesk';--body:'IBM Plex Sans';--panel:#e9e6df;--panel-ink:#171b20}
.u-header{display:flex;align-items:center;gap:38px;padding:25px 4%;border-bottom:1px solid #75858c50}.u-logo{font:700 24px var(--display);letter-spacing:-.07em;margin-right:auto}.u-logo span{display:block;font:9px var(--body);letter-spacing:.18em;margin-top:6px}.u-header nav{display:flex;gap:25px;font-size:12px}.action{display:inline-flex;gap:15px;align-items:center;justify-content:space-between;min-height:48px;padding:14px 20px;border:1px solid #b86b44;background:#b86b44;color:#10151b;font-size:13px;font-weight:600}.action:hover{background:#d08a60}.u-header>.action{max-width:230px}.u-assembly{height:145vh;min-height:900px;--progress:0}.u-stage{position:sticky;top:0;height:100svh;min-height:650px;max-height:1050px;display:grid;grid-template-columns:52px 1fr 1.05fr;gap:4%;padding:40px 4% 55px;isolation:isolate;overflow:clip}.u-datum{display:flex;align-items:center;flex-direction:column;gap:30px;color:#b86b44;font:9px var(--body);letter-spacing:.1em}.u-datum span{writing-mode:vertical-rl}.u-datum i{flex:1;border-left:1px solid #b86b44}.u-title{align-self:center;position:relative;z-index:2;transform:translateY(calc(var(--progress)*-55px))}.u-title .eyebrow{color:#b5c0c6;max-width:310px}.u-title h1{font-size:clamp(50px,6.6vw,105px);line-height:1.02;letter-spacing:-.065em;margin-top:35px}.u-second{font:400 clamp(37px,4.7vw,74px)/1.06 var(--display);letter-spacing:-.055em;max-width:620px;color:#b86b44;margin:8px 0 28px}.u-title>p:not(.eyebrow){font-size:15px;max-width:340px;color:#bec5c7}.u-scroll{display:inline-block;margin-top:36px;font-size:10px;letter-spacing:.09em;border-bottom:1px solid #b86b44;padding-bottom:10px}.u-visual{position:relative;align-self:stretch;perspective:1000px;isolation:isolate}.u-photo{position:absolute;inset:0;overflow:clip;transform:translateY(calc(var(--progress)*-35px)) scale(calc(1.03 + var(--progress)*.08));transform-origin:center}.u-photo img{filter:saturate(.3) brightness(.7);object-position:45% 45%}.u-photo .photo-label{z-index:5}.u-plane{position:absolute;background:#171b20;box-shadow:0 0 0 1px #75858c55;pointer-events:none;transition:none}.u-plane-a{left:-24%;top:18%;width:115%;height:17%;transform:translate(calc(55px - var(--progress)*120px),calc(var(--progress)*-110px)) rotate(calc(-5deg + var(--progress)*8deg));background:#20272de0}.u-plane-b{right:8%;top:0;width:19%;height:105%;transform:translate(calc(var(--progress)*110px),calc(90px - var(--progress)*170px));background:#222930ce}.u-wire{position:absolute;inset:5% -5% 0 -15%;width:110%;height:90%;color:#d68b5e;opacity:calc(.2 + var(--progress)*.8);transform:translateY(calc(70px - var(--progress)*140px)) rotateY(calc(12deg - var(--progress)*24deg))}.u-visual-note{position:absolute;right:12px;top:15px;font:9px var(--body);letter-spacing:.09em;background:#171b20c9;padding:9px}.u-expertise{background:#e9e6df;color:#171b20;padding:100px 8%;display:grid;grid-template-columns:1fr 1.25fr;gap:9%}.u-section-label h2{white-space:pre-line;font-size:clamp(32px,3.9vw,57px);line-height:1.1;letter-spacing:-.04em;margin-top:30px}.u-service{border-top:1px solid #171b2050;padding:25px 0}.u-service:last-child{border-bottom:1px solid #171b2050}.u-service summary{display:grid;grid-template-columns:28px 1fr 25px;gap:16px;list-style:none;cursor:pointer}.u-service summary::-webkit-details-marker{display:none}.u-service summary>span{font-size:10px;padding-top:5px;color:#8a442b}.u-service h3{font-size:clamp(22px,2.25vw,34px);letter-spacing:-.035em;line-height:1.2}.u-service summary b{font-size:22px;font-weight:400}.u-service[open] summary b{transform:rotate(45deg)}.u-service>div{padding:24px 0 0 44px}.u-service p{font-size:14px;max-width:420px}.u-service .action{background:transparent;margin-top:22px;color:#171b20;border-color:#171b2060;font-weight:400}.u-preparation{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:90px 8%;background:#253039}.u-construction{height:620px;position:relative;overflow:clip}.u-construction img{transform:translateY(calc(var(--progress)*-60px)) scale(1.15);filter:saturate(.55)}.u-preparation>div{align-self:center}.u-preparation h2{white-space:pre-line;font-size:clamp(34px,3.5vw,52px);line-height:1.15;letter-spacing:-.04em;margin:25px 0}.u-preparation p{font-size:15px;color:#c4cccf}.u-preparation ol{list-style:none;counter-reset:prepare;margin:35px 0 0;padding:0}.u-preparation li{counter-increment:prepare;border-top:1px solid #75858c66;padding:20px 0;font-size:14px}.u-preparation li:before{content:'0'counter(prepare);display:inline-block;width:40px;color:#d99c78;font-size:10px}.u-office{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:95px 8%;background:#e9e6df;color:#171b20}.u-office h2{font-size:clamp(40px,4.5vw,67px);white-space:pre-line;line-height:1.07;letter-spacing:-.05em;margin:26px 0}.u-office address{font-size:15px;align-self:center}.u-contacts{display:grid;gap:10px;margin:25px 0}.u-contacts a{text-decoration:underline;overflow-wrap:anywhere}.u-office address p{font-size:11px;max-width:300px}.brand-uckuner footer{border-top:1px solid #75858c55}.brand-uckuner .inquiry-sheet{border-left:7px solid #b86b44}.brand-uckuner .inquiry-content form{border-top:1px solid #171b20;padding-top:28px}.brand-uckuner .inquiry-content button[type=submit]{background:#171b20;color:#e9e6df}
@media(max-width:1000px){.u-header{gap:20px}.u-header>.action{display:none}.u-stage{grid-template-columns:20px 1fr 1fr;gap:3%;padding-inline:4%}.u-title h1{font-size:7.1vw}.u-second{font-size:5.3vw}.u-expertise{gap:5%;padding:65px 6%}.u-preparation{gap:6%;padding:65px 6%}.u-construction{height:520px}}
@media(max-width:700px){.u-header{padding:20px 6%;gap:16px}.u-header{flex-wrap:wrap}.u-header nav{order:3;width:100%;font-size:11px;gap:24px}.u-logo{font-size:23px}.u-logo span{font-size:8px}.u-assembly{height:auto;min-height:0}.u-stage{position:relative;padding:30px 6% 35px;display:block;min-height:0;height:auto;max-height:none}.u-datum{display:none}.u-title{max-width:100%;transform:translateY(calc(var(--progress)*-20px));z-index:4}.u-title .eyebrow{font-size:9px}.u-title h1{font-size:13.2vw;margin-top:22px}.u-second{font-size:10.6vw;max-width:95%;line-height:1.04}.u-title>p:not(.eyebrow){font-size:13px;max-width:90%;margin:18px 0}.u-scroll{margin-top:0;font-size:9px}.u-visual{height:300px;width:75%;margin:32px 0 0 auto}.u-photo{inset:0}.u-photo img{object-position:center 44%}.u-plane-a{height:14%;left:-30%;width:135%}.u-wire{width:115%;left:-20%}.u-visual-note{font-size:7px}.u-photo .photo-label{font-size:8px;bottom:8px;left:8px}.u-expertise{grid-template-columns:1fr;padding:55px 6%;gap:36px}.u-section-label h2{font-size:35px}.u-service{padding:22px 0}.u-service>div{padding-left:0}.u-service h3{font-size:25px}.u-preparation{display:flex;flex-direction:column;padding:50px 6%;gap:35px}.u-construction{height:360px;width:100%}.u-preparation h2{font-size:34px}.u-preparation p{font-size:14px}.u-office{grid-template-columns:1fr;padding:55px 6%;gap:40px}.u-office h2{font-size:40px}.u-office>.action{max-width:100%}}
@media(prefers-reduced-motion:reduce){.u-title,.u-photo,.u-plane,.u-wire,.u-construction img{transform:none!important}.u-assembly{height:auto;min-height:0}.u-stage{position:relative}.u-wire{opacity:.5}}
