@font-face{font-family:'MODO Diverse';src:url('assets/fonts/diverse-c-light.woff2') format('woff2');font-style:normal;font-weight:300;font-display:swap}
:root{--ink:#000;--paper:#fff;--brown:#211511;--heading:'MODO Diverse','Helvetica Neue',Arial,sans-serif;--body:'MODO Diverse','Helvetica Neue',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body.modo-page{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-weight:300}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #b67e4e;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-100px;padding:12px;background:#fff;z-index:1000}.skip-link:focus{top:16px}.modo-hero{position:relative;width:100%;aspect-ratio:488/316;background:#383827;overflow:hidden}.modo-slides,.modo-slide{position:absolute;inset:0}.modo-slide{opacity:0;visibility:hidden;transition:opacity 900ms ease,visibility 900ms}.modo-slide.is-active{opacity:1;visibility:visible;z-index:1}.hero-image{display:block;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;color:white;text-shadow:0 1px 12px #0006;font-family:var(--heading)}.hero-about,.hero-language{position:absolute;top:4.9%;font-size:clamp(9px,1.4vw,21px);text-decoration:none}.hero-about{left:2.45%}.hero-language{right:2.45%}.hero-logo{position:absolute;top:3.55%;left:50%;transform:translateX(-50%);width:6.4%}.hero-logo img{display:block;width:100%;height:auto}.hero-coming{position:absolute;left:50%;bottom:3.5%;transform:translateX(-50%);text-align:center;font-size:clamp(11px,1.84vw,28px);line-height:1.18}.baked-about{position:absolute;left:1.5%;top:3%;width:9%;height:8%}.baked-logo{position:absolute;left:46%;top:2%;width:8%;height:16%}.hero-controls{position:absolute;z-index:3;right:2.1%;bottom:3.3%;display:flex;align-items:center;gap:3px;color:#fff;filter:drop-shadow(0 1px 3px #0008)}.hero-controls[hidden]{display:none}.hero-controls button{border:0;color:inherit;background:transparent;min-width:28px;min-height:28px;padding:5px;font-size:14px}.hero-dots{display:flex}.hero-dots button{min-width:24px;padding:6px}.hero-dots span{display:block;width:8px;height:8px;border:1px solid white;border-radius:50%}.hero-dots [aria-pressed=true] span{background:white}.section-heading{font-family:var(--heading);font-weight:300;text-align:center}.section-heading p{font-size:1.46vw;line-height:1.31;letter-spacing:-.0146vw;margin:0}.section-heading h2{font-size:2.174vw;line-height:1.31;font-weight:300;letter-spacing:-.0217vw;margin:0}.modo-intro{padding:8.1967vw 0 5.3279vw}.section-copy{width:65.5738%;margin:2.2541vw auto 0;font-size:1.44365vw;line-height:1.45;letter-spacing:-.0144vw;text-align:center}.section-copy p{margin:0}.intro-triptych{display:grid;grid-template-columns:146fr 145fr 145fr;width:89.3443%;margin:5.3279vw auto 0;aspect-ratio:436/181}.modo-photo{position:relative;overflow:hidden;background:#c6c6c6}.modo-photo img{position:absolute;display:block;max-width:none}.modo-photo.custom img{inset:0;width:100%;height:100%;object-fit:cover}.photo-intro_light.original img{width:290.25%;height:132.044%;left:-142.032%;top:-6.63%}.photo-intro_stairs.original img{width:101.3793%;height:122.0994%;left:-.6897%;top:-12.7072%;object-fit:cover}.photo-intro_wood.original img{width:163.93%;height:196.1326%;left:-30.387%;top:-52.486%;object-fit:fill}.modo-core{position:relative;aspect-ratio:488/251}.photo-core{position:absolute;inset:0}.photo-core.original img{width:112.295%;height:272.51%;left:-9.426%;top:-91.235%;object-fit:cover}.modo-core .section-heading{position:absolute;top:3.2787vw;left:0;right:0}.modo-roppongi{padding:6.35246vw 0 10.86065vw}.modo-roppongi .section-copy{margin-top:3.27869vw}.photo-roppongi{width:83.1967%;aspect-ratio:406/213;margin:4.09836vw auto 0}.photo-roppongi.original img{width:122.048%;height:130.927%;left:-22.1675%;top:-25.9495%;object-fit:cover}.modo-footer{height:29.5082vw;background:var(--brown);padding:6.5574vw 5.3279vw}.modo-footer a{display:block;width:5.123vw;margin-inline:auto}.modo-footer img{display:block;width:100%;height:auto}.modo-edit-link{position:fixed;z-index:100;right:20px;bottom:20px;background:#211511;color:#fff;border:1px solid #ffffff50;border-radius:4px;padding:12px 18px;font:300 13px var(--body);text-decoration:none;box-shadow:0 2px 15px #0002}@media(min-width:1800px){.hero-controls{gap:8px}.hero-controls button{font-size:18px;min-width:36px;min-height:36px}}@media(max-width:600px){.modo-hero{aspect-ratio:488/316}.hero-controls{bottom:2%;right:1%;gap:0}.hero-controls button{min-width:24px;padding:3px}.hero-dots button{min-width:20px}.section-heading p{font-size:11px}.section-heading h2{font-size:18px;line-height:1.5}.section-copy{font-size:13px;line-height:1.6;width:83%;letter-spacing:0;margin-top:20px}.modo-intro{padding:38px 0 24px}.intro-triptych{margin-top:28px;width:89.34%}.modo-core .section-heading{top:16px}.modo-core .section-heading p{font-size:10px}.modo-core .section-heading h2{font-size:16px}.modo-roppongi{padding:32px 0 44px}.modo-roppongi .section-copy{margin-top:20px}.photo-roppongi{margin-top:24px}.modo-footer{height:150px;padding:28px 24px}.modo-footer a{width:25px}.modo-edit-link{bottom:12px;right:12px;padding:10px 13px}.hero-coming{font-size:11px}.hero-about,.hero-language{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.modo-slide{transition:none}}

.hero-overlay{z-index:2;pointer-events:none;font-weight:300;text-shadow:none}.hero-overlay a{pointer-events:auto}.hero-logo{width:6.35%}.hero-about,.hero-language{font-size:1.4vw}.hero-coming{font-size:1.84vw}.section-copy{font-weight:300}.hero-logo img,.modo-footer img{object-fit:contain}@media(max-width:600px){.hero-about,.hero-language{font-size:8px}.hero-coming{font-size:11px}}

/* Staff visual review: shared typography and aligned header. */
.hero-logo{width:1.905%}
.hero-about,.hero-language{top:3.55%;font-size:17px;line-height:1;text-box-trim:trim-start;text-box-edge:cap alphabetic}
.hero-coming{font-size:17px}
.hero-dots button{display:grid;place-items:center}


/* Fixed 60px header and four-letter formation. */
:root{--page-edge:max(16px,2.45vw)}
.modo-header{--header-top:21.5px;--bar-top:0px;--bar-height:60px;--header-fill:0;position:fixed;inset:0 0 auto;z-index:100;height:calc(var(--bar-top) + 60px);color:#fff;font-family:var(--body);font-weight:300;pointer-events:none}
.modo-header::before{content:"";position:absolute;top:var(--bar-top);left:0;right:0;height:60px;background:#211511;opacity:var(--header-fill)}
.header-about,.header-language{position:absolute;top:var(--header-top);font-size:17px;line-height:1;text-box-trim:trim-start;text-box-edge:cap alphabetic;text-decoration:none}
.header-about{left:var(--page-edge);pointer-events:auto}.header-language{right:var(--page-edge)}
.modo-brand{position:absolute;left:50%;top:0;width:var(--brand-width,88px);height:var(--brand-height,110.71px);transform:translate3d(-50%,var(--brand-y,calc(32.37705vw - 55.355px)),0);pointer-events:auto;will-change:transform}
.modo-brand .modo-brand-letter{position:absolute;left:0;top:0;display:block;width:var(--letter-width);height:var(--letter-height);transform:translate3d(var(--letter-x),var(--letter-y),0);object-fit:fill;max-width:none;will-change:transform}
.hero-coming{left:var(--page-edge);bottom:var(--page-edge);transform:none;text-align:left;font-size:17px;line-height:1.6}
#about,#roppongi{scroll-margin-top:80px}
@media(prefers-reduced-motion:reduce){.modo-brand,.modo-brand-letter{will-change:auto}}