/* Aoyama Market / local concept prototype. Original logo is used without redrawing. */
:root{--paper:#f5f4ef;--ink:#222523;--muted:#70716a;--line:#d7d7ce;--gold:#c4b18d;--dark:#171b1c;--gutter:clamp(24px,4.8vw,88px);--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif CJK JP",serif;--sans:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #b68a43;outline-offset:6px}::selection{background:#d1bf9d;color:#171b1c}.skip-link{position:absolute;z-index:100;top:10px;left:10px;padding:12px 20px;background:white;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{height:100px;padding:0 var(--gutter);display:flex;align-items:center;gap:48px;background:var(--paper);position:relative;z-index:2}.brand{display:inline-flex;position:relative;align-items:flex-start;flex-shrink:0;gap:4px}.brand img{width:160px;height:auto;mix-blend-mode:multiply}.registered{font-size:13px;line-height:1;padding-top:2px}.header-location{font-size:10px;letter-spacing:.19em;color:#696b64;margin-left:9px}.main-nav{display:flex;align-items:center;gap:42px;margin-left:auto;font-size:10px;letter-spacing:.14em}.project-nav{padding:15px 0;position:relative}.project-nav:after{position:absolute;bottom:7px;left:0;width:0;height:1px;background:currentColor;content:"";transition:width .25s}.project-nav:hover:after{width:100%}.annex-nav{display:flex;align-items:center;gap:45px;border:1px solid #9d9f96;padding:14px 20px}.arrow{font-size:19px;line-height:1;transition:transform .25s}.annex-nav:hover .arrow{transform:translate(2px,-2px)}
.hero{position:relative;min-height:650px;height:calc(100svh - 100px);max-height:1000px;color:#f8f5ee;isolation:isolate;overflow:hidden;background:#15191c}.hero-visual,.hero-shade{position:absolute;inset:0;z-index:-1}.hero-visual{overflow:hidden}.architecture{height:100%;width:100%;object-fit:cover;object-position:65% 50%;transform:scale(1.035);animation:architectural-drift 18s ease-in-out infinite alternate}.hero-shade{background:linear-gradient(90deg,rgba(9,16,20,.52) 0%,rgba(9,16,20,.12) 44%,transparent 68%),linear-gradient(0deg,rgba(7,13,16,.53),transparent 22%)}.hero-topline{display:flex;justify-content:space-between;position:absolute;top:35px;left:var(--gutter);right:var(--gutter);font-size:9px;letter-spacing:.19em}.hero-topline>span:first-child{display:flex;align-items:center;gap:11px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d2c19d;flex-shrink:0;box-shadow:0 0 10px #d2c19d44}.hero-topline-right{color:#d3d4d0}.hero-copy{position:relative;padding:clamp(125px,16vh,190px) 0 120px;margin:0 var(--gutter);max-width:600px}.eyebrow{font-size:9px;font-weight:400;letter-spacing:.24em;margin:0 0 26px;color:#d0c3a9}h1,h2,p{margin-top:0}.hero h1{font:400 clamp(38px,3.85vw,70px)/1.62 var(--serif);letter-spacing:.09em;margin:0 0 23px}.hero h1 span{display:block}.origin{font:400 15px/1.8 var(--serif);letter-spacing:.18em;margin:0 0 44px}.hero-message{color:#d0d3d0;font-size:11px;letter-spacing:.06em;line-height:2}.hero-message p{margin:0}.text-link{display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid #999b91;padding:14px 0;font-size:10px;letter-spacing:.08em;transition:border-color .2s}.text-link.light{border-color:#b7beb58c}.hero .text-link{margin-top:12px}.text-link:hover{border-color:currentColor}.text-link span{font-size:18px;line-height:1}.hero-bottomline{position:absolute;bottom:26px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.18em;color:#d2d3cc}.motion-toggle{border:0;background:none;color:inherit;display:flex;gap:9px;align-items:center;font-size:9px;letter-spacing:.04em;cursor:pointer;padding:8px 0 8px 12px}.motion-toggle[hidden]{display:none}.pause-icon{font-size:13px}.is-paused .architecture{animation-play-state:paused}
.annex-entry{padding:30px var(--gutter);display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;border-bottom:1px solid var(--line);gap:34px;background:#eae9e1;transition:background .3s}.annex-entry:hover{background:#e2e0d5}.annex-entry-title{display:flex;align-items:center;gap:24px}.mini-label{font-size:9px;letter-spacing:.05em;color:#6d7067;white-space:nowrap}.annex-word{font-size:31px;letter-spacing:.075em;font-weight:300}.annex-entry-curator{font-size:10px;letter-spacing:.07em;line-height:1.8}.annex-entry-curator>span{display:block;font-size:10px;color:#72746b;margin-top:3px;letter-spacing:.02em}.annex-entry-action{display:flex;align-items:center;justify-content:flex-end;gap:30px;font-size:10px;letter-spacing:.05em}.circle-arrow{height:42px;width:42px;border:1px solid #a8ac9e;border-radius:50%;display:grid;place-items:center;font-size:22px;transition:transform .3s}.annex-entry:hover .circle-arrow{transform:rotate(45deg)}
.project-section{padding:112px var(--gutter) 118px;display:grid;grid-template-columns:1fr 2.5fr;gap:70px;max-width:1800px;margin:auto}.section-index{display:flex;flex-direction:column;gap:19px;font-size:9px;letter-spacing:.13em;line-height:1.5}.section-index span:last-child{font-size:10px;color:#7a7d72;letter-spacing:.1em}.eyebrow.dark{color:#7d755f;margin-bottom:24px}.project-body h2{font:400 clamp(26px,2.5vw,41px)/1.75 var(--serif);letter-spacing:.06em;margin-bottom:35px}.project-details{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:start}.project-details p{font-size:12px;line-height:2.4;letter-spacing:.045em;margin-bottom:32px}.project-details .project-note{color:#74776c;font-size:11px}.project-status{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.04em}.status-key{font-size:8px;letter-spacing:.16em;color:#6b7064}.project-status>span:last-child{display:flex;align-items:center;gap:12px}.dark-dot{background:#777d62;box-shadow:none}
.annex-section{margin:0 var(--gutter);display:grid;grid-template-columns:1fr 1fr;min-height:570px;background:#222a27;color:#e7e8dd;overflow:hidden}.annex-art{position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 70%,#6f75654d,transparent 60%),linear-gradient(120deg,#111b18,#35413a 65%,#26332b);border-right:1px solid #a7b29c22}.annex-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 59px,#d5ddc90a 60px),linear-gradient(0deg,#090f11c2,transparent 40%)}.portal{position:absolute;left:24%;top:17%;width:54%;height:88%;border:1px solid #c7c5a56b;box-shadow:1px 0 18px #d3d3b710,inset 1px 0 12px #b2c49b10;transform:skewY(-9deg)}.portal-1{left:14%;top:12%;width:68%;height:93%;border-left:7px solid #abb3a43b}.portal-2{left:29%;top:25%;width:47%;height:80%;border-left:4px solid #b0b7a336}.portal-3{left:42%;top:37%;width:28%;height:68%;background:linear-gradient(90deg,#797f6755,#abb39417 35%,#d7c69680);border-right:3px solid #b7b09c9c}.portal-light{position:absolute;bottom:-22%;right:25%;width:30%;height:60%;transform:rotate(18deg) skewX(-40deg);background:linear-gradient(0deg,transparent,#c3bd9c16);filter:blur(6px)}.art-caption{position:absolute;bottom:29px;left:31px;right:25px;color:#b6c0b3;font-size:7px;letter-spacing:.18em}.annex-content{padding:65px clamp(28px,5.1vw,88px)}.annex-content .eyebrow{color:#b2bda6}.annex-content h2{font:400 23px/1.8 var(--serif);letter-spacing:.08em;margin-bottom:24px}.annex-display{font-size:clamp(54px,5.5vw,85px);line-height:1;font-weight:200;letter-spacing:.065em;margin:0 0 12px}.curator{font-size:10px;letter-spacing:.1em;margin-bottom:32px}.annex-description{font-size:11px;letter-spacing:.04em;line-height:2.3;color:#c3ccbf;margin-bottom:30px}.button-link{display:flex;justify-content:space-between;align-items:center;border:1px solid #96a18a80;min-height:54px;padding:15px 21px;font-size:11px;letter-spacing:.07em;gap:30px;max-width:330px;transition:background .3s}.button-link span{font-size:21px}.button-link:hover{background:#ffffff0d}.opening-note{font-size:9px;color:#acb6a5;margin-top:13px;margin-bottom:0;line-height:1.8}.concept-note{font-size:9px;letter-spacing:.02em;color:#72776a;margin:17px var(--gutter) 72px;text-align:right;line-height:1.7}.site-footer{padding:0 var(--gutter) 30px}.footer-main{display:flex;align-items:center;padding:43px 0 45px;border-top:1px solid var(--line);gap:62px}.footer-brand img{width:140px}.footer-brand .registered{font-size:11px}.footer-main>p{font:400 12px/2 var(--serif);letter-spacing:.08em;margin:0}.footer-main>p span{display:block;font-size:10px;color:#787d70}.back-top{margin-left:auto;font-size:8px;letter-spacing:.12em;display:flex;gap:18px;align-items:center;padding:12px 0}.back-top span{font-size:17px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;color:#767c6e;font-size:9px;letter-spacing:.02em;border-top:1px solid var(--line);padding-top:23px}
.annex-page-main{position:relative;isolation:isolate;background:#151c1c;min-height:760px;color:#efeee4;overflow:hidden}.annex-page-image{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,#101a1bf5 0%,#101a1be6 26%,#101a1b88 51%,#101a1b11 75%),url('assets/renewal-architecture.png');background-size:cover;background-position:62% center}.annex-page-content{padding:80px var(--gutter) 70px;max-width:800px}.annex-page-content>.eyebrow{font-size:10px;margin-bottom:24px}.annex-page-content h1{font:200 clamp(68px,8vw,120px)/1.1 var(--sans);letter-spacing:.06em;margin:0 0 12px}.annex-page-curator{font-size:12px;letter-spacing:.08em}.annex-page-rule{width:46px;height:1px;background:#9a9f8d;margin:32px 0}.annex-page-title{font:400 29px/1.7 var(--serif);letter-spacing:.08em;margin-bottom:23px}.annex-page-description{font-size:12px;line-height:2.3;color:#cbd0c7;letter-spacing:.05em}.annex-page-status{display:inline-flex;align-items:center;gap:12px;border:1px solid #848f7b77;font-size:11px;padding:11px 20px;margin:7px 0 0}.annex-page-note{font-size:10px;line-height:1.9;letter-spacing:.03em;color:#b5bfb1;margin-top:16px;margin-bottom:18px}.annex-concept-note{position:absolute;right:var(--gutter);bottom:32px;font-size:8px;letter-spacing:.16em;color:#c6cdc1}.compact-footer{padding-top:6px}.compact-footer .footer-bottom{border-top:0}.back-home{font-size:10px;letter-spacing:.04em;display:flex;gap:16px;align-items:center}.back-home>span{font-size:18px}
@keyframes architectural-drift{from{transform:scale(1.035) translateX(0)}to{transform:scale(1.085) translateX(-.6%)}}
@media(min-width:1800px){.hero-copy{padding-top:190px}.hero h1{font-size:70px}.hero-message{font-size:13px}.hero .text-link{font-size:12px}}
@media(max-width:1050px){.header-location{display:none}.site-header{height:88px}.hero{height:calc(100svh - 88px);min-height:640px}.hero-copy{padding-top:140px}.hero h1{font-size:44px}.annex-entry{grid-template-columns:1fr 1.3fr;gap:20px}.annex-entry-title{gap:18px}.annex-entry-curator{grid-column:1;grid-row:2;font-size:9px}.annex-entry-action{grid-column:2;grid-row:1 / span 2}.annex-entry-curator>span{font-size:9px}.project-section{grid-template-columns:1fr 3fr;gap:38px;padding-top:82px;padding-bottom:82px}.project-details{grid-template-columns:1fr;gap:0}.project-details p{margin-bottom:22px}.project-details .project-note{margin-bottom:30px}.annex-content{padding:50px 32px}.annex-section{min-height:550px}.annex-content h2{font-size:20px}}
@media(max-width:680px){:root{--gutter:24px}.site-header{height:79px;gap:16px}.brand img{width:137px}.registered{font-size:11px}.main-nav{gap:0}.project-nav{display:none}.annex-nav{border:0;border-left:1px solid #c8cbbf;gap:14px;padding:12px 0 12px 18px;font-size:9px}.annex-nav .arrow{font-size:18px}.hero{height:850px;min-height:0;max-height:none}.architecture{object-position:68% 50%;object-fit:cover;height:61%;position:absolute;bottom:0}.hero-visual{background:#131b20}.hero-shade{background:linear-gradient(180deg,#131b20 0%,#131b20 32%,#131b2040 51%,transparent 72%,#0b121599 100%)}.hero-topline{top:25px;font-size:8px}.hero-topline-right{display:none}.hero-copy{padding:91px 0 0;margin:0 var(--gutter)}.hero-copy .eyebrow{font-size:8px;margin-bottom:22px}.hero h1{font-size:35px;line-height:1.62;letter-spacing:.075em;margin-bottom:17px}.origin{font-size:13px;margin-bottom:29px}.hero-message{font-size:10px;line-height:2}.hero .text-link{font-size:9px;margin-top:8px;padding:10px 0;gap:28px}.hero-bottomline{bottom:20px;font-size:6px;letter-spacing:.09em;gap:12px}.motion-toggle{font-size:8px;gap:6px}.annex-entry{padding:26px var(--gutter);gap:10px 16px;grid-template-columns:1fr auto}.annex-entry-title{display:flex;align-items:baseline;gap:15px}.annex-word{font-size:28px}.mini-label{font-size:8px}.annex-entry-curator{font-size:8px;letter-spacing:.03em}.annex-entry-curator>span{font-size:9px;line-height:1.9}.annex-entry-action{gap:0}.annex-entry-action>span:first-child{display:none}.circle-arrow{width:40px;height:40px}.project-section{padding:65px var(--gutter) 68px;display:block}.section-index{flex-direction:row;justify-content:space-between;gap:20px;padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:30px;font-size:8px}.section-index span:last-child{font-size:9px}.project-body .eyebrow{font-size:8px;margin-bottom:20px}.project-body h2{font-size:26px;letter-spacing:.04em;margin-bottom:26px;line-height:1.7}.project-details p{font-size:11px;line-height:2.3}.project-details .project-note{font-size:10px}.project-status{font-size:9px;padding:18px 0;gap:10px}.status-key{font-size:7px;letter-spacing:.08em}.project-status>span:last-child{gap:8px}.annex-section{grid-template-columns:1fr;margin:0 var(--gutter)}.annex-art{height:270px;border-right:0;border-bottom:1px solid #a7b29c22}.portal-1{left:25%;width:53%;top:18%}.portal-2{left:36%;width:36%;top:30%}.portal-3{left:45%;width:21%;top:44%}.art-caption{font-size:6px;bottom:20px;left:24px}.annex-content{padding:34px 25px 37px}.annex-content .eyebrow{font-size:8px;margin-bottom:19px}.annex-content h2{font-size:20px;margin-bottom:24px}.annex-display{font-size:61px}.curator{font-size:8px;margin-bottom:26px;letter-spacing:.06em}.annex-description{font-size:10px}.button-link{font-size:10px;padding:13px 16px;min-height:50px}.opening-note{font-size:8px}.concept-note{font-size:8px;text-align:left;margin-top:14px;margin-bottom:48px}.footer-main{flex-wrap:wrap;gap:27px 30px;padding:28px 0}.footer-brand img{width:126px}.footer-main>p{font-size:10px}.footer-main>p span{font-size:9px}.back-top{width:100%;justify-content:flex-end;font-size:7px}.footer-bottom{font-size:8px;gap:16px;padding-top:19px}.site-footer{padding-bottom:24px}.back-home{font-size:9px;gap:9px}.annex-page-main{min-height:900px}.annex-page-image{background-position:65% bottom;background-size:auto 68%;background-repeat:no-repeat;background-image:linear-gradient(180deg,#101a1b 0%,#101a1bb0 50%,#101a1b40),url('assets/renewal-architecture.png')}.annex-page-main:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#101a1b 0%,#101a1bdd 42%,transparent 100%)}.annex-page-content{padding:60px var(--gutter) 130px}.annex-page-content h1{font-size:74px}.annex-page-content>.eyebrow{font-size:9px}.annex-page-curator{font-size:10px}.annex-page-title{font-size:28px}.annex-page-description{font-size:11px}.annex-page-note{font-size:9px;max-width:290px}.annex-concept-note{font-size:7px;bottom:24px}.compact-footer{padding-top:4px}}
@media(max-width:360px){:root{--gutter:20px}.brand img{width:125px}.hero h1{font-size:31px}.hero-message{font-size:9px}.annex-word{font-size:26px}.annex-entry-title{gap:10px}.mini-label{font-size:7px}.project-body h2{font-size:23px}.annex-content{padding-left:21px;padding-right:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.architecture{transform:none}.motion-toggle{display:none!important}}

/* Requested revision: artwork unchanged; only brand placement, readable type and footer. */
.brand .brand-mark{width:auto;height:48px;max-width:none}
.brand .brand-wordmark{width:auto;height:48px;max-width:none}
.brand{gap:10px;align-items:center}
.footer-brand .brand-mark,.footer-brand .brand-wordmark{height:43px}
.header-location,.main-nav,.hero-topline,.hero-copy .eyebrow,.project-body .eyebrow,.annex-content .eyebrow,.annex-page-content>.eyebrow{font-size:12px}
.hero-message,.hero .text-link,.text-link,.origin{font-size:15px}
.hero-bottomline,.motion-toggle,.mini-label,.section-index,.section-index span:last-child,.status-key,.art-caption,.opening-note,.concept-note,.back-top,.annex-concept-note{font-size:12px}
.market-description{font-size:16px;line-height:2;letter-spacing:.045em;margin-bottom:30px;max-width:46em}
.project-details p,.project-details .project-note,.project-status,.annex-description,.button-link,.annex-entry-action,.annex-page-description,.annex-page-status,.annex-page-note,.back-home{font-size:15px}
.annex-word,.annex-entry-curator .curator-name{font-size:26px;font-weight:300;letter-spacing:.04em;line-height:1.2}
.annex-entry-curator .selected-by{font-size:12px;color:inherit;margin:0;line-height:1.5}
.annex-entry-curator .curator-name{display:block;white-space:nowrap}
.annex-entry-curator>span:last-child{font-size:13px}
.annex-display,.curator .curator-name{font-size:clamp(24px,2.3vw,34px);font-weight:300;line-height:1.2;letter-spacing:.04em}
.curator .selected-by,.annex-page-curator .selected-by{display:block;font-size:13px;line-height:1.6}
.curator .curator-name{display:block;white-space:nowrap}
.annex-page-content h1,.annex-page-curator .curator-name{font-size:clamp(30px,4vw,58px);font-weight:300;line-height:1.2;letter-spacing:.04em}
.annex-page-curator .curator-name{display:block}
.footer-main>p{font-size:15px}.footer-main>p span{font-size:13px}
.footer-bottom{flex-direction:column;align-items:flex-start;gap:9px;font-size:13px;line-height:1.6}
@media(max-width:1050px){.main-nav{gap:24px}.annex-entry-curator .curator-name,.annex-word{font-size:25px}}
@media(max-width:680px){
 .brand{gap:7px}.brand .brand-mark,.brand .brand-wordmark{height:37px}
 .footer-brand .brand-mark,.footer-brand .brand-wordmark{height:35px}
 .annex-nav{font-size:12px}.main-nav{gap:0}
 .hero-topline,.hero-copy .eyebrow,.project-body .eyebrow,.annex-content .eyebrow{font-size:12px}
 .hero-message,.hero .text-link,.origin{font-size:14px}
 .hero-bottomline{font-size:10px;letter-spacing:.02em}.motion-toggle{font-size:12px;white-space:nowrap}
 .annex-word,.annex-entry-curator .curator-name{font-size:23px}.mini-label{font-size:12px}
 .annex-entry-curator>span:last-child{font-size:13px}
 .annex-entry-action>span:first-child{display:block;font-size:12px;writing-mode:vertical-rl;letter-spacing:.06em}
 .annex-entry-action{gap:8px;flex-direction:column}
 .section-index,.section-index span:last-child,.project-status,.status-key{font-size:12px}
 .market-description,.project-details p,.project-details .project-note,.annex-description,.button-link{font-size:15px}
 .annex-display,.curator .curator-name{font-size:24px}.curator{letter-spacing:.02em}
 .art-caption{font-size:10px;letter-spacing:.08em}
 .opening-note,.concept-note,.back-top{font-size:12px}
 .footer-main>p{font-size:14px}.footer-main>p span{font-size:13px}.footer-bottom{font-size:13px;gap:9px}
 .annex-page-content h1,.annex-page-curator .curator-name{font-size:28px}
 .annex-page-description,.annex-page-note,.back-home{font-size:14px}.annex-concept-note{font-size:10px}
}
@media(max-width:360px){.brand .brand-mark,.brand .brand-wordmark{height:32px}.annex-word,.annex-entry-curator .curator-name{font-size:21px}.mini-label{font-size:11px}.curator .curator-name,.annex-display{font-size:22px}}
@media(max-width:680px){.desktop-break{display:none}.annex-entry-action>span:first-child{display:none}.annex-entry-action{flex-direction:row;gap:0}}

/* Final top-page logo spacing. Original image files and aspect ratios are retained. */
body:not(.annex-page) .brand{gap:12px}
body:not(.annex-page) .brand .brand-mark{height:44px}
body:not(.annex-page) .footer-brand{gap:11px}
body:not(.annex-page) .footer-brand .brand-mark{height:40px}
@media(max-width:680px){
 body:not(.annex-page) .brand{gap:8px}
 body:not(.annex-page) .brand .brand-mark{height:34px}
 body:not(.annex-page) .footer-brand .brand-mark{height:32px}
}
@media(max-width:360px){body:not(.annex-page) .brand .brand-mark{height:30px}}