/* Layout measured against Apple's Japanese homepage; LangLink content and assets. */
.home-ribbon{min-height:72px;display:block;padding-block:15px}.hero-stack{display:grid;gap:12px;margin-bottom:12px}.product-tile{position:relative;overflow:hidden;text-align:center;isolation:isolate}.full-tile{height:692px}.tile-copy{position:relative;z-index:2;padding:50px 20px 0;pointer-events:none}.tile-copy a{pointer-events:auto}.tile-copy h1,.tile-copy h2{font-size:56px;font-weight:600;line-height:1.125;letter-spacing:-.005em}.tile-copy p{font-size:28px;line-height:1.3;margin-top:8px;letter-spacing:0}.hero-art{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:block;width:640px}.book-duo{display:flex;justify-content:center;align-items:center;gap:28px}.cover{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}.hero-art .cover{width:260px;box-shadow:0 14px 60px rgba(0,0,0,.16)}.hero-art .workshop{transform:translateY(24px);border:1px solid #252525}.hero-art .textbook{transform:translateY(-8px)}.otomap-art{position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);width:min(900px,80%);border:8px solid #1d1d1f;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 12px 50px rgba(0,0,0,.13)}.otomap-art img{width:100%;height:385px;object-fit:cover;object-position:top}.workshop-tile .tile-copy{padding-top:50px}.workshop-art{position:absolute;left:0;right:0;top:161px;margin:auto;width:min(1100px,92%)}.book-fan{display:flex;justify-content:center;align-items:center;gap:0;padding-block:16px}.fan-book{flex:0 0 152px;margin-left:-10px;position:relative}.fan-book:first-child{margin-left:0}.fan-book .cover{box-shadow:0 12px 35px rgba(0,0,0,.18)}.fan-2,.fan-6{transform:translateY(14px)}.fan-3,.fan-5{transform:translateY(28px)}.fan-4{transform:translateY(38px)}.tile-bottom{position:absolute;bottom:44px;left:20px;right:20px;z-index:2}.tile-bottom p{font-size:24px;line-height:1.4}.promo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 12px 12px}.promo-tile{height:580px}.promo-tile .tile-copy{padding-top:48px}.promo-tile .tile-copy h2{font-size:40px;line-height:1.15}.promo-tile .tile-copy p{font-size:21px;margin-top:8px}.promo-tile .site-button{font-size:14px;min-height:36px;padding:7px 16px;line-height:20px}.single-book-art{position:absolute;width:200px;bottom:27px;left:50%;transform:translateX(-50%)}.single-book-art .cover{box-shadow:0 12px 40px rgba(0,0,0,.12)}.page-art{position:absolute;display:block;width:min(440px,76%);height:338px;bottom:-20px;left:50%;transform:translateX(-50%);padding:0;border:0;background:#fff;box-shadow:0 12px 36px rgba(0,0,0,.08);cursor:zoom-in;overflow:hidden}.page-art img{width:100%;height:auto}.three-books{position:absolute;left:50%;transform:translateX(-50%);bottom:36px;display:flex;align-items:center;width:min(510px,80%);gap:10px}.three-books .cover{width:calc((100% - 20px)/3);height:auto;border:1px solid #222}.three-books .cover:nth-child(2){transform:translateY(-18px)}.method-art{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:75%;max-width:390px;text-align:left}.method-art>div{display:grid;grid-template-columns:50px 1fr auto;align-items:center;padding:18px 0;border-bottom:1px solid #d2d2d7;gap:10px}.method-art b{font-size:24px;color:#0071e3;font-weight:600}.method-art strong{font-size:21px;font-weight:600}.method-art span{font-size:14px;color:#6e6e73}.method-art i{display:block;font-style:normal;text-align:center;font-size:16px;color:#6e6e73;padding:4px}.member-art{position:absolute;width:420px;max-width:80%;bottom:30px;left:50%;transform:translateX(-50%)}.member-art .book-duo{gap:18px}.member-art .cover{width:calc(50% - 9px);max-width:175px;box-shadow:0 10px 25px rgba(0,0,0,.12)}.member-art .workshop{transform:translateY(18px)}.home-gallery{padding:0 0 28px}.home-gallery .scroll-rail{scroll-padding-inline:calc((100% - min(980px,86vw))/2);padding-inline:calc((100% - min(980px,86vw))/2);gap:16px}.gallery-slide{width:min(980px,86vw);height:480px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:56px 64px;overflow:hidden}.gallery-copy{max-width:360px}.gallery-copy>span:first-child{color:#6e6e73;font-size:17px}.gallery-copy h2{font-size:38px;line-height:1.16;font-weight:600;margin:12px 0 18px}.gallery-copy p{font-size:17px;line-height:1.6}.gallery-link{display:inline-block;margin-top:20px;color:#0066cc;font-size:17px}.gallery-slide .book-duo{width:45%;gap:16px;flex-shrink:0}.gallery-slide .cover{width:calc(50% - 8px);box-shadow:0 12px 25px rgba(0,0,0,.1)}.home-gallery .carousel-controls{justify-content:center;margin:8px 24px 0}
@media(min-width:1600px){.hero-art{width:780px}.hero-art .cover{width:275px}.otomap-art{width:980px}}
@media(max-width:1068px) and (min-width:768px){.full-tile{height:650px}.tile-copy h1,.tile-copy h2{font-size:48px}.tile-copy p{font-size:24px}.hero-art .cover{width:235px}.otomap-art{width:85%}.otomap-art img{height:360px}.fan-book{flex-basis:120px;margin-left:-17px}.promo-tile .tile-copy h2{font-size:32px}.promo-tile .tile-copy p{font-size:19px}.method-art{width:85%}.method-art strong{font-size:18px}.method-art span{font-size:12px}.gallery-slide{padding:40px}.gallery-copy h2{font-size:32px}}
@media(max-width:767px){.home-ribbon{min-height:92px;padding:16px 34px}.hero-stack{gap:12px}.full-tile{height:500px}.tile-copy{padding:37px 20px 0}.tile-copy h1,.tile-copy h2{font-size:32px;line-height:36px}.tile-copy p{font-size:19px;line-height:1.35;max-width:340px;margin:8px auto 0}.hero-art{width:100%;bottom:32px}.book-duo{gap:16px}.hero-art .cover{width:150px}.hero-art .workshop{transform:translateY(15px)}.hero-art .textbook{transform:translateY(-5px)}.otomap-art{width:620px;max-width:none;bottom:24px;border-width:5px;border-radius:14px}.otomap-art img{height:250px;object-fit:cover}.workshop-tile .tile-copy{padding-top:39px}.workshop-tile .tile-copy h2{font-size:29px}.workshop-art{top:139px;width:100%;padding-inline:15px}.fan-book{flex-basis:98px;margin-left:-11px}.fan-2,.fan-4,.fan-6{display:none}.fan-3,.fan-5{transform:translateY(18px)}.tile-bottom{bottom:33px}.tile-bottom p{font-size:19px;line-height:1.35}.promo-grid{grid-template-columns:1fr;padding-inline:0}.promo-tile{height:500px}.promo-tile .tile-copy{padding-top:39px}.promo-tile .tile-copy h2{font-size:32px}.promo-tile .tile-copy p{font-size:19px}.single-book-art{width:175px;bottom:24px}.page-art{height:290px;width:78%;bottom:-22px}.three-books{bottom:37px;width:86%;gap:8px}.method-art{bottom:30px;width:82%}.method-art>div{padding:13px 0;grid-template-columns:38px 1fr auto;gap:7px}.method-art strong{font-size:20px}.method-art span{font-size:13px}.member-art{bottom:35px;max-width:82%}.member-art .cover{max-width:150px}.gallery-slide{height:480px;width:86vw;display:flex;flex-direction:column;justify-content:space-between;padding:32px 24px;gap:24px;text-align:center}.gallery-copy{max-width:100%}.gallery-copy>span:first-child{font-size:13px}.gallery-copy h2{font-size:24px;margin:8px 0 10px}.gallery-copy p{font-size:14px}.gallery-link{font-size:14px;margin-top:10px}.gallery-slide .book-duo{width:100%;max-width:260px;gap:16px}.gallery-slide .cover{max-width:116px;width:calc(50% - 8px)}.home-gallery .scroll-rail{gap:12px}}
@media(max-width:360px){.hero-art .cover{width:132px}.hero-art{bottom:42px}.workshop-tile .tile-copy h2{font-size:26px}.fan-book{flex-basis:83px}.method-art strong{font-size:18px}.method-art span{font-size:12px}}
