:root{--blue:#2146ce;--ink:#252b32;--muted:#66707b;--line:#d9dfe7}*{box-sizing:border-box}body{margin:0;background:white;color:var(--ink);font-family:Manrope,'Segoe UI',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.top,main{max-width:1440px;margin:auto;padding-left:56px;padding-right:56px}.top{height:79px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.small-brand{display:flex;gap:13px;align-items:center}.small-brand svg{width:27px;height:31px;color:var(--blue)}.small-brand>span{font-size:10px;line-height:1.65;color:#65717e}.top nav{display:flex;gap:33px;font-size:12px;font-weight:500}.top nav a:hover{color:var(--blue)}.top-action{font-size:12px;font-weight:600;color:var(--blue);display:flex;gap:28px;align-items:center}.top-action>span{font-size:24px;font-weight:400}.wordmark{position:relative;display:block;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;color:var(--blue);font-size:clamp(88px,14.1vw,203px);line-height:1.05;letter-spacing:-.065em;padding-top:8px;padding-bottom:18px;border-bottom:1px solid var(--line);white-space:nowrap}.wordmark-corner{display:inline-block;width:30px;height:30px;border-top:6px solid var(--blue);border-right:6px solid var(--blue);margin-left:20px;vertical-align:top;margin-top:33px}.atelier{display:grid;grid-template-columns:1fr 1.55fr .86fr;gap:40px;padding-top:35px;padding-bottom:23px}.left-column{padding-top:25px}.heading-tick{width:27px;height:27px;border-top:3px solid var(--blue);border-left:3px solid var(--blue);margin-bottom:19px}h1{font-size:42px;line-height:1.05;letter-spacing:-.057em;font-weight:700;margin:0 0 24px}.intro{font-size:12px;line-height:1.85;color:var(--muted);max-width:250px;margin-bottom:37px}.purpose{max-width:255px}.field-label{display:block;font-size:10px;color:var(--muted);margin-bottom:13px}.purpose>a{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid var(--line);font-size:13px;font-weight:500}.purpose>a:last-child{border-bottom:1px solid var(--line)}.purpose>a>span{font-size:19px;color:var(--blue)}.purpose>a:hover{color:var(--blue)}.maker-note{display:flex;align-items:center;gap:14px;margin-top:32px}.maker-note>p{font-size:10px;color:var(--muted);line-height:1.7;margin:0}.mini-door{width:18px;height:30px;border:1px solid var(--blue);border-bottom:0;position:relative}.mini-door:after{content:'';position:absolute;left:5px;right:4px;top:5px;bottom:0;border:1px solid var(--blue);border-bottom:0}.object-stage{height:530px;position:relative;background:#fff;overflow:hidden}.object-stage>img{width:100%;height:100%;object-fit:contain}.frame-tick{position:absolute;width:22px;height:22px;border-color:var(--blue);border-style:solid;border-width:0;z-index:2}.tl{top:8px;left:5px;border-top-width:2px;border-left-width:2px}.tr{top:8px;right:5px;border-top-width:2px;border-right-width:2px}.bl{bottom:8px;left:5px;border-bottom-width:2px;border-left-width:2px}.br{bottom:8px;right:5px;border-bottom-width:2px;border-right-width:2px}.object-label{position:absolute;top:23px;left:19px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.8px;color:var(--blue)}.callout{position:absolute;right:3px;top:58%;display:flex;gap:9px;align-items:center;background:#fffffff0;padding:6px 8px;font-size:9px;color:var(--muted);border-bottom:1px solid #b9c7e9}.callout-dot{height:6px;width:6px;background:var(--blue);border-radius:100%}.model-strip{margin-top:14px;padding:15px 4px;border-top:2px solid var(--blue);display:flex;justify-content:space-between;gap:25px;align-items:center}.model-strip div>span{display:block;font-size:9px;color:var(--muted);margin-bottom:5px}.model-strip strong{font-size:13px;font-weight:600}.model-arrow{font-size:26px;color:var(--blue);font-weight:400}.right-column{padding-top:27px}.detail{margin:0}.detail>img{width:100%;height:204px;object-fit:cover;object-position:45% center}.detail figcaption{border-top:1px solid var(--blue);margin-top:13px;padding-top:10px}.detail figcaption>span{display:block;color:var(--blue);font-size:10px;margin-bottom:9px}.detail figcaption strong{display:block;font-size:15px;font-weight:600;line-height:1.6;letter-spacing:-.025em}.construction{margin-top:30px}.construction>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid var(--line);font-size:11px}.construction>div:last-child{border-bottom:1px solid var(--line)}.construction>div>span{color:var(--muted)}.construction strong{font-weight:500}.sample-note{font-size:9px;line-height:1.8;color:var(--muted);margin-top:17px}.bottom-line{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:19px 0 26px;gap:25px}.bottom-line>div{display:flex;gap:18px;align-items:center}.bottom-symbol{font-family:Oswald,sans-serif;font-weight:500;font-size:39px;color:var(--blue);line-height:1}.bottom-line p{font-size:10px;line-height:1.75;color:var(--muted);margin:0}.bottom-line strong{font-weight:500;color:var(--ink)}.catalog-link{display:flex;align-items:center;gap:48px;background:var(--blue);padding:16px 24px;min-height:51px;color:white;font-size:12px}.catalog-link>span{font-size:22px}.catalog-link:hover{background:#1637b0}@media(max-width:1100px){.top,main{padding-left:32px;padding-right:32px}.atelier{gap:24px;grid-template-columns:1fr 1.4fr .85fr}h1{font-size:35px}.object-stage{height:470px}.detail>img{height:165px}.wordmark{font-size:14vw}.wordmark-corner{width:23px;height:23px;margin-left:17px;margin-top:23px}.top nav{gap:21px}.intro{font-size:11px}.detail figcaption strong{font-size:13px}}
@media(max-width:760px){.top,main{padding-left:20px;padding-right:20px}.top{height:65px;gap:15px}.top nav{display:none}.small-brand>span{font-size:8px}.small-brand svg{width:22px;height:28px}.small-brand{gap:9px}.top-action{font-size:10px;gap:15px}.top-action>span{font-size:20px}.wordmark{font-size:14vw;letter-spacing:-.06em;padding-top:11px;padding-bottom:14px;line-height:1.1}.wordmark-corner{width:11px;height:11px;border-width:3px;margin-left:8px;margin-top:10px}.atelier{display:grid;grid-template-columns:1fr;gap:23px;padding-top:20px;padding-bottom:20px}.left-column{padding:0;position:relative;display:grid;grid-template-columns:1fr;gap:0}.heading-tick{position:absolute;right:0;top:0;width:19px;height:19px;border-width:2px}h1{font-size:33px;line-height:1.06;margin-bottom:15px;max-width:280px}.intro{font-size:11px;line-height:1.8;margin:0 0 18px;max-width:270px}.purpose{display:flex;align-items:center;gap:0;max-width:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.purpose>.field-label{display:none}.purpose>a{flex:1;padding:11px 0;border:0!important;font-size:10px;min-height:44px;gap:6px;justify-content:start}.purpose>a:nth-child(3){padding-left:8px}.purpose>a:nth-child(4){padding-left:13px}.purpose>a>span{font-size:15px}.maker-note{display:none}.object-stage{height:402px}.object-stage>img{object-fit:contain}.object-label{font-size:8px;left:16px;top:20px}.frame-tick{width:17px;height:17px}.callout{font-size:8px;right:0;top:60%;max-width:105px}.model-strip{margin-top:10px;padding:13px 0}.model-strip strong{font-size:12px}.model-strip div>span{font-size:9px}.model-arrow{font-size:23px}.right-column{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail>img{height:155px;object-position:42% center}.detail figcaption{margin-top:10px;padding-top:9px}.detail figcaption>span{font-size:9px}.detail figcaption strong{font-size:11px;line-height:1.65}.construction{margin-top:0}.construction .field-label{font-size:9px;margin-bottom:14px}.construction>div{font-size:10px;gap:8px;padding:13px 0}.sample-note{grid-column:1/-1;margin:0;font-size:9px;line-height:1.8}.bottom-line{display:block;padding-top:18px;padding-bottom:24px}.bottom-line>div{margin-bottom:17px}.bottom-symbol{font-size:32px}.catalog-link{justify-content:space-between;width:100%;font-size:12px;padding:15px 20px;min-height:52px}.bottom-line p{font-size:10px}.top-action{min-height:44px}}@media(max-width:360px){.top,main{padding-left:16px;padding-right:16px}.wordmark-corner{margin-left:7px;width:9px;height:9px;margin-top:9px}.wordmark{font-size:14vw}h1{font-size:31px}.object-stage{height:365px}.purpose>a{font-size:9px}.right-column{gap:15px}.construction>div{font-size:9px}.detail>img{height:140px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
