:root{--ink:#11110f;--paper:#ece9e1;--paper2:#e7e2d7;--gold:#a98b50;--line:rgba(17,17,15,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
header.siteHeader{position:absolute;z-index:30;top:0;left:0;right:0;height:132px;padding:14px 3.2vw 0;display:grid;grid-template-columns:190px 1fr;grid-template-rows:46px 56px;color:#f3f0e9;background:linear-gradient(180deg,rgba(4,5,4,.72),rgba(4,5,4,.18));border-bottom:1px solid rgba(255,255,255,.26)}.siteLogo{grid-row:1/3;display:flex;align-items:center;width:165px}.siteLogo img{width:100%;height:auto;display:block}.headerUtility{grid-column:2;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.26);font-size:11px}.headerUtility .utilityLeft{display:flex;gap:34px}.headerUtility .utilityRight{margin-left:auto;display:flex;align-items:baseline;gap:16px}.headerUtility .utilityRight span{font-size:10px}.headerUtility .utilityRight b{font-size:20px;letter-spacing:.06em}.topnav{grid-column:2;display:flex;justify-content:flex-end;align-items:center;gap:27px;font-size:13px;font-weight:600;letter-spacing:.015em;white-space:nowrap}.topnav a{opacity:.96}.topnav>a:last-child{color:#e3bf53}.navHall{position:relative;display:flex;align-items:center;height:100%}.navHallTrigger{display:inline-flex;align-items:center;gap:7px;height:100%;cursor:pointer}.navHallTrigger:after{content:"＋";font-size:11px;font-weight:400;opacity:.75;transition:.2s}.navHall:hover .navHallTrigger:after,.navHall:focus-within .navHallTrigger:after{transform:rotate(45deg)}.hallDropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:470px;padding:24px 26px 22px;background:#f3f0e9;color:#171715;border-top:3px solid #b99a55;box-shadow:0 18px 46px rgba(0,0,0,.18);opacity:0;visibility:hidden;pointer-events:none;transition:.18s;display:grid;grid-template-columns:1fr 1fr;column-gap:34px;z-index:60}.navHall:hover .hallDropdown,.navHall:focus-within .hallDropdown{opacity:1;visibility:visible;pointer-events:auto}.hallDropdown .dropHead{grid-column:1/3;display:flex;justify-content:space-between;align-items:end;padding-bottom:15px;margin-bottom:7px;border-bottom:1px solid rgba(17,17,15,.22)}.hallDropdown .dropHead small{font-size:8px;letter-spacing:.18em;color:#9a7b42}.hallDropdown .dropHead b{font:500 18px Georgia,"Yu Mincho",serif}.hallDropdown a{display:grid;grid-template-columns:26px 1fr;gap:8px;padding:11px 0;border-bottom:1px solid rgba(17,17,15,.11);font-size:12px;font-weight:600;opacity:1}.hallDropdown a em{font-style:normal;font-size:8px;color:#9a7b42;padding-top:2px}.hallDropdown .dropContact{grid-column:1/3;margin-top:10px;border-bottom:0;padding:13px 0 2px;display:flex;justify-content:space-between;font:600 13px/1.4 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}.hero{min-height:100vh;position:relative;color:white;background:url('../images/hero/hall-empty.webp') center/cover no-repeat;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.66),rgba(0,0,0,.17) 54%,rgba(0,0,0,.3))}.heroMeta{position:absolute;z-index:2;left:4vw;bottom:7vh}.heroMeta h1{font:400 clamp(64px,10vw,150px)/.82 Georgia,serif;letter-spacing:-.07em;margin:0}.heroMeta p{font-size:9px;letter-spacing:.23em;margin:20px 0 0}.moveCard{position:absolute;z-index:4;right:4vw;bottom:5vh;width:min(430px,40vw);display:grid;grid-template-columns:145px 1fr 24px;background:rgba(18,18,16,.89);color:white;border-top:1px solid rgba(255,255,255,.45)}.moveCard img{width:145px;height:126px;object-fit:cover}.moveText{padding:19px}.moveText small{font-size:8px;letter-spacing:.17em;color:#d8bb78}.moveText b{font:500 19px/1.4 Georgia,"Yu Mincho",serif;display:block;margin:8px 0}.moveText p{font-size:10px;margin:0;color:#c9c6bf}.arrow{align-self:center}.info{display:grid;grid-template-columns:100px 1fr auto;gap:34px;padding:28px 5vw;border-bottom:1px solid var(--line);background:#f3f0e9}.infoLabel{font:400 28px Georgia,serif;color:#976649;letter-spacing:.18em}.infoRows a{display:grid;grid-template-columns:105px 1fr;gap:22px;padding:6px 0;font-size:11px}.infoRows time{color:#9a958c}.viewall{align-self:center;font-size:9px;letter-spacing:.15em}.about{min-height:900px;position:relative;background:#f2efe8;overflow:hidden}.about img{position:absolute;object-fit:cover}.imgA{left:4vw;top:130px;width:30vw;height:365px}.imgB{right:4vw;top:92px;width:24vw;height:260px}.imgC{left:30vw;bottom:58px;width:24vw;height:245px}.aboutCopy{position:absolute;left:57vw;top:280px;width:30vw;min-height:480px}.aboutCopy small,.sectionEyebrow{font-size:8px;letter-spacing:.18em;color:#97763f}.aboutVertical{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:26px;margin-top:18px;align-items:flex-start}.aboutVertical h2{writing-mode:vertical-rl;text-orientation:mixed;font:500 clamp(36px,3.55vw,54px)/1.45 Georgia,"Yu Mincho",serif;letter-spacing:.05em;margin:0;max-height:430px}.aboutVertical .subVertical{writing-mode:vertical-rl;text-orientation:mixed;font:500 clamp(18px,1.6vw,24px)/1.8 Georgia,"Yu Mincho",serif;letter-spacing:.08em;margin-top:18px;color:#302e29}.aboutCopy p{font-size:11px;line-height:2;max-width:360px;margin:24px 0 0}.textlink{display:inline-flex;gap:30px;margin-top:20px;padding-bottom:8px;border-bottom:1px solid;font-size:11px}.events{padding:90px 0 0;background:#f4f1ea}.eventsHead{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;padding:0 5vw 42px;align-items:end}.eventsHead h2{font:400 clamp(40px,5vw,70px)/1 Georgia,serif;margin:10px 0}.eventRail{display:flex;gap:20px;padding:0 5vw 55px;overflow:hidden}.event{flex:0 0 255px;background:#fff}.eventPoster{height:320px;background:linear-gradient(135deg,#ddd,#fafafa);display:grid;place-items:center;font:500 22px Georgia,serif;color:#777}.eventBody{padding:18px}.eventBody time{display:inline-block;background:#111;color:white;padding:7px 9px;font-size:8px;letter-spacing:.1em}.eventBody h3{font:500 15px/1.6 Georgia,"Yu Mincho",serif;min-height:48px}.calendarCTA{height:185px;display:grid;place-items:center;border-top:1px solid rgba(17,17,15,.08);border-bottom:1px solid var(--line)}.calendarCTA a{font:500 16px Georgia,"Yu Mincho",serif;display:flex;gap:34px;align-items:center}.round{width:34px;height:34px;background:white;border-radius:50%;display:grid;place-items:center}.timelineWrap{display:grid;grid-template-columns:260px minmax(0,1fr);background:var(--paper2)}.side{border-right:1px solid var(--line)}.sideIn{position:sticky;top:0;min-height:100vh;padding:80px 34px 35px;display:flex;flex-direction:column}.sideIn>small{font-size:9px;letter-spacing:.19em;color:#8f7138;font-weight:700}.side nav{display:flex;flex-direction:column;margin-top:23px}.side nav a{display:grid;grid-template-columns:30px 1fr;padding:12px 0;border-bottom:1px solid rgba(17,17,15,.10);font-size:10px;font-weight:500;color:#928c81;transition:.18s}.side nav a:hover{padding-left:5px;color:#11110f}.side nav span{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:14px;font-weight:600;letter-spacing:.02em;color:#171715}.sideContact{margin-top:22px;border-bottom:1px solid;padding:16px 0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:14px;font-weight:600;display:flex;justify-content:space-between}.timeMark{margin-top:auto;font-size:7px;letter-spacing:.15em;color:#937642}.timeMark i{display:block;width:1px;height:58px;margin:9px 0 9px 8px;background:linear-gradient(#555,#bd9e54)}.current{padding:90px 6vw 100px}.index{font-size:8px;letter-spacing:.18em;border-top:1px solid;padding-top:13px}.lead{display:grid;grid-template-columns:.95fr 1.05fr;gap:5vw;align-items:center;padding:50px 0 62px}.lead small{font-size:8px;letter-spacing:.18em;color:#937642}.lead h2{font:500 clamp(40px,4.2vw,64px)/1.24 Georgia,"Yu Mincho",serif;margin:15px 0 20px}.lead p{font-size:12px;line-height:2;max-width:450px}.lead img{width:100%;height:530px;object-fit:cover}.gallery{display:grid;grid-template-columns:1fr .72fr .9fr;gap:18px;align-items:start;padding-bottom:85px}.gallery img{width:100%;object-fit:cover}.gallery img:nth-child(1){height:320px}.gallery img:nth-child(2){height:235px;margin-top:70px}.gallery img:nth-child(3){height:285px;margin-top:20px}.spec{display:grid;grid-template-columns:.85fr 1fr auto;gap:38px;align-items:end;padding:45px 0;border-block:1px solid var(--line)}.spec h3{font:500 34px/1.35 Georgia,"Yu Mincho",serif;margin:10px 0}.spec p{font-size:11px;line-height:1.9}.guide{display:grid;grid-template-columns:1fr 1fr;padding-top:38px}.guide a{display:grid;grid-template-columns:34px 1fr auto;gap:13px;padding:27px 22px 27px 0;border-bottom:1px solid var(--line)}.guide a:nth-child(odd){border-right:1px solid var(--line);padding-right:28px}.guide a:nth-child(even){padding-left:28px}.guide small{font-size:8px;color:#9a7d44}.guide h3{font:500 20px Georgia,"Yu Mincho",serif;margin:0 0 8px}.guide p{font-size:10px;color:#777168;margin:0}.possibilities{padding:52px 0 72px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.possibilitiesVisual{position:relative;height:430px;overflow:hidden;background:#111}.possibilitiesVisual img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(.92) brightness(.72)}.possibilitiesVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.56) 0%,rgba(0,0,0,.18) 55%,rgba(0,0,0,.08) 100%)}.possibilitiesTitle{position:absolute;z-index:2;left:40px;bottom:38px;color:#f4f0e7}.possibilitiesTitle .sectionEyebrow{color:#d6b86d}.possibilitiesTitle h3{font:500 48px/1.22 Georgia,"Yu Mincho",serif;margin:12px 0 0}.possibilitiesBody{padding:34px 0 0}.possibilitiesIntro{font:500 12px/2 Georgia,"Yu Mincho",serif;margin:0 0 28px;max-width:780px}.useTags{display:flex;gap:28px;flex-wrap:wrap;padding:16px 0 23px;border-block:1px solid var(--line)}.useTags span{font:italic 600 19px/1 Georgia,serif;letter-spacing:.035em}.specHighlights{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.specItem{min-height:150px;padding:26px 22px 24px 0;border-right:1px solid var(--line)}.specItem:not(:first-child){padding-left:24px}.specItem:last-child{border-right:0}.specItem small{display:block;font:italic 600 11px/1.2 Georgia,serif;letter-spacing:.09em;color:#9a7d44}.specItem strong{display:block;font:italic 500 35px/1.15 Georgia,serif;margin:17px 0 8px;white-space:nowrap}.specItem strong em{font-size:13px;font-style:normal;margin-left:5px}.specItem strong.equipmentText{font:500 21px/1.35 "Yu Mincho","Hiragino Mincho ProN",serif;white-space:normal}.specItem p{font-size:9px;color:#777168;margin:0}.possibilitiesLink{display:flex;justify-content:space-between;align-items:center;margin-top:26px;padding:13px 0;border-bottom:1px solid #111;font:500 12px/1.4 "Yu Mincho","Hiragino Mincho ProN",serif}.possibilitiesLink span{font-family:Georgia,serif}.story{padding:76px 5vw 88px;background:#f0ede6}.storyTop{display:grid;grid-template-columns:220px minmax(0,1fr);gap:5vw;align-items:start}.num{display:flex;align-items:flex-end;gap:12px}.num b{font:400 clamp(128px,13vw,190px)/.78 Georgia,serif;letter-spacing:-.08em}.num span{font-size:8px;line-height:1.5;letter-spacing:.17em;color:#98793f;padding-bottom:11px}.storyCopy{max-width:690px;padding-top:8px}.storyCopy h2{font:500 clamp(32px,3.15vw,48px)/1.45 Georgia,"Yu Mincho",serif;margin:14px 0 19px}.storyCopy p{font-size:12px;line-height:2;max-width:640px}.storyActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.storyActions .storyButton{margin-top:0}.storyButton{display:inline-flex;align-items:center;justify-content:center;margin-top:22px;padding:13px 20px;border:1px solid #171715;font-size:11px;letter-spacing:.03em;transition:.2s}.storyButton:hover{background:#171715;color:#f3f0e9}.storyCards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.storyCard{background:#f7f4ed;border:1px solid rgba(17,17,15,.08)}.storyCard img{width:100%;height:205px;object-fit:cover}.storyCardBody{padding:18px 20px 20px}.storyCardBody small{font-size:7px;letter-spacing:.16em;color:#98793f}.storyCardBody h3{font:600 18px/1.45 Georgia,"Yu Mincho",serif;margin:10px 0 7px}.storyCardBody p{font-size:10px;line-height:1.8;color:#68635a;margin:0}.miniLink{display:inline-block;margin-top:12px;padding-bottom:4px;border-bottom:1px solid;font-size:9px}.messagePanel{display:grid;grid-template-columns:1.1fr 1fr 1fr;margin-top:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.messageLead{padding:28px 28px 28px 0}.messageLead small{font-size:7px;letter-spacing:.16em;color:#98793f}.messageLead h3{font:600 19px/1.55 Georgia,"Yu Mincho",serif;margin:14px 0 0}.ownerLink{display:grid;grid-template-columns:104px 1fr;gap:18px;align-items:center;padding:20px;border-left:1px solid var(--line);transition:.2s}.ownerLink:hover{background:#e8e3d8}.ownerLink img{width:104px;height:104px;object-fit:cover}.ownerLink p{font-size:10px;line-height:1.8;margin:0}.ownerLink span{display:block;margin-top:8px;font-size:8px;color:#98793f}.future{display:grid;grid-template-columns:1.05fr .95fr;min-height:760px;background:#8d8872;color:#f5f1e9}.futureImg{position:relative}.futureImg img{width:100%;height:100%;object-fit:cover}.futureImg small{position:absolute;bottom:17px;left:18px;background:rgba(255,255,255,.86);color:#111;padding:7px 9px;font-size:8px}.futureCopy{padding:95px 6vw;display:flex;flex-direction:column;justify-content:center}.futureCopy small{color:#ead075;letter-spacing:.15em}.futureCopy h2{font:500 clamp(44px,4.6vw,72px)/1.33 Georgia,"Yu Mincho",serif;margin:22px 0}.futureDate{font-weight:600;font-size:18px;padding:18px 0;border-block:1px solid rgba(255,255,255,.28)}.futureCopy p{font-size:12px;line-height:2}.footer{background:#111;color:#efebe3;padding:75px 6vw 45px}.footer h2{font:400 clamp(55px,7vw,104px)/.82 Georgia,serif;margin:0}.footerBottom{border-top:1px solid #ffffff32;margin-top:60px;padding-top:25px;font-size:9px;letter-spacing:.14em;display:flex;justify-content:space-between}
.currentNotice{min-height:64px;background:#cfad4e;color:#11120f;display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;padding:10px 7vw 11px;position:relative;z-index:5}.currentNoticeMain{display:flex;align-items:center;gap:28px}.currentNoticeMain small{font-size:9px;letter-spacing:.12em}.currentNoticeMain p{display:flex;align-items:baseline;gap:12px;margin:0}.currentNoticeMain strong{color:white;font:700 31px/1 Arial,sans-serif;letter-spacing:-.04em}.currentNoticeMain span{font-size:13px;font-weight:700}.currentNoticeAction{display:flex;align-items:center;gap:30px}.currentNoticeAction b{font-size:12px}.currentNoticeAction b:before{content:"";display:inline-block;width:7px;height:7px;margin-right:10px;border-radius:50%;background:#a98b50;box-shadow:0 0 0 3px rgba(17,17,15,.08)}.currentNoticeAction a{min-width:205px;display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid rgba(17,17,15,.45);border-bottom:1px solid rgba(17,17,15,.45);font-size:11px;font-weight:700}.futureHandoff{position:relative;min-height:92px;background:#f0ede6;border-top:1px solid rgba(17,17,15,.04);display:grid;grid-template-columns:260px minmax(0,1fr)}.futureHandoff:before{content:"";position:absolute;left:259px;top:0;bottom:0;width:1px;background:#b6974f}.futureHandoff p{grid-column:2;margin:0;padding:28px 5vw 24px;text-align:right;align-self:center;font:500 20px/1.5 Georgia,"Yu Mincho",serif;letter-spacing:.01em}.futureBridge{position:relative;z-index:3;min-height:92px;background:#e0bf55;color:#11120f;display:grid;grid-template-columns:minmax(0,1.25fr) 280px;gap:56px;align-items:end;padding:22px 7vw 14px calc(260px + 66px);margin-bottom:0}.futureBridge:before{content:"";position:absolute;left:259px;top:-1px;width:1px;height:1px;background:#b6974f}.futureBridge:after{content:"";position:absolute;left:248px;top:50%;width:20px;height:20px;transform:translateY(-50%);border-radius:50%;background:#10110f;border:4px solid #f1eee6;box-shadow:0 0 0 1px #806d3d}.futureBridge small{display:block;font-size:7px;letter-spacing:.17em;margin-bottom:6px}.futureBridge strong{display:block;font-size:22px;line-height:1.2}.futureBridge a{display:flex;justify-content:space-between;padding:12px 0;border-block:1px solid rgba(17,17,15,.38);font-size:10px;font-weight:700}.future{width:100%;}.futureCopy h2{font-size:clamp(38px,4vw,60px)}
@media(min-width:761px){
.storyCopy>p{margin-left:auto;margin-right:auto;text-align:center;}
.storyActions{justify-content:center;}
}
@media(max-width:760px){header.siteHeader{height:70px;padding:0 5vw;display:flex}.siteLogo{width:112px}.headerUtility{display:none}.topnav{display:none}.currentNotice{grid-template-columns:1fr;padding:12px 6vw}.currentNoticeMain{display:block}.currentNoticeMain small{display:none}.currentNoticeMain strong{font-size:27px}.currentNoticeAction{justify-content:space-between;gap:14px}.currentNoticeAction b{font-size:10px}.currentNoticeAction a{min-width:145px;font-size:9px}.futureHandoff{display:none}.futureBridge{grid-template-columns:1fr;padding:16px 6vw 16px 58px}.futureBridge a{display:none}.futureBridge:before{display:none}.futureBridge:after{left:18px}header{height:70px}.topnav a:not(.cta){display:none}.hero{min-height:88vh}.heroMeta{bottom:190px}.moveCard{left:4vw;right:4vw;bottom:30px;width:auto;grid-template-columns:88px 1fr 20px}.moveCard img{width:88px;height:96px}.moveText{padding:13px}.moveText b{font-size:15px}.moveText p{display:none}.info{grid-template-columns:1fr;padding:26px 6vw}.viewall{display:none}.about{min-height:900px}.imgA{left:6vw;top:65px;width:46vw;height:245px}.imgB{right:6vw;top:175px;width:38vw;height:210px}.imgC{right:7vw;left:auto;bottom:30px;width:44vw;height:185px}.aboutCopy{left:8vw;top:400px;width:84vw;min-height:450px}.aboutVertical{gap:18px}.aboutVertical h2{font-size:34px;max-height:380px}.aboutVertical .subVertical{font-size:17px;line-height:1.7}.aboutCopy p{max-width:55vw;font-size:10px}.navHall{display:none}.eventsHead{grid-template-columns:1fr}.eventRail{overflow-x:auto}.event{flex-basis:74vw}.timelineWrap{display:block}.side{position:sticky;top:0;z-index:10;background:rgba(231,226,215,.96);overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.sideIn{position:static;min-height:0;padding:10px 5vw;display:block;white-space:nowrap}.sideIn>small,.sideContact,.timeMark{display:none}.side nav{display:flex;flex-direction:row;gap:18px;margin:0}.side nav a{display:inline-flex;gap:5px;border:0}.current{padding:65px 6vw}.lead{grid-template-columns:1fr;gap:30px;padding:38px 0 55px}.lead h2{font-size:42px}.lead img{height:320px}.gallery{grid-template-columns:1fr 1fr}.gallery img:nth-child(1){height:220px}.gallery img:nth-child(2){height:175px;margin-top:42px}.gallery img:nth-child(3){grid-column:1/3;height:210px;margin:0}.spec{grid-template-columns:1fr}.guide{grid-template-columns:1fr}.guide a:nth-child(odd){border-right:0;padding-right:0}.guide a:nth-child(even){padding-left:0}.possibilities{padding:38px 0 54px}.possibilitiesVisual{height:300px}.possibilitiesTitle{left:22px;bottom:24px}.possibilitiesTitle h3{font-size:34px}.possibilitiesIntro{font-size:11px;line-height:1.9}.useTags{gap:18px}.useTags span{font-size:16px}.specHighlights{grid-template-columns:1fr 1fr}.specItem{min-height:132px;padding:22px 16px 20px 0}.specItem:nth-child(2){border-right:0;padding-left:16px}.specItem:nth-child(3){border-top:1px solid var(--line)}.specItem:nth-child(4){border-top:1px solid var(--line);border-right:0;padding-left:16px}.specItem strong{font-size:28px}.specItem strong.equipmentText{font-size:18px}.story{padding:62px 6vw 72px}.storyTop{grid-template-columns:1fr;gap:18px}.num b{font-size:125px}.storyCopy{padding-top:0}.storyCopy h2{font-size:32px}.storyCards{grid-template-columns:1fr;margin-top:34px}.storyCard img{height:220px}.messagePanel{grid-template-columns:1fr}.messageLead{padding:24px 0}.ownerLink{border-left:0;border-top:1px solid var(--line);padding:18px 0}.ownerLink img{width:92px;height:92px}.future{grid-template-columns:1fr}.futureImg{min-height:390px}.futureCopy{padding:70px 6vw}.futureCopy h2{font-size:39px}.footer h2{font-size:55px}}

/* 2026-09-02 visual refinement: ABOUT vertical typography + soft image fade */
.about{min-height:860px}
.about img{filter:saturate(.86) contrast(.94) brightness(1.05);opacity:.92}
.about img{mask-image:linear-gradient(to bottom,rgba(0,0,0,.95) 0%,rgba(0,0,0,.95) 72%,rgba(0,0,0,.22) 100%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.95) 0%,rgba(0,0,0,.95) 72%,rgba(0,0,0,.22) 100%)}
.imgA{left:4vw;top:112px;width:28vw;height:340px}
.imgB{right:4vw;top:72px;width:21vw;height:218px}
.imgC{left:28vw;bottom:42px;width:22vw;height:226px}
.aboutCopy{left:56vw;top:225px;width:34vw;min-height:430px;z-index:3}
.aboutVertical{gap:22px;margin-top:16px}
.mainVertical{display:flex;flex-direction:row-reverse;gap:15px;align-items:flex-start}
.mainVertical span,.mainVertical strong{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.06em;margin:0}
.mainVertical span{font:500 clamp(26px,2.45vw,38px)/1.55 Georgia,"Yu Mincho",serif}
.mainVertical strong{font:500 clamp(30px,2.8vw,42px)/1.5 Georgia,"Yu Mincho",serif}
.aboutVertical .subVertical{display:flex;flex-direction:row-reverse;gap:7px;margin-top:12px;font:500 clamp(15px,1.25vw,19px)/1.8 Georgia,"Yu Mincho",serif;letter-spacing:.07em;color:#37342f}
.aboutVertical .subVertical span{writing-mode:vertical-rl;text-orientation:mixed}
.aboutCopy p{margin-top:20px;max-width:390px}
.futureImg{position:relative;overflow:hidden}
.futureImg img{filter:saturate(.78) contrast(.88) brightness(1.07)}
.futureImg:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(236,233,225,.74) 0%,rgba(236,233,225,.48) 14%,rgba(236,233,225,.12) 34%,rgba(236,233,225,0) 52%),linear-gradient(90deg,rgba(236,233,225,.10),transparent 22%,transparent 78%,rgba(236,233,225,.10))}
.futureImg small{position:absolute;left:18px;bottom:16px;z-index:2;background:rgba(243,240,233,.9);padding:7px 9px}
@media(max-width:850px){.about{min-height:auto;padding:64px 6vw 72px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.about img{position:relative;inset:auto!important;width:100%!important;height:220px!important}.about .imgC{grid-column:1/3}.aboutCopy{position:relative;inset:auto;width:auto;min-height:0;grid-column:1/3;grid-row:1}.aboutVertical{justify-content:flex-start}.mainVertical span{font-size:27px}.mainVertical strong{font-size:31px}.aboutVertical .subVertical{font-size:15px}.futureImg:after{background:linear-gradient(to bottom,rgba(236,233,225,.68),rgba(236,233,225,.16) 38%,transparent 58%)}}

/* 2026-09-02 responsive polish */
.mobileMenuButton,.mobileMenu{display:none}
/* New Hall render: intentionally treated as a soft concept visual, not a definitive finished view */
.futureImg img{opacity:.48;filter:saturate(.48) contrast(.72) brightness(1.22)}
.futureImg:after{background:linear-gradient(to bottom,rgba(242,239,232,.96) 0%,rgba(242,239,232,.86) 18%,rgba(242,239,232,.60) 38%,rgba(242,239,232,.26) 58%,rgba(242,239,232,.10) 76%,rgba(242,239,232,.18) 100%),linear-gradient(90deg,rgba(242,239,232,.42) 0%,rgba(242,239,232,.12) 24%,rgba(242,239,232,.10) 74%,rgba(242,239,232,.45) 100%)}
.moveCard{overflow:hidden}.moveCard img{filter:saturate(.58) contrast(.78) brightness(1.15);opacity:.68}.moveCard:before{content:"";position:absolute;left:0;top:0;width:145px;height:100%;z-index:2;pointer-events:none;background:linear-gradient(to bottom,rgba(243,240,233,.70),rgba(243,240,233,.20) 70%,rgba(243,240,233,.08))}
@media(max-width:760px){
  header.siteHeader{height:68px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(4,5,4,.78),rgba(4,5,4,.22));}
  .siteLogo{width:118px;height:auto;grid-row:auto}
  .mobileMenuButton{display:flex;margin-left:auto;width:42px;height:42px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:6px;padding:8px;z-index:80}
  .mobileMenuButton span{display:block;width:26px;height:1.5px;background:#fff;margin-left:auto}
  .mobileMenu{display:block;position:fixed;inset:0;background:rgba(18,18,16,.96);color:#f4f1ea;z-index:100;opacity:0;visibility:hidden;pointer-events:none;transition:.22s}
  .mobileMenu.isOpen{opacity:1;visibility:visible;pointer-events:auto}
  .mobileMenuInner{padding:24px 7vw 42px;overflow:auto;height:100%}
  .mobileMenuTop{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:17px;margin-bottom:12px}.mobileMenuTop small{font-size:9px;letter-spacing:.2em;color:#d6b558}.mobileMenuClose{border:0;background:none;color:#fff;font-size:34px;font-weight:200;line-height:1}
  .mobileMenuInner>a,.mobileMenu summary{display:block;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.14);font:500 18px/1.4 Georgia,"Yu Mincho",serif;list-style:none}.mobileMenu summary::-webkit-details-marker{display:none}.mobileMenu summary:after{content:"＋";float:right;font:400 18px sans-serif}.mobileMenu details[open] summary:after{content:"−"}.mobileHallLinks{padding:5px 0 12px 14px}.mobileHallLinks a{display:block;padding:11px 0;font:500 13px/1.4 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#ddd8ce}
  .hero{min-height:82svh}.heroMeta{bottom:150px}.heroMeta h1{font-size:58px}.heroMeta p{font-size:8px}
  .moveCard{bottom:20px;left:5vw;right:5vw}.moveCard:before{width:88px}.moveCard img{opacity:.58}
  .currentNotice{min-height:58px;padding:7px 5vw;display:flex;align-items:center;justify-content:space-between;gap:12px}.currentNoticeMain{display:flex;align-items:baseline;gap:8px}.currentNoticeMain p{display:flex;align-items:baseline;gap:7px;margin:0}.currentNoticeMain strong{font-size:24px;line-height:1}.currentNoticeMain span{font-size:9px}.currentNoticeAction{margin-left:auto}.currentNoticeAction b{display:none}.currentNoticeAction a{min-width:0;padding:8px 0;font-size:8px;border:0}
  .about{padding:44px 6vw 62px;display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:auto}
  .about .imgA{grid-column:1/3;grid-row:1;width:100%!important;height:190px!important;object-position:center 38%;opacity:.64;mask-image:linear-gradient(to bottom,#000 52%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 52%,transparent 100%)}
  .aboutCopy{grid-column:1/3;grid-row:2;position:relative;inset:auto;width:auto;min-height:0;margin-top:-20px;z-index:2}
  .aboutVertical{justify-content:flex-start;gap:12px;margin-top:12px;min-height:310px}.mainVertical{display:flex;flex-direction:row-reverse;gap:8px}.mainVertical span{font-size:23px!important;line-height:1.45}.mainVertical strong{font-size:27px!important;line-height:1.45}.aboutVertical .subVertical{font-size:13px!important;line-height:1.65;margin-top:12px}
  .aboutCopy p{max-width:100%;font-size:10px;line-height:1.85;margin-top:16px}.aboutCopy .textlink{margin-top:14px}
  .about .imgB,.about .imgC{grid-row:3;width:100%!important;height:170px!important;opacity:.72;mask-image:linear-gradient(to bottom,#000 64%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 64%,transparent 100%)}.about .imgB{grid-column:1}.about .imgC{grid-column:2}
  .storyCard:first-child img{height:235px;object-position:center 55%}
  .futureImg{min-height:330px;background:#efebe3}.futureImg img{opacity:.24;filter:saturate(.35) contrast(.62) brightness(1.34)}.futureImg:after{background:linear-gradient(to bottom,rgba(242,239,232,.99),rgba(242,239,232,.92) 25%,rgba(242,239,232,.70) 48%,rgba(242,239,232,.36) 72%,rgba(242,239,232,.26) 100%)}
  .futureBridge{min-height:64px;padding:11px 5vw 11px 54px}.futureBridge strong{font-size:17px}.futureBridge small{font-size:6px;margin-bottom:4px}.futureBridge:after{left:17px;width:18px;height:18px}
}


/* 2026-09-02: relocation image + nav final adjustment */
/* NEW HALL: show lower portion clearly, obscure uncertain upper details with black fade */
.futureImg img{opacity:1!important;filter:none!important}
.futureImg:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.82) 0%,rgba(0,0,0,.68) 14%,rgba(0,0,0,.42) 30%,rgba(0,0,0,.18) 46%,rgba(0,0,0,.05) 60%,rgba(0,0,0,0) 74%)!important}
/* HERO relocation card: keep the rendering photo completely normal */
.moveCard img{opacity:1!important;filter:none!important}
.moveCard:before{display:none!important}
@media(max-width:760px){
  .futureImg img{opacity:1!important;filter:none!important}
  .futureImg:after{background:linear-gradient(to bottom,rgba(0,0,0,.86) 0%,rgba(0,0,0,.68) 18%,rgba(0,0,0,.38) 38%,rgba(0,0,0,.12) 58%,rgba(0,0,0,0) 76%)!important}
  .moveCard img{opacity:1!important;filter:none!important}
}

/* 2026-09-02 header nav color + utility alignment */
@media(min-width:761px){
  .headerUtility .utilityLeft{margin-left:100px;}
  .topnav>a[href="joshin.html"]{color:#e3bf53!important;}
  .topnav>a[href="faq.html"]{color:#f3f0e9!important;}
}
.mobileMenuInner>a[href="joshin.html"]{color:#e3bf53;}
.mobileMenuInner>a[href="faq.html"]{color:#f4f1ea;}


/* OSU building guide: stays inside the main content area; side navigation is untouched */
.venueBuilding{margin-top:54px;padding:52px 0 0;border-top:1px solid var(--line)}.venueBuildingHead{display:grid;grid-template-columns:.72fr 1fr 1fr;gap:34px;align-items:end;padding-bottom:30px}.venueBuildingHead small{font-size:8px;letter-spacing:.18em;color:#98793f;align-self:start;padding-top:8px}.venueBuildingHead h3{font:500 31px/1.45 Georgia,"Yu Mincho",serif;margin:0}.venueBuildingHead p{font-size:11px;line-height:1.9;margin:0;max-width:390px}.venueBuildingGrid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.venuePlace:first-child{border-right:1px solid var(--line)}.venuePhoto{height:310px;overflow:hidden;background:#d8d4cb}.venuePhoto img{width:100%;height:100%;object-fit:cover}.venuePlaceBody{display:grid;grid-template-columns:82px 1fr;gap:20px;padding:24px 24px 28px 0}.venuePlace:nth-child(2) .venuePlaceBody{padding-left:24px}.floorTag{border-right:1px solid var(--line);display:flex;flex-direction:column}.floorTag b{font:500 35px/1 Georgia,serif}.floorTag span{font-size:7px;letter-spacing:.18em;color:#98793f;margin-top:8px}.venuePlaceBody small{font-size:7px;letter-spacing:.14em;color:#98793f}.venuePlaceBody h4{font:500 22px/1.35 Georgia,"Yu Mincho",serif;margin:7px 0 10px}.venuePlaceBody p{font-size:10px;line-height:1.8;margin:0}.venuePlaceBody a{display:inline-block;margin-top:12px;padding-bottom:4px;border-bottom:1px solid;font-size:9px;letter-spacing:.08em}.venueBuildingInfo{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:10px;border-bottom:1px solid var(--line)}.venueBuildingInfo a{font-weight:700;letter-spacing:.08em}.heroPhilosophy .mainVertical span{font-size:clamp(18px,1.55vw,24px)}.heroPhilosophy .mainVertical strong{font-size:clamp(34px,3.05vw,46px)}
@media(max-width:760px){.venueBuilding{margin-top:38px;padding-top:38px}.venueBuildingHead{grid-template-columns:1fr;gap:10px;padding-bottom:24px}.venueBuildingHead h3{font-size:27px}.venueBuildingGrid{grid-template-columns:1fr}.venuePlace:first-child{border-right:0;border-bottom:1px solid var(--line)}.venuePhoto{height:230px}.venuePlaceBody,.venuePlace:nth-child(2) .venuePlaceBody{grid-template-columns:66px 1fr;padding:20px 0}.venueBuildingInfo{display:block;line-height:1.8}.venueBuildingInfo a{display:block;margin-top:5px}.heroPhilosophy .mainVertical span{font-size:18px!important}.heroPhilosophy .mainVertical strong{font-size:29px!important}}

/* 2026-09-03 refinement: philosophy copy, event title, sidebar legibility */
.heroPhilosophy .subVertical{display:block!important;margin-top:10px!important;}
.heroPhilosophy .subVertical span{display:block!important;writing-mode:vertical-rl;text-orientation:mixed;white-space:normal;max-height:390px;font-size:clamp(15px,1.18vw,18px)!important;line-height:1.75!important;}
.aboutCopy p{margin-top:42px!important;}
.aboutCopy .textlink{margin-top:26px!important;}
.eventsHead h2{font-family:Georgia,"Times New Roman",serif!important;font-style:italic!important;font-weight:400!important;letter-spacing:-.035em;}
@media(min-width:761px){
  .side nav .sideLabel b{font-size:15px!important;font-weight:700!important;letter-spacing:.04em!important;}
  .side nav .sideLabel span{font-size:10px!important;font-weight:600!important;}
  .side nav a{padding-top:14px!important;padding-bottom:14px!important;}
}
@media(max-width:760px){
  .heroPhilosophy .subVertical span{max-height:320px;font-size:13px!important;}
  .aboutCopy p{margin-top:24px!important;}
  .aboutCopy .textlink{margin-top:20px!important;}
}

/* 2026-09-03 gallery switcher + editorial hall outline */
.hallGallery{padding:34px 0 64px;border-top:1px solid var(--line)}
.hallGalleryHead{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.hallGalleryHead h3{font:italic 500 36px/1 Georgia,serif;margin:0}.hallGalleryMain{position:relative;padding:0 34px}.galleryFigure{margin:0}.galleryFigure img{width:100%;height:520px;object-fit:cover;background:#101010}.galleryFigure figcaption{padding:11px 0 0;font:500 13px/1.5 "Yu Mincho","Hiragino Mincho ProN",serif}.galleryArrow{position:absolute;z-index:3;top:calc(50% - 23px);width:34px;height:46px;border:1px solid rgba(17,17,15,.45);background:rgba(247,244,237,.92);font:400 25px/1 Georgia,serif;cursor:pointer}.galleryPrev{left:0}.galleryNext{right:0}.hallGalleryThumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:17px 34px 0}.hallGalleryThumbs button{appearance:none;border:0;background:none;padding:0;opacity:.52;cursor:pointer;transition:.18s;border-bottom:2px solid transparent}.hallGalleryThumbs button:hover,.hallGalleryThumbs button.is-active{opacity:1;border-bottom-color:var(--gold)}.hallGalleryThumbs img{width:100%;height:74px;object-fit:cover}
.possibilities{padding:58px 0 70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.possibilitiesEditorial{display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw;padding:0}.possibilitiesLead h3{font:500 44px/1.35 "Yu Mincho","Hiragino Mincho ProN",Georgia,serif;margin:15px 0 20px}.possibilitiesLead p{font:500 11px/2 "Yu Mincho","Hiragino Mincho ProN",serif;margin:0}.possibilitiesLead .useTags{margin-top:28px;border-bottom:0;padding-bottom:0}.outlinePanel{border-top:1px solid rgba(17,17,15,.42)}.outlineRow{display:grid;grid-template-columns:145px minmax(150px,.8fr) 1fr;gap:18px;align-items:center;min-height:72px;border-bottom:1px solid var(--line)}.outlineRow>span{font:italic 600 12px/1 Georgia,serif;letter-spacing:.08em;color:#8d703a}.outlineRow b{font:500 23px/1.3 "Yu Mincho","Hiragino Mincho ProN",Georgia,serif}.outlineRow small{font-size:9px;color:#777168;line-height:1.6}.outlinePanel .possibilitiesLink{margin-top:18px}
@media(max-width:760px){.hallGallery{padding:24px 0 44px}.hallGalleryHead h3{font-size:28px}.hallGalleryMain{padding:0 22px}.galleryFigure img{height:270px}.galleryArrow{width:28px;height:40px}.hallGalleryThumbs{padding:12px 22px 0;gap:7px}.hallGalleryThumbs img{height:48px}.possibilitiesEditorial{grid-template-columns:1fr;gap:34px}.possibilitiesLead h3{font-size:34px}.outlineRow{grid-template-columns:100px 1fr;gap:10px;min-height:68px}.outlineRow small{grid-column:2}.outlineRow b{font-size:20px}}

/* OSU / BUILDING GUIDE — immersive photo wall */
.venueBuildingVisual{margin-top:58px;border-top:1px solid var(--line);overflow:hidden}
.venueBuildingIntro{display:none}
.venueVisualGrid{display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:1fr 1fr;height:620px;gap:2px;background:#111}
.venueVisualCard{position:relative;overflow:hidden;background:#111;color:#fff;min-height:0}
.venueVisualCard.is-building{grid-row:1 / span 2}
.venueVisualCard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(.97)}
.venueVisualCard.is-building img{object-position:center center}
.venueVisualCard.is-hall img{object-position:center center}
.venueVisualCard.is-cafe img{object-position:center 45%}
.venueVisualShade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.48) 28%,rgba(0,0,0,.16) 60%,rgba(0,0,0,.05) 100%)}
.venueVisualCard.is-building .venueVisualShade{background:linear-gradient(90deg,rgba(0,0,0,.77) 0%,rgba(0,0,0,.48) 37%,rgba(0,0,0,.13) 72%,rgba(0,0,0,.04) 100%)}
.venueBuildingHeroCopy{position:absolute;left:42px;right:42px;bottom:42px;z-index:2;max-width:510px}
.venueBuildingHeroCopy small{font:italic 600 9px/1.2 Georgia,serif;letter-spacing:.17em;color:#d2ab51}
.venueBuildingHeroCopy h3{margin:13px 0 18px;font:500 38px/1.38 "Yu Mincho","Hiragino Mincho ProN",Georgia,serif}
.venueBuildingHeroCopy p{margin:0;font-size:10px;line-height:1.9;color:rgba(255,255,255,.9)}
.venueVisualContent{position:absolute;left:0;right:0;bottom:0;z-index:2;display:grid;grid-template-columns:76px 1fr;gap:18px;padding:22px 24px 24px}
.venueFloor{border-right:1px solid rgba(255,255,255,.34);display:flex;flex-direction:column;justify-content:flex-end;padding-right:16px}
.venueFloor b{font:italic 500 34px/1 Georgia,serif}.venueFloor span{margin-top:8px;font:italic 600 9px/1.2 Georgia,serif;letter-spacing:.14em;color:#d4ad52}
.venueVisualText small{font-size:7px;letter-spacing:.14em;color:#d4ad52}.venueVisualText h4{font:italic 500 24px/1.15 Georgia,"Yu Mincho",serif;margin:7px 0 8px}.venueVisualText p{font-size:9px;line-height:1.75;margin:0;color:rgba(255,255,255,.88)}
.venueVisualText a.cafeWebsiteLink{display:inline-flex;align-items:center;min-height:34px;margin-top:11px;padding:7px 12px;border:1px solid rgba(255,255,255,.76);background:rgba(0,0,0,.12);color:#fff;font:italic 500 9px/1.2 Georgia,serif;letter-spacing:.035em}
@media(max-width:760px){.venueBuildingVisual{margin-top:38px}.venueVisualGrid{grid-template-columns:1fr;grid-template-rows:330px 250px 250px;height:auto}.venueVisualCard.is-building{grid-row:auto}.venueBuildingHeroCopy{left:22px;right:22px;bottom:24px}.venueBuildingHeroCopy h3{font-size:28px}.venueVisualContent{grid-template-columns:64px 1fr;padding:20px}.venueFloor b{font-size:30px}.venueVisualText h4{font-size:22px}.venueVisualText a.cafeWebsiteLink{min-height:40px;padding:9px 13px;font-size:10px}}

/* BUILDING GUIDE / ACCESS — compact practical information within the same chapter */
.currentWithBuildingAccess{padding-bottom:0}
.buildingAccess{padding:27px 42px 32px}
.buildingAccessInner{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,1fr);grid-template-areas:"title address route" "title phone availability" ". links links";gap:11px clamp(24px,4vw,56px);align-items:start}
.buildingAccess h3{grid-area:title;font:500 29px/1 Georgia,"Yu Mincho",serif;letter-spacing:.03em;margin:0}
.buildingAccess address{grid-area:address;font-style:normal;font-size:13px;line-height:1.65;margin:0;overflow-wrap:anywhere}
.buildingAccessRoute{grid-area:route;font-size:13px;line-height:1.65;margin:0}
.buildingAccessPhone{grid-area:phone;justify-self:start;padding-bottom:2px;border-bottom:1px solid rgba(17,17,15,.42);font-size:13px;line-height:1.45;font-weight:600;color:inherit}
.buildingAccessAvailability{grid-area:availability;font-size:11px;line-height:1.5;font-weight:500;color:var(--gold);margin:1px 0 0}
.buildingAccessLinks{grid-area:links;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:620px;margin-top:4px}
.buildingAccessLinks a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;min-height:40px;padding:9px 10px;border-top:1px solid rgba(17,17,15,.42);border-bottom:1px solid rgba(17,17,15,.42);font-size:11px;font-weight:700;transition:background .2s,color .2s,border-color .2s}
.buildingAccessLinks a:hover{background:#171715;color:#f4f1ea;border-color:#171715}
.buildingHistoryTransition{height:48px;background:linear-gradient(to bottom,var(--paper2) 0%,#fbfaf7 100%)}
.buildingHistoryTransition + .historyIntro{padding-top:56px}
@media(max-width:760px){
  .buildingAccess{padding:23px 0 27px}
  .buildingAccessInner{grid-template-columns:1fr;grid-template-areas:"title" "address" "route" "phone" "availability" "links";gap:0}
  .buildingAccess h3{font-size:26px;margin-bottom:13px}
  .buildingAccess address,.buildingAccessRoute{font-size:13px;line-height:1.62}
  .buildingAccessRoute{margin-top:11px}
  .buildingAccessPhone{margin-top:9px;font-size:13px}
  .buildingAccessAvailability{margin-top:11px;font-size:11px}
  .buildingAccessLinks{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}
  .buildingAccessLinks a{min-height:44px;padding:9px 10px;font-size:11px;line-height:1.35}
  .buildingHistoryTransition{height:38px}
  .buildingHistoryTransition + .historyIntro{padding-top:40px}
}

/* 2026-09-03 OSU BUILDING GUIDE full-bleed inside main column */
@media (min-width:761px){
  .venueBuildingVisual{
    width:calc(100% + 112px);
    margin-left:-56px;
    margin-right:-56px;
  }
}

/* HISTORY: notebook-paper editorial treatment */
.historyIntro,
.story{
  --paper:#fbfaf7;
  --rule:rgba(80,72,59,.105);
  background-color:var(--paper);
  background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,var(--rule) 32px,var(--rule) 33px);
}
.historyIntro{position:relative;padding:72px 6vw 66px;border-top:1px solid var(--line);overflow:hidden}
.historyIntro:before,.story:before{content:"";position:absolute;left:6.2%;top:0;bottom:0;width:1px;background:rgba(166,82,68,.18);pointer-events:none}
.historyIntroInner{max-width:760px;margin:0 auto;text-align:center;position:relative;z-index:1}
.historyIntroEyebrow{display:block;font:italic 600 11px/1 Georgia,serif;letter-spacing:.18em;color:#9a7b42;margin-bottom:14px}
.historyIntro h2{font:500 clamp(26px,3vw,42px)/1.35 Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;margin:0;color:#171715;letter-spacing:-.015em}
.historyIntro .years{display:block;margin:12px 0 0;font:italic 600 13px/1.1 Georgia,serif;letter-spacing:.18em;color:#9a7b42}
.historyIntro p{max-width:610px;margin:24px auto 0;font-size:11px;line-height:2.15;color:#625d55}
.historyTrail{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;margin-top:30px;color:#171715}
.historyTrail span{display:block;height:12px;font:italic 600 24px/12px Georgia,serif;transform:rotate(90deg) skewX(-8deg);transform-origin:center}
.historyTrail small{margin-top:14px;font-size:7px;letter-spacing:.20em;color:#8f7138}
.story{position:relative}
.story>*{position:relative;z-index:1}
@media(max-width:760px){
 .historyIntro{padding:52px 7vw 48px}
 .historyIntro:before,.story:before{left:5%}
 .historyIntro h2{font-size:28px}
 .historyIntro .years{font-size:12px}
 .historyIntro p{font-size:10px;line-height:2}
 .historyTrail{margin-top:24px}
 .historyTrail span{font-size:20px;height:10px;line-height:10px}
 .historyTrail small{font-size:6px}
}


/* HISTORY refinement 2: continuous timeline + pencil message rule */
:root{--history-margin-x:3.25%;}
.historyIntro:before,.story:before{left:var(--history-margin-x)}
.futureHandoff:before{left:calc(260px + (100% - 260px) * .0325);background:rgba(166,82,68,.22)}
.futureBridge:before{left:calc(260px + (100% - 260px) * .0325);top:-93px;height:calc(50% + 93px);background:rgba(166,82,68,.22)}
.futureBridge:after{left:calc(260px + (100% - 260px) * .0325 - 10px)}
.messageLead{position:relative;overflow:visible}
.messageLead:after{content:"";position:absolute;left:0;right:26px;top:67px;height:5px;opacity:.55;pointer-events:none;background:linear-gradient(180deg,transparent 0 30%,rgba(68,64,58,.48) 31% 45%,rgba(68,64,58,.16) 46% 57%,rgba(68,64,58,.36) 58% 68%,transparent 69%);filter:blur(.18px);transform:rotate(-.18deg)}
.messageLead h3{position:relative;z-index:1;display:inline;background:linear-gradient(transparent 0 58%,rgba(246,243,235,.94) 58% 100%);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding-right:8px}
@media(max-width:760px){
 .futureHandoff:before{display:none}.futureBridge:before{display:none}.futureBridge:after{left:18px}
 .messageLead:after{right:0;top:63px}
}


/* 2026-09-03 section breathing-room adjustment */
@media(min-width:761px){
  /* BUILDING GUIDEからHISTORYへ、章が切り替わるための無地の余白 */
  .historyIntro{padding-top:150px;}
  /* 大須14年の着地からNEW HALLへ、情報を詰めず余韻をつくる */
  .futureHandoff{min-height:150px;}
  .futureHandoff p{padding-top:52px;padding-bottom:44px;}
  .futureBridge{margin-bottom:0;}
}

/* --- TOP prototype: editorial black OSU side navigation --- */
@media (min-width:761px){
  .timelineWrap{grid-template-columns:278px minmax(0,1fr)}
  .side{background:#101010;color:#f3f0e9;border-right:0}
  .sideIn{padding:76px 36px 34px}
  .sideIn>small{color:#b99a55;font-size:9px;letter-spacing:.22em}
  .side nav{margin-top:25px}
  .side nav a{position:relative;grid-template-columns:30px 1fr;padding:11px 10px 11px 0;border-bottom:1px solid rgba(255,255,255,.17);color:#a9a69f;align-items:start}
  .side nav a:hover{padding-left:7px;background:rgba(255,255,255,.035);color:#fff}
  .side nav a.is-active{margin-left:-12px;padding-left:12px;background:rgba(255,255,255,.075);color:#fff}
  .side nav a.is-active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#b99a55}
  .side nav a>em{font-style:normal;font-size:9px;line-height:1.7;color:#8f8b82;padding-top:1px}
  .side nav .sideLabel{display:flex;flex-direction:column;gap:2px}
  .side nav .sideLabel b{font-family:Georgia,"Times New Roman",serif;font-size:12px;line-height:1.2;letter-spacing:.075em;color:#f4f1ea}
  .side nav .sideLabel span{font-family:"Yu Mincho","Hiragino Mincho ProN","Hiragino Mincho Pro",serif;font-size:10px;line-height:1.45;font-weight:500;letter-spacing:.035em;color:#9f9b93}
  .side nav a.is-active .sideLabel span{color:#d8d4cb}
  .sideContact{color:#f4f1ea;border-bottom:1px solid rgba(255,255,255,.48);font-size:13px;margin-top:26px}
  .timeMark{color:#b99a55}
  .timeMark i{background:linear-gradient(#b99a55,rgba(185,154,85,.25))}
}

/* 2026-09-03 typography refinement: footer/HERO/sidebar share the same Georgia italic voice */
.heroMeta h1{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.075em}
@media (min-width:761px){
  .side nav a{grid-template-columns:30px minmax(0,1fr);align-items:center;padding-top:13px;padding-bottom:13px}
  .side nav .sideLabel{display:flex;flex-direction:row;align-items:baseline;gap:9px;min-width:0;white-space:nowrap}
  .side nav .sideLabel b{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;font-size:12px;line-height:1;letter-spacing:.055em;white-space:nowrap}
  .side nav .sideLabel span{font-family:"Yu Mincho","Hiragino Mincho ProN","Hiragino Mincho Pro",serif;font-size:9px;line-height:1;font-weight:500;letter-spacing:.02em;white-space:nowrap}
}

/* HISTORY refinement: notebook margin + pasted white cards */
.historyIntro:before,.story:before{left:3.25%;background:rgba(166,82,68,.22)}
.storyCards{gap:22px}
.storyCard{background:#fff;border:1px solid rgba(17,17,15,.07);box-shadow:0 7px 20px rgba(47,39,27,.075);transform:rotate(-.18deg)}
.storyCard:nth-child(2){transform:rotate(.16deg)}
.storyCard:nth-child(3){transform:rotate(-.1deg)}
.storyCardBody{background:#fff}
@media(max-width:760px){.historyIntro:before,.story:before{left:2.7%}.storyCard,.storyCard:nth-child(2),.storyCard:nth-child(3){transform:none}}

/* 2026-09-03 HISTORY refinement 3
   One shared timeline axis + reset MESSAGE so the notebook rule remains readable. */
@media (min-width:761px){
  :root{
    --history-sidebar-width:278px;
    --history-local-axis:3.25%;
    --history-global-axis:calc(var(--history-sidebar-width) + (100% - var(--history-sidebar-width)) * .0325);
  }

  /* Notebook margin line: one local position throughout HISTORY. */
  .historyIntro:before,
  .story:before{
    left:var(--history-local-axis)!important;
    background:rgba(166,82,68,.22)!important;
  }

  /* The handoff line and the black destination dot share exactly the same viewport axis. */
  .futureHandoff:before{
    left:var(--history-global-axis)!important;
    background:rgba(166,82,68,.22)!important;
  }
  .futureBridge:before{
    left:var(--history-global-axis)!important;
    top:-93px!important;
    height:calc(50% + 93px)!important;
    background:rgba(166,82,68,.22)!important;
  }
  .futureBridge:after{
    left:calc(var(--history-global-axis) - 10px)!important;
  }

  /* MESSAGE: remove the previous line that crossed the title. */
  .messagePanel{
    margin-top:42px;
    border-top:0;
    border-bottom:0;
    align-items:stretch;
  }
  .messageLead{
    position:relative;
    padding:28px 42px 38px 0;
    overflow:visible;
  }
  .messageLead small{
    display:block;
    margin-bottom:15px;
  }
  .messageLead h3{
    display:block!important;
    margin:0!important;
    padding:0 0 21px!important;
    background:none!important;
    font:600 19px/1.62 Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;
    box-decoration-break:initial!important;
    -webkit-box-decoration-break:initial!important;
  }
  .messageLead:after{
    content:"";
    position:absolute;
    left:0;
    right:40px;
    top:auto!important;
    bottom:27px;
    height:4px;
    opacity:.58;
    pointer-events:none;
    /* Pencil-like uneven stroke laid over one notebook rule. */
    background:
      linear-gradient(180deg,
        transparent 0 20%,
        rgba(67,62,55,.18) 21% 33%,
        rgba(67,62,55,.52) 34% 48%,
        rgba(67,62,55,.26) 49% 61%,
        rgba(67,62,55,.44) 62% 72%,
        transparent 73% 100%);
    filter:blur(.15px);
    transform:rotate(-.12deg);
  }

  /* Keep owner notes light, like items resting on the notebook rather than one boxed table. */
  .ownerLink{
    border-left:1px solid rgba(17,17,15,.12);
    border-top:1px solid rgba(17,17,15,.08);
    border-bottom:1px solid rgba(17,17,15,.08);
  }
}

@media (max-width:760px){
  .messageLead h3{background:none!important;padding-bottom:18px!important}
  .messageLead:after{top:auto!important;bottom:17px!important;right:0!important}
}

/* 2026-09-03 HISTORY readability + notebook-width alignment */
.historyIntro .historyNotice{
  max-width:760px;
  margin:28px auto 0;
  font-size:14px;
  line-height:2.15;
  letter-spacing:.015em;
  color:#4f4a43;
}
.historyIntro .historyNotice strong{
  font-weight:700;
  color:#171715;
}
.storyWide{
  width:100%;
  margin:30px auto 0;
  padding:0 2vw;
  box-sizing:border-box;
  text-align:center;
}
.storyWide>p{
  width:100%;
  max-width:980px;
  margin:0 auto;
  font-size:13px;
  line-height:2.05;
  color:#4f4a43;
}
.storyWide .storyActions{
  width:100%;
  justify-content:center;
  margin-top:24px;
}
@media(max-width:760px){
  .desktopOnly{display:none}
  .historyIntro .historyNotice{font-size:12px;line-height:2;max-width:100%}
  .storyWide{padding:0;margin-top:20px;text-align:left}
  .storyWide>p{font-size:11px;line-height:1.95;text-align:left}
  .storyWide .storyActions{justify-content:flex-start}
}

/* 2026-09-03 NEW HALL handoff: gold band and photo/copy are one continuous section */
@media (min-width:761px){
  .futureBridge{margin-bottom:0!important;min-height:92px!important;align-items:end!important;padding-top:22px!important;padding-bottom:14px!important;}
  .future{margin-top:0!important;}
}

/* 2026-09-02 viewport + NEW HALL fade refinement */
@media (min-width:761px){
  /* Keep the gold current-hall notice visible on first view */
  .hero{min-height:calc(100svh - 64px);height:calc(100svh - 64px)}
}
/* Obscure the uncertain upper half, then gradually reveal the lower half */
.futureImg:after{
  background:linear-gradient(to bottom,
    rgba(0,0,0,.92) 0%,
    rgba(0,0,0,.86) 18%,
    rgba(0,0,0,.74) 36%,
    rgba(0,0,0,.58) 50%,
    rgba(0,0,0,.30) 64%,
    rgba(0,0,0,.10) 76%,
    rgba(0,0,0,0) 88%)!important;
}
@media(max-width:760px){
  .hero{min-height:calc(100svh - 58px);height:calc(100svh - 58px)}
  .futureImg:after{
    background:linear-gradient(to bottom,
      rgba(0,0,0,.94) 0%,
      rgba(0,0,0,.88) 20%,
      rgba(0,0,0,.76) 38%,
      rgba(0,0,0,.58) 50%,
      rgba(0,0,0,.28) 66%,
      rgba(0,0,0,.08) 78%,
      rgba(0,0,0,0) 90%)!important;
  }
}

/* OSU building guide: stays inside the main content area; side navigation is untouched */
.venueBuilding{margin-top:54px;padding:52px 0 0;border-top:1px solid var(--line)}.venueBuildingHead{display:grid;grid-template-columns:.72fr 1fr 1fr;gap:34px;align-items:end;padding-bottom:30px}.venueBuildingHead small{font-size:8px;letter-spacing:.18em;color:#98793f;align-self:start;padding-top:8px}.venueBuildingHead h3{font:500 31px/1.45 Georgia,"Yu Mincho",serif;margin:0}.venueBuildingHead p{font-size:11px;line-height:1.9;margin:0;max-width:390px}.venueBuildingGrid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.venuePlace:first-child{border-right:1px solid var(--line)}.venuePhoto{height:310px;overflow:hidden;background:#d8d4cb}.venuePhoto img{width:100%;height:100%;object-fit:cover}.venuePlaceBody{display:grid;grid-template-columns:82px 1fr;gap:20px;padding:24px 24px 28px 0}.venuePlace:nth-child(2) .venuePlaceBody{padding-left:24px}.floorTag{border-right:1px solid var(--line);display:flex;flex-direction:column}.floorTag b{font:500 35px/1 Georgia,serif}.floorTag span{font-size:7px;letter-spacing:.18em;color:#98793f;margin-top:8px}.venuePlaceBody small{font-size:7px;letter-spacing:.14em;color:#98793f}.venuePlaceBody h4{font:500 22px/1.35 Georgia,"Yu Mincho",serif;margin:7px 0 10px}.venuePlaceBody p{font-size:10px;line-height:1.8;margin:0}.venuePlaceBody a{display:inline-block;margin-top:12px;padding-bottom:4px;border-bottom:1px solid;font-size:9px;letter-spacing:.08em}.venueBuildingInfo{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:10px;border-bottom:1px solid var(--line)}.venueBuildingInfo a{font-weight:700;letter-spacing:.08em}.heroPhilosophy .mainVertical span{font-size:clamp(18px,1.55vw,24px)}.heroPhilosophy .mainVertical strong{font-size:clamp(34px,3.05vw,46px)}
@media(max-width:760px){.venueBuilding{margin-top:38px;padding-top:38px}.venueBuildingHead{grid-template-columns:1fr;gap:10px;padding-bottom:24px}.venueBuildingHead h3{font-size:27px}.venueBuildingGrid{grid-template-columns:1fr}.venuePlace:first-child{border-right:0;border-bottom:1px solid var(--line)}.venuePhoto{height:230px}.venuePlaceBody,.venuePlace:nth-child(2) .venuePlaceBody{grid-template-columns:66px 1fr;padding:20px 0}.venueBuildingInfo{display:block;line-height:1.8}.venueBuildingInfo a{display:block;margin-top:5px}.heroPhilosophy .mainVertical span{font-size:18px!important}.heroPhilosophy .mainVertical strong{font-size:29px!important}}

/* 2026-09-03 requested refinements */
.footer .footerLegend{color:#aa894d;font-style:italic!important;font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important;}
.futureCopy h2{font-size:clamp(34px,3.45vw,52px)!important;line-height:1.32!important;letter-spacing:-.02em;}
.futureCopy h2 span{display:block;white-space:nowrap;}
.currentNoticeMain small{font-size:12px!important;line-height:1.45!important;font-weight:700!important;letter-spacing:.06em!important;}
.currentNoticeMain span{font-size:16px!important;font-weight:800!important;}
.side nav .sideLabel b{font-weight:700!important;}
.side nav .sideLabel span{font-weight:700!important;}
.side nav em{font-weight:700!important;}
@media(max-width:760px){
  .currentNoticeMain small{font-size:10px!important;}
  .currentNoticeMain span{font-size:13px!important;}
  .futureCopy h2{font-size:31px!important;}
  .futureCopy h2 span{white-space:normal;}
}

/* 2026-09-03: OSU / BUILDING GUIDE — true edge-to-edge within main column */
@media (min-width:761px){
  .venueBuildingVisual{
    width:calc(100% + 12vw)!important;
    margin-left:-6vw!important;
    margin-right:-6vw!important;
  }
}

/* 2026-09-03: sidebar reaches the NEW HALL handoff, while gold starts after the sidebar */
@media (min-width:761px){
  :root{--handoff-side:278px;}

  /* Keep the black CURRENT HALL sidebar visually continuing through the breathing space. */
  .futureHandoff{
    grid-template-columns:var(--handoff-side) minmax(0,1fr)!important;
  }
  .futureHandoff::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:var(--handoff-side);
    background:#101010;
    z-index:0;
    pointer-events:none;
  }
  .futureHandoff p{position:relative;z-index:1;}

  /* Gold handoff belongs to the right content column, not across the sidebar. */
  .futureBridge{
    margin-left:var(--handoff-side)!important;
    width:calc(100% - var(--handoff-side));
    padding-left:104px!important;
    padding-right:7vw!important;
    box-sizing:border-box;
  }

  /* Preserve the notebook/timeline X-axis and land it on the black dot. */
  .futureHandoff:before{
    left:calc(var(--handoff-side) + (100% - var(--handoff-side)) * .0325)!important;
    z-index:2;
  }
  .futureBridge:before{
    left:calc((100vw - var(--handoff-side)) * .0325)!important;
  }
  .futureBridge:after{
    left:calc((100vw - var(--handoff-side)) * .0325 - 10px)!important;
  }

  /* Give the label/date breathing room so the dot never collides with copy. */
  .futureBridge > div{padding-left:10px;}
}

/* 2026-09-03: gold handoff spans the full viewport width */
@media (min-width:761px){
  .futureBridge{
    margin-left:0!important;
    width:100%!important;
    padding-left:calc(var(--handoff-side) + 104px)!important;
    padding-right:7vw!important;
    box-sizing:border-box;
  }
  .futureBridge:before{
    left:calc(var(--handoff-side) + (100% - var(--handoff-side)) * .0325)!important;
  }
  .futureBridge:after{
    left:calc(var(--handoff-side) + (100% - var(--handoff-side)) * .0325 - 10px)!important;
  }
  .futureBridge > div{padding-left:10px;}
}


/* Header alignment refinement — match subpages */
@media (min-width:761px){
  header.siteHeader .headerUtility .utilityLeft{margin-left:0!important;}
}

/* INDEX hero photo rotation */
.hero#top{background:#080909}
.hero#top .heroSlides{position:absolute;inset:0;z-index:0}
.hero#top .heroSlide{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity 1.4s ease}
.hero#top .heroSlide.is-active{opacity:1}
.hero#top:after{z-index:1}
.hero#top .heroMeta,.hero#top .moveCard{z-index:4}

/* 2026-09-10 mobile INDEX philosophy title — center the vertical composition */
@media (max-width:760px){
  .aboutCopy > small{display:block;text-align:left;}
  .aboutVertical.heroPhilosophy{
    width:100%;
    justify-content:center!important;
    align-items:flex-start;
    margin-left:auto;
    margin-right:auto;
  }
}

/* Current Osu Hall exterior — landscape presentation */
.current .lead .currentHallExterior{
  width:100%;
  height:auto;
  aspect-ratio:1100/600;
  object-fit:cover;
  object-position:center;
}
@media(max-width:760px){
  .current .lead .currentHallExterior{
    height:auto;
    aspect-ratio:1100/600;
  }
}

/* Story photo focal points for the supplied square images. */
.storyCard img.storyImageChildren{object-position:center 84%}
.storyCard img.storyImageCommunity{object-position:center 48%}
@media(max-width:760px){
  .storyCard img.storyImageChildren{object-position:center 84%}
  .storyCard img.storyImageCommunity{object-position:center 48%}
}

/* 2026-09-11 smartphone density and readability refinements */
@media(max-width:760px){
  /* Keep the existing CTA design while bringing it slightly closer to the cards. */
  .eventRail{padding-bottom:44px}
  .calendarCTA{height:158px}

  /* Let LEGEND HALL remain the visual anchor of the current-hall heading. */
  .lead h2 .currentTitleJa{font-size:32px}
  .lead h2 .currentTitleEn{font-size:42px}

  /* One-line section title and a tighter editorial rhythm. */
  .possibilities{padding-top:32px;padding-bottom:46px}
  .possibilitiesEditorial{gap:24px}
  .possibilitiesLead h3{margin:10px 0 14px;font-size:clamp(26px,7.1vw,30px);line-height:1.35;white-space:nowrap}
  .possibilitiesLead h3 br{display:none}
  .possibilitiesLead p{line-height:1.85}
  .possibilitiesLead .useTags{margin-top:20px;padding-top:14px;padding-bottom:17px}

  /* Compact specification rows without reducing the information hierarchy. */
  .outlineRow{min-height:0;padding:9px 0;row-gap:3px}
  .outlineRow b{line-height:1.2}
  .outlineRow small{line-height:1.45}
  .outlinePanel .possibilitiesLink{margin-top:14px}

  /* Darken only the building overview image; hall and cafe imagery stay unchanged. */
  .venueVisualCard.is-building .venueVisualShade{
    background:linear-gradient(to top,rgba(0,0,0,.86) 0%,rgba(0,0,0,.66) 48%,rgba(0,0,0,.46) 100%)
  }
  .venueBuildingHeroCopy p{color:#fff}

  /* Preserve the large 14 while shortening the copy-and-action portion. */
  .story{padding:52px 6vw 58px}
  .storyTop{gap:14px}
  .storyCopy h2{margin:10px 0 0;font-size:clamp(23px,6.3vw,25px);line-height:1.5}
  .storyCopy h2 span{white-space:nowrap}
  .storyWide{margin-top:16px}
  .storyWide>p{line-height:1.85}
  .storyWide .storyActions{margin-top:18px}
  .storyButton{padding:11px 18px}
}

/* 2026-09-11 responsive architecture: mobile ACCESS + tablet content width */
@media (max-width:760px){
  /* ACCESS stays part of BUILDING GUIDE, with the label and practical details sharing one row. */
  .buildingAccessInner{
    grid-template-columns:minmax(92px,.68fr) minmax(0,1.32fr);
    grid-template-areas:
      "title address"
      "title route"
      "title phone"
      "availability availability"
      "links links";
    column-gap:clamp(18px,5vw,26px);
    row-gap:0;
  }
  .buildingAccess h3{margin:0}
  .buildingAccess address{min-width:0}
  .buildingAccessRoute{margin-top:10px}
  .buildingAccessPhone{margin-top:9px}
  .buildingAccessAvailability{
    justify-self:center;
    margin-top:18px;
    text-align:center;
  }
  .buildingAccessLinks{width:100%;max-width:none;margin-top:14px}

  /* Add chapter-change distance outside ACCESS, then retain the subtle paper fade. */
  .buildingHistoryTransition{height:70px}
  .buildingHistoryTransition + .historyIntro{padding-top:48px}
}

@media (max-width:360px){
  .buildingAccessLinks{grid-template-columns:1fr}
}

/* Tablet / small desktop: replace the 278px rail with the compact navigation pattern. */
@media (min-width:761px) and (max-width:1199px){
  :root{--handoff-side:0px;--history-sidebar-width:0px}

  header.siteHeader{
    height:72px;
    padding:0 5vw;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:linear-gradient(180deg,rgba(4,5,4,.78),rgba(4,5,4,.22));
  }
  header.siteHeader .siteLogo{grid-row:auto;width:112px;height:auto}
  header.siteHeader .headerUtility,header.siteHeader .topnav{display:none}
  .mobileMenuButton{
    display:flex;
    margin-left:auto;
    width:42px;
    height:42px;
    border:0;
    background:transparent;
    flex-direction:column;
    justify-content:center;
    gap:6px;
    padding:8px;
    z-index:80;
  }
  .mobileMenuButton span{display:block;width:26px;height:1.5px;background:#fff;margin-left:auto}
  .mobileMenu{display:block;position:fixed;inset:0;background:rgba(18,18,16,.96);color:#f4f1ea;z-index:100;opacity:0;visibility:hidden;pointer-events:none;transition:.22s}
  .mobileMenu.isOpen{opacity:1;visibility:visible;pointer-events:auto}
  .mobileMenuInner{padding:24px 7vw 42px;overflow:auto;height:100%}
  .mobileMenuTop{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:17px;margin-bottom:12px}
  .mobileMenuTop small{font-size:9px;letter-spacing:.2em;color:#d6b558}
  .mobileMenuClose{border:0;background:none;color:#fff;font-size:34px;font-weight:200;line-height:1}
  .mobileMenuInner>a,.mobileMenu summary{display:block;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.14);font:500 18px/1.4 Georgia,"Yu Mincho",serif;list-style:none}
  .mobileMenu summary::-webkit-details-marker{display:none}
  .mobileMenu summary:after{content:"＋";float:right;font:400 18px sans-serif}
  .mobileMenu details[open] summary:after{content:"−"}
  .mobileHallLinks{padding:5px 0 12px 14px}
  .mobileHallLinks a{display:block;padding:11px 0;font:500 13px/1.4 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#ddd8ce}

  .timelineWrap{display:block;grid-template-columns:none}
  .side{position:sticky;top:0;z-index:20;height:50px;min-height:0;overflow:hidden;background:rgba(231,226,215,.96);color:var(--ink);border-right:0;border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
  .sideIn{position:static;min-height:0;height:50px;padding:0;display:block;white-space:nowrap}
  .sideIn>small,.sideContact,.timeMark{display:none}
  .side nav{display:flex;flex-direction:row;gap:0;margin:0;padding:0 5vw;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  .side nav::-webkit-scrollbar{display:none}
  .side nav a,.side nav a:hover,.side nav a.is-active{
    display:inline-flex;
    flex:0 0 auto;
    grid-template-columns:none;
    align-items:center;
    gap:6px;
    min-height:50px;
    margin:0;
    padding:0 14px!important;
    border:0;
    background:transparent;
    color:#716b61;
  }
  .side nav a.is-active{color:#171715;border-bottom:2px solid var(--gold)}
  .side nav a.is-active:before{display:none}
  .side nav a>em{padding:0;font-size:8px;line-height:1;color:#9a7b42}
  .side nav .sideLabel{display:inline-flex;flex-direction:row;align-items:baseline;gap:0}
  .side nav .sideLabel b{font-size:12px!important;line-height:1!important;letter-spacing:.055em!important;color:inherit}
  .side nav .sideLabel span{display:none}

  .current{padding-left:clamp(5vw,6vw,7vw);padding-right:clamp(5vw,6vw,7vw)}
  .hallGalleryMain{padding-left:clamp(24px,4vw,34px);padding-right:clamp(24px,4vw,34px)}
  .galleryFigure img{height:clamp(380px,50vw,520px)}
  .buildingHistoryTransition{height:60px}
  .buildingHistoryTransition + .historyIntro{padding-top:64px}

  .futureHandoff{grid-template-columns:1fr!important}
  .futureHandoff::after{display:none}
  .futureHandoff p{grid-column:1}
  .futureBridge{margin-left:0!important;width:100%!important;padding-left:clamp(72px,9vw,104px)!important}
}

@media (min-width:761px) and (max-width:899px){
  .lead{grid-template-columns:1fr;gap:30px}
  .gallery{grid-template-columns:1fr 1fr}
  .gallery img:nth-child(1){height:260px}
  .gallery img:nth-child(2){height:205px;margin-top:42px}
  .gallery img:nth-child(3){grid-column:1/3;height:250px;margin-top:0}
  .possibilitiesEditorial{grid-template-columns:1fr;gap:34px}
  .outlineRow{grid-template-columns:130px minmax(140px,.8fr) 1fr}
  .storyCards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .storyCard:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .storyCard:nth-child(3) img{width:100%;height:100%;min-height:220px}
  .messagePanel{grid-template-columns:1fr}
  .messageLead{padding-right:0}
  .ownerLink{border-left:0;border-top:1px solid var(--line)}
}

/* 2026-09-11 ACCESS grouping and current-hall heading hierarchy */
.lead h2 .currentTitleJa{font-size:62%}

.buildingAccessInner{
  grid-template-columns:minmax(145px,23%) minmax(0,1fr);
  grid-template-areas:
    "title details"
    ". links";
  column-gap:clamp(28px,4vw,52px);
  row-gap:18px;
  width:100%;
  max-width:920px;
  margin-inline:auto;
}
.buildingAccessDetails{
  grid-area:details;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-areas:
    "address route"
    "phone availability";
  column-gap:clamp(26px,3.5vw,46px);
  row-gap:13px;
  min-width:0;
}
.buildingAccessLinks{grid-column:2;grid-area:links;width:100%;max-width:none;margin-top:0}

@media (min-width:1200px){
  .buildingHistoryTransition{height:78px;background:linear-gradient(to bottom,var(--paper2) 0%,#fbfaf7 68%,#fbfaf7 100%)}
  .buildingHistoryTransition + .historyIntro{padding-top:76px}
}

@media (min-width:761px) and (max-width:1199px){
  .buildingHistoryTransition{height:80px;background:linear-gradient(to bottom,var(--paper2) 0%,#fbfaf7 68%,#fbfaf7 100%)}
  .buildingHistoryTransition + .historyIntro{padding-top:84px}
}

@media (max-width:760px){
  .lead h2 .currentTitleJa{font-size:26px}
  .buildingAccessInner{
    grid-template-columns:100px minmax(0,1fr);
    grid-template-areas:
      "title details"
      "links links";
    column-gap:18px;
    row-gap:16px;
    max-width:none;
  }
  .buildingAccessDetails{
    grid-template-columns:1fr;
    grid-template-areas:
      "address"
      "route"
      "phone"
      "availability";
    row-gap:0;
  }
  .buildingAccessPhone,.buildingAccessAvailability{justify-self:end;text-align:right}
  .buildingAccessAvailability{margin-top:12px}
  .buildingAccessLinks{grid-column:1/-1}
  .buildingHistoryTransition{height:96px;background:linear-gradient(to bottom,var(--paper2) 0%,#fbfaf7 68%,#fbfaf7 100%)}
  .buildingHistoryTransition + .historyIntro{padding-top:60px}
}