@charset "UTF-8";
:root{--paper:#f7f7f3;--ink:#242521;--muted:#74746d;--line:#d6d6cf;--clay:#a5493e;--charcoal:#252622;--serif:Georgia,'Times New Roman',serif;--sans:'Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--clay);outline-offset:4px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500}img{max-width:100%}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:#fff;padding:8px}.skip:focus{top:10px}.small-mono,.eyebrow,.hero-topline,.hero-bottom,.hero-index,.hero-kicker,.small-tag,.idea-card-top,.intro-caption,.idea-header,.reality-strip>span,.plan-header,.plan-footer,.usage-prompt>span,.figure-caption,.idea-filters,.index-item>span,.status-line>span,.log-timeline>span,.mail-feature>span,.demo-flag,.site-footer,.idea-miniature,.form-disclaimer{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.075em}.small-mono{font-size:10px;color:#77776e}.site-header{height:78px;padding:0 4.3%;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);position:relative;z-index:20;background:var(--paper)}.brand{font-size:25px;font-weight:800;letter-spacing:-.085em;white-space:nowrap;line-height:1.2}.brand span{color:var(--clay)}.header-note{font:italic 13px var(--serif);white-space:nowrap;color:#73736b}.header-note i{font-style:normal;color:var(--clay);margin:0 3px}.desk-nav{display:flex;align-items:center;gap:clamp(11px,1.4vw,24px);margin-left:auto}.desk-nav a,.mobile-nav a{font-size:10px;font-weight:750;letter-spacing:.03em;white-space:nowrap}.desk-nav a:hover,.desk-nav a[aria-current=page],.mobile-nav a:hover{color:var(--clay)}.header-tools{display:flex;align-items:center;margin-left:8px;gap:18px}.lang{display:flex;align-items:center;gap:7px;font-size:11px}.lang-active{font-weight:800}.lang>a{color:#92918b}.lang-sep{color:#b5b3ad}.menu-trigger{display:none;border:0;background:transparent;font-size:11px;font-weight:700;letter-spacing:.08em}.mobile-nav{display:none}.hero{min-height:calc(100svh - 78px);max-height:920px;position:relative;display:flex;flex-direction:column;padding:40px 4.3% 24px;overflow:hidden}.hero-topline,.hero-bottom{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#6b6d63}.live-dot{display:inline-block;width:7px;height:7px;background:var(--clay);border-radius:50%;margin-right:8px}.hero-main{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(290px,.58fr);grid-template-rows:auto 1fr;column-gap:5vw;padding:10vh 0 6vh}.hero-kicker{grid-column:1/-1;align-self:end;margin-bottom:27px;font-size:11px;letter-spacing:.18em;color:#8c8c82}.hero-title{align-self:start;font-family:var(--serif);font-size:clamp(58px,6.6vw,116px);font-weight:400;line-height:1.18;letter-spacing:-.075em;word-break:keep-all}.hero-side{align-self:center;border-top:1px solid #babbb0;padding-top:26px;max-width:380px}.hero-side>p{font-size:clamp(14px,1.12vw,17px);line-height:2.05;margin:18px 0 31px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.solid-link{background:var(--charcoal);border:1px solid var(--charcoal);color:#fff;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:48px;padding:13px 19px;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}.solid-link:hover{background:#45463e}.plain-button{border:0;background:transparent;border-bottom:1px solid #a9a9a0;min-height:43px;padding:10px 2px;font-size:12px;font-weight:650}.plain-button:hover{color:var(--clay)}.hero-index{display:flex;align-items:center;gap:12px;margin-top:26px;color:#7a7b71;font-size:11px}.hero-index>span:first-child{color:var(--ink);font-weight:700}.tiny-line{width:44px;height:1px;background:var(--line);margin:0 7px}.hero-index button{background:none;border:none;color:inherit;font-size:11px;padding:8px}.hero-bottom{border-top:1px solid var(--line);padding-top:16px;position:relative;z-index:2}.hero-ghost{position:absolute;right:-5vw;bottom:-22vw;font:400 70vw/1 var(--serif);color:#eeeeea;pointer-events:none;z-index:0;user-select:none}.section{padding:clamp(95px,10vw,164px) 4.3%}.eyebrow{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:10px;color:#77776f}.section-lead{display:grid;grid-template-columns:1.5fr .5fr;gap:6vw;align-items:end;padding:55px 0 50px}.section-lead h2,.manifesto-grid h2,.notebook-grid h2,.owner-invite-flex h2,.log-grid h2,.about-layout h2,.letter-layout h2,.naya-grid h2,.wall-grid h2{font-family:var(--serif);font-weight:400;letter-spacing:-.06em;line-height:1.19;font-size:clamp(47px,5.6vw,100px)}.section-lead h2 em{font-weight:400}.section-lead p,.section-tail p,.manifesto-side p,.notebook-grid>div>p,.owner-invite-flex>div>p,.prose p,.secret-copy>p,.wall-grid>div>p{font-size:15px;line-height:2.12}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:#d4d4cc}.idea-card{background:#edede7;display:flex;flex-direction:column;min-height:495px;padding:24px 28px 29px;transition:background .25s}.idea-card:hover{background:#e3e3db}.idea-card-top{display:flex;justify-content:space-between;color:#77776d;font-size:11px}.card-arrow{font-size:17px}.idea-miniature{height:230px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.idea-miniature>span{font:normal clamp(55px,6.5vw,112px)/1 var(--serif);color:#ada69e;letter-spacing:-.09em}.miniature-1tk::before{content:'';border:2px solid #b4b0a6;width:50%;height:65%;position:absolute;transform:rotate(-8deg)}.miniature-1tk>span{position:relative;color:var(--clay)}.miniature-desert{background:radial-gradient(circle at 70% 30%,#efb276 0 9%,transparent 9.1%),linear-gradient(175deg,transparent 45%,#d4b58d 46%,#cab08e 64%,#ad9075 100%);clip-path:inset(22% 10% 17% 10%)}.miniature-desert>span{color:#f0e3d3;z-index:1}.miniature-secret::before{content:'';position:absolute;width:55%;height:70%;border:3px solid #94968c;background:linear-gradient(#a44b40 0 51%,#dcdbd3 51%);transform:skewY(-7deg)}.miniature-secret>span{color:#f6f4e8;position:relative}.idea-card-bottom{margin-top:auto}.idea-card-bottom h3{font-size:clamp(20px,2vw,29px);font-weight:550;letter-spacing:-.045em;line-height:1.4}.idea-card-bottom p{color:#696a62;min-height:44px;font-size:12px;line-height:1.75;margin-top:12px}.small-tag{display:inline-block;margin-top:22px;font-size:9px;color:#99988e}.section-tail{margin-top:31px;display:flex;justify-content:space-between;align-items:end;gap:35px}.section-tail p{max-width:610px}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:9px;font-size:13px;font-weight:700;white-space:nowrap}.text-link:hover{color:var(--clay)}.dark-manifesto{background:#242622;color:#f8f8f4}.dark-manifesto .eyebrow{border-color:#5c5d54;color:#c1c1b5}.manifesto-grid{display:grid;grid-template-columns:1.45fr .55fr;align-items:end;gap:7vw;margin-top:60px}.manifesto-grid h2{font-size:clamp(58px,6.8vw,125px)}.manifesto-side{padding-bottom:8px}.manifesto-side .small-mono{color:#b8b8ad}.manifesto-side p{margin:24px 0 38px;color:#e0e0d7}.light-link{color:#fff}.notebook-tease{background:#eeeee9}.notebook-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;margin-top:62px}.notebook-grid>div>p{max-width:540px}.status-line{border-top:1px solid #babbb0;border-bottom:1px solid #babbb0;display:flex;gap:20px;flex-direction:column;padding:28px 0;margin:45px 0 35px}.status-line span{font-size:10px;color:var(--clay)}.status-line strong{font-size:16px;font-weight:500}.owner-invite{background:#e6e5df}.owner-invite-flex{display:grid;grid-template-columns:1.3fr .7fr;gap:6vw;margin-top:62px;align-items:end}.owner-invite-flex>div>p{margin-bottom:36px}.site-footer{padding:48px 4.3% 25px;font-size:11px;color:#696b62}.footer-top{display:flex;align-items:center;gap:4vw;padding-bottom:54px}.footer-top .brand{color:var(--ink)}.footer-top p{max-width:350px}.mail-link{margin-left:auto;color:var(--ink);font-size:13px;border-bottom:1px solid #93958a;padding-bottom:5px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-bottom>div{display:flex;gap:22px;flex-wrap:wrap}.footer-bottom a:hover{color:var(--clay)}.toast{position:fixed;right:25px;bottom:25px;background:#242521;color:#fff;box-shadow:0 12px 30px #0002;padding:13px 20px;font-size:12px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;z-index:200}.toast.show{opacity:1;transform:translateY(0)}.page-intro{padding:clamp(90px,10vw,154px) 4.3% clamp(65px,8vw,117px)}.page-intro h1{font:400 clamp(60px,8vw,146px)/1.12 var(--serif);letter-spacing:-.075em;margin:30px 0 26px}.page-intro>p{max-width:700px;font-size:clamp(15px,1.3vw,19px);line-height:2}.intro-caption{margin-top:45px;font-size:10px;color:#99988e}.ideas-body{padding:0 4.3% 135px}.main-idea,.immersive-idea,.secret-idea{margin-bottom:110px;scroll-margin-top:100px}.idea-header{padding:15px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#77786e}.main-idea-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:0;background:#ebeae3}.main-idea-copy{padding:clamp(30px,4.5vw,70px);display:flex;flex-direction:column;align-items:flex-start;min-height:610px}.main-idea-copy h2,.desert-content h2,.secret-copy h2,.idea-index h2{font:400 clamp(42px,4.6vw,82px)/1.19 var(--serif);letter-spacing:-.067em;margin:25px 0 28px}.main-idea-copy>p,.desert-content>p,.secret-copy>p{max-width:510px;font-size:16px;line-height:2.05}.main-idea-copy .subtext{margin-top:20px;color:#77776e;font-size:13px}.main-idea-controls{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto;padding-top:42px}.main-idea-controls button,.use-buttons button,.idea-filters button{border:1px solid #b4b4aa;background:transparent;padding:10px 13px;font-size:12px}.main-idea-controls button.active,.use-buttons button.selected,.idea-filters button.active{background:#242521;color:#fff;border-color:#242521}.plan-area{background:#f5f3ee;display:flex;flex-direction:column;justify-content:space-between;padding:25px 27px}.plan-header,.plan-footer{font-size:9px;color:#797970;display:flex;justify-content:space-between;gap:12px}.plan-area svg{display:block;width:100%;max-width:550px;margin:auto}.reality-strip{display:grid;grid-template-columns:200px 1fr auto;align-items:start;gap:25px;border-bottom:1px solid var(--line);padding:28px 0}.reality-strip>span{font-size:10px;color:var(--clay)}.reality-strip p{font-size:13px;max-width:700px;line-height:1.95}.reality-strip a{font-size:12px;border-bottom:1px solid currentColor;white-space:nowrap}.desert-scene{min-height:620px;background:#e8d8c4;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;transition:background 1s}.desert-content{padding:clamp(34px,5vw,82px);position:relative;z-index:2}.desert-content h2{font-size:clamp(42px,5vw,88px)}.desert-button{margin-top:38px;background:transparent;border:1px solid #35352e;padding:16px 20px;display:flex;justify-content:space-between;gap:40px;font-size:12px;font-weight:750}.desert-art{min-height:540px;position:relative;overflow:hidden;perspective:600px}.desert-sun{position:absolute;right:21%;top:16%;width:100px;height:100px;border-radius:50%;background:#eab887;opacity:.2;transition:opacity 1s}.dune{position:absolute;left:-30%;width:160%;height:250px;border-radius:50% 50% 0 0;bottom:-100px;transition:transform 1s}.dune-a{background:#c8a177;transform:translateY(120px) rotate(-12deg)}.dune-b{background:#ac8467;left:14%;bottom:-146px;transform:translateY(130px) rotate(14deg)}.door-frame{position:absolute;left:10%;top:7%;width:72%;height:88%;border:18px solid #484137;border-bottom:0;background:linear-gradient(#efc59d,#d8b991 50%,#b99572);box-shadow:18px 8px 34px #3a2a1b22;overflow:hidden;transition:border-color 1s}.door-panel{position:absolute;inset:0;background:#827a6b;transform-origin:left center;transition:transform 1.1s ease}.door-panel:after{content:'';width:10px;height:10px;background:#d6c8ae;position:absolute;right:25px;top:50%;border-radius:50%}.desert-scene.open{background:#dfc7a9}.desert-scene.open .door-panel{transform:rotateY(-110deg)}.desert-scene.open .desert-sun{opacity:1}.desert-scene.open .dune-a{transform:translateY(0) rotate(-12deg)}.desert-scene.open .dune-b{transform:translateY(0) rotate(14deg)}.secret-grid{display:grid;grid-template-columns:1.05fr .95fr;background:#e8e8e1}.secret-drawing{min-height:610px;background:#dadad3;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:65px 8% 25px}.building-roof{height:15px;width:70%;background:#383b35;transform:skewX(-30deg);margin-left:10px}.building-upstairs,.building-downstairs{width:68%;height:175px;border:7px solid #404039;display:flex;align-items:center;justify-content:center;position:relative}.building-upstairs{background:#a44d42;color:#f5f3e8}.building-downstairs{background:#efeee7;color:#44453c;border-top:0}.building-upstairs>span,.building-downstairs>span{position:absolute;left:14px;top:8px;font-size:12px}.building-upstairs strong,.building-downstairs strong{font:400 clamp(22px,2.5vw,40px)/1.2 var(--serif);letter-spacing:-.04em}.window-glow{position:absolute;right:19px;top:19px;height:24px;width:24px;border:2px solid #f0ded3}.figure-caption{font-size:9px;color:#85877d;margin-top:25px;text-align:center}.secret-copy{padding:clamp(32px,5vw,75px)}.secret-copy h2{font-size:clamp(40px,4.5vw,79px)}.usage-prompt{border-top:1px solid #b9b9b0;margin-top:38px;padding-top:23px}.usage-prompt>span{font-size:10px;color:#686960}.use-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.small-real{font-size:12px!important;margin:25px 0 28px;color:#74756c}.idea-index{padding-top:65px;scroll-margin-top:100px}.idea-index h2{font-size:clamp(50px,6vw,105px);margin:55px 0 22px}.idea-index>p{font-size:15px;max-width:800px}.idea-filters{display:flex;flex-wrap:wrap;gap:7px;margin-top:48px;margin-bottom:24px}.idea-filters button{font-size:10px;letter-spacing:.05em;min-height:39px}.index-item{display:grid;grid-template-columns:52px 1fr 1fr 80px;gap:25px;align-items:center;min-height:102px;border-top:1px solid var(--line);scroll-margin-top:100px}.index-item:last-child{border-bottom:1px solid var(--line)}.index-item>span{font-size:11px;color:#85857c}.index-item h3{font-size:clamp(18px,2.1vw,30px);letter-spacing:-.035em}.index-item p{color:#73746c;font-size:13px}.index-item .tag{text-align:right;font-size:10px}.index-item.is-hidden,.main-idea.is-hidden,.immersive-idea.is-hidden,.secret-idea.is-hidden{display:none}.log-grid,.about-layout,.letter-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:10vw;margin-top:70px}.log-timeline{border-top:1px solid #b7b8ae;padding:30px 0 45px;margin-bottom:30px}.log-timeline span{font-size:11px;color:var(--clay)}.log-timeline strong{display:block;font-size:22px;font-weight:550;margin-top:25px}.log-timeline p{font-size:15px;line-height:2;margin-top:18px}.prose p{margin-bottom:28px}.principles{background:#ecece6}.principle-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:65px}.principle-list article{padding:28px 32px 30px;border-right:1px solid #d2d3ca}.principle-list article:first-child{padding-left:0}.principle-list article:last-child{border-right:0}.principle-list span{font:12px ui-monospace,monospace;color:var(--clay)}.principle-list h3{font-size:26px;margin:20px 0;letter-spacing:-.04em}.principle-list p{font-size:14px;line-height:1.95}.naya-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:center;margin-top:65px}.naya-grid img{display:block;width:100%;aspect-ratio:1.3;object-fit:cover}.naya-grid figcaption{font-size:10px;color:#8b8d82;margin-top:10px}.naya-grid h2{margin:21px 0 28px}.naya-grid>div>p{font-size:15px;line-height:2.1}.owners-intro{background:#eeeee8}.mail-feature{padding:31px 0;border-top:1px solid var(--line);margin-top:38px;display:flex;flex-direction:column;gap:10px}.mail-feature>span{font-size:11px;color:var(--clay)}.mail-feature a{font-size:clamp(17px,2vw,27px);font-weight:600;word-break:break-word}.mail-feature small{font-size:11px;color:#74746d}.wall-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-top:65px}.wall-grid h2{margin-bottom:35px}.wall-grid>div>p{max-width:540px}.demo-flag{font-size:11px;color:var(--clay);margin-top:40px}.wall-compose{background:#eeeee9;padding:clamp(25px,3.5vw,50px)}.wall-compose label{display:block;font-size:12px;font-weight:700;margin-bottom:12px}.wall-compose select,.wall-compose textarea{display:block;width:100%;background:#fcfcf9;border:1px solid #bfc0b6;border-radius:0;padding:13px 15px;font-size:14px;color:var(--ink);margin-bottom:24px}.wall-compose textarea{resize:vertical;min-height:110px}.compose-footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.compose-footer>span{font-size:11px;color:#86887f}.form-disclaimer{font-size:10px;margin-top:20px;color:#85867d}.wall-saved{margin-top:75px}.saved-head{display:flex;justify-content:space-between;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:19px}.saved-head h3{font-size:19px}.saved-head button{border:0;background:transparent;text-decoration:underline;font-size:11px}.saved-entries{padding:22px 0}.saved-entry{display:grid;grid-template-columns:160px 1fr;gap:30px;border-bottom:1px solid var(--line);padding:25px 0}.saved-entry span{font-size:11px;color:var(--clay)}.saved-entry p{font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}.empty-note{font-size:14px;color:#929287}.legal-inner{max-width:850px;margin:0 auto}.legal-inner p{font-size:16px;line-height:2.2;margin-bottom:25px}.legal-inner a{text-decoration:underline}
@media(max-width:1250px){.header-note{display:none}.desk-nav{gap:14px}.site-header{gap:15px}.hero-title{font-size:clamp(56px,6.8vw,95px)}.hero-main{grid-template-columns:1.35fr .65fr}.feature-grid .idea-card{padding:23px}}
@media(max-width:990px){.desk-nav{display:none}.menu-trigger{display:inline-flex;align-items:center;gap:12px}.header-tools{margin-left:auto}.mobile-nav{position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:25px 5%;display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #00000012}.mobile-nav.open{display:grid}.mobile-nav a{font-size:13px}.hero{min-height:735px;max-height:none}.hero-main{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:38px;padding:85px 0 100px}.hero-kicker{margin:0}.hero-title{font-size:clamp(60px,8vw,100px)}.hero-side{max-width:620px;align-self:start}.hero-side>p{margin-bottom:22px}.section-lead,.manifesto-grid,.notebook-grid,.owner-invite-flex,.log-grid,.about-layout,.letter-layout,.wall-grid{grid-template-columns:1fr;gap:42px}.section-lead p{max-width:650px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid .idea-card:last-child{grid-column:1/-1;min-height:390px}.feature-grid .idea-card:last-child .idea-miniature{height:170px}.main-idea-grid,.secret-grid{grid-template-columns:1fr}.main-idea-copy{min-height:500px}.plan-area{min-height:480px}.secret-drawing{min-height:420px}.desert-scene{grid-template-columns:1fr 1fr}.reality-strip{grid-template-columns:140px 1fr}.reality-strip a{grid-column:2}.naya-grid{grid-template-columns:1fr}.index-item{grid-template-columns:45px 1fr 1fr;gap:15px}.index-item .tag{display:none}}
@media(max-width:680px){body{font-size:14px}.site-header{height:67px;padding:0 5%}.brand{font-size:23px}.menu-trigger{font-size:10px}.hero{min-height:calc(100svh - 67px);padding:25px 5% 22px}.hero-topline span:last-child,.hero-bottom span{display:none}.hero-main{padding:clamp(55px,10vh,110px) 0 75px;gap:28px}.hero-kicker{font-size:10px}.hero-title{font-size:clamp(48px,10.5vw,76px);line-height:1.2}.hero-side{padding-top:21px}.hero-side>p{font-size:14px;line-height:1.95;margin:12px 0 24px}.hero-ghost{font-size:100vw;right:-18vw;bottom:-5vw}.hero-index{margin-top:18px;flex-wrap:wrap}.section{padding:90px 5%}.eyebrow{font-size:9px;line-height:1.55}.eyebrow span:last-child{display:none}.section-lead{padding:37px 0;gap:22px}.section-lead h2,.manifesto-grid h2,.notebook-grid h2,.owner-invite-flex h2,.log-grid h2,.about-layout h2,.letter-layout h2,.naya-grid h2,.wall-grid h2{font-size:clamp(43px,10vw,66px)}.section-lead p,.section-tail p,.manifesto-side p,.notebook-grid>div>p,.owner-invite-flex>div>p,.prose p,.wall-grid>div>p{font-size:14px}.feature-grid{grid-template-columns:1fr;gap:1px}.feature-grid .idea-card:last-child{grid-column:auto}.idea-card,.feature-grid .idea-card:last-child{min-height:380px;padding:20px 24px}.idea-miniature,.feature-grid .idea-card:last-child .idea-miniature{height:175px}.idea-card-bottom p{min-height:0}.section-tail{flex-direction:column;align-items:flex-start}.manifesto-grid,.notebook-grid,.owner-invite-flex{margin-top:37px}.manifesto-grid h2{font-size:clamp(51px,10.5vw,77px)}.site-footer{padding:42px 5% 27px}.footer-top{flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:40px}.mail-link{margin-left:0}.footer-bottom{align-items:flex-start;flex-direction:column}.page-intro{padding:84px 5% 75px}.page-intro h1{font-size:clamp(53px,12.5vw,82px);margin:22px 0}.page-intro>p{font-size:14px}.ideas-body{padding:0 5% 100px}.main-idea,.immersive-idea,.secret-idea{margin-bottom:75px}.main-idea-copy{padding:34px 25px;min-height:450px}.main-idea-copy h2,.desert-content h2,.secret-copy h2,.idea-index h2{font-size:clamp(42px,9.5vw,66px)}.main-idea-copy>p,.desert-content>p,.secret-copy>p{font-size:14px}.plan-area{padding:19px 13px;min-height:360px}.plan-header,.plan-footer{font-size:8px}.reality-strip{grid-template-columns:1fr;gap:12px}.reality-strip a{grid-column:auto;justify-self:start}.desert-scene{grid-template-columns:1fr;min-height:auto}.desert-content{padding:40px 26px 10px}.desert-art{min-height:300px}.door-frame{width:57%;height:94%;left:21%;top:8%;border-width:12px}.desert-button{margin-top:26px}.secret-copy{padding:37px 26px}.secret-drawing{min-height:350px;padding:33px 6% 16px}.building-upstairs,.building-downstairs{height:126px;width:77%}.building-roof{width:79%}.idea-index h2{margin-top:38px}.idea-filters{margin-top:30px}.index-item{grid-template-columns:31px 1fr;gap:9px 12px;padding:19px 0;min-height:90px}.index-item h3{font-size:19px}.index-item p{grid-column:2;font-size:12px}.principle-list{grid-template-columns:1fr;margin-top:35px}.principle-list article,.principle-list article:first-child{border-right:0;border-bottom:1px solid #d2d3ca;padding:22px 0}.naya-grid{gap:35px;margin-top:36px}.naya-grid h2{margin:18px 0}.saved-entry{grid-template-columns:1fr;gap:10px}.compose-footer{flex-wrap:wrap}.wall-compose{padding:25px}.saved-head h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Launch-candidate refinements */
.wall-real-contact{margin-top:68px;padding:36px clamp(24px,5vw,64px);background:#242622;color:#f8f7f1;display:grid;grid-template-columns:1fr 1fr;column-gap:6vw;align-items:center}
.wall-real-contact h2{font-size:clamp(33px,4.7vw,68px);line-height:1.18;letter-spacing:-.06em;margin:16px 0}
.wall-real-contact>p{font-size:14px;line-height:2;max-width:480px;color:#d5d6ce}
.wall-real-contact .small-mono{color:#c6bdb4;grid-column:1/-1}
.wall-send-email{color:#fff;border:0;padding:14px 0;text-align:left;background:none;font-size:15px;cursor:pointer;justify-self:start;grid-column:2}
.wall-email-note{grid-column:2;font-size:11px!important;margin:0 0 12px;opacity:.7}
:focus-visible{outline:3px solid #b04a3d;outline-offset:4px}
@media(max-width:680px){.wall-real-contact{grid-template-columns:1fr;gap:16px;padding:32px 25px}.wall-send-email,.wall-email-note{grid-column:1}.wall-real-contact h2{margin:0}.wall-email-note{margin:0}}

/* Typography corrections: preserve the whole brand mark and prevent awkward JP heading breaks. */
.brand,.brand span{white-space:nowrap;word-break:keep-all;overflow-wrap:normal}.brand{display:inline-flex;align-items:baseline;flex:none;letter-spacing:-.055em}.brand span{display:inline-block;flex:none;letter-spacing:0;margin-left:.02em}.site-header .brand{min-width:max-content}
body[data-lang="ja"] .hero-title,body[data-lang="ja"] .main-idea-copy h2,body[data-lang="ja"] .section-lead h2{line-break:strict;overflow-wrap:anywhere;word-break:normal;text-wrap:pretty}
body[data-lang="ja"] .hero-title{max-width:12.5em;letter-spacing:-.055em}
@media(max-width:680px){body[data-lang="ja"] .hero-title{font-size:clamp(39px,9.2vw,63px);line-height:1.32;max-width:11em}body[data-lang="ja"] .main-idea-copy h2{font-size:clamp(35px,8.6vw,61px)}}


/* Showcase v2: quieter shell, more memorable concept encounters */
.hero{min-height:min(860px,calc(100svh - 78px))}
.hero-title{max-width:12em;text-wrap:balance}
.concept-theater{background:#eaeae3;padding:64px 4.3% 96px;position:relative}
.concept-theater .theater-lead{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:end;padding:25px 0 34px}
.concept-theater .theater-lead h2{font:400 clamp(40px,5.2vw,83px)/1.2 var(--serif);letter-spacing:-.07em;max-width:780px}
.concept-theater .theater-lead>p{justify-self:end;max-width:320px;line-height:2;font-size:14px;color:#66665d}
.theater-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(275px,.6fr);min-height:520px;background:#242622;color:#fff;overflow:hidden}
.theater-stage{position:relative;overflow:hidden;min-height:520px;background:#ddd8cf}
.theater-stage[data-concept="desert"]{background:#d1b390}
.theater-stage[data-concept="secret"]{background:#2e332d}
.theater-panel{position:absolute;inset:0;opacity:0;transform:scale(1.05);transition:opacity .6s,transform .75s;pointer-events:none}
.theater-stage[data-concept="toilet"] .theater-panel[data-scene="toilet"],.theater-stage[data-concept="desert"] .theater-panel[data-scene="desert"],.theater-stage[data-concept="secret"] .theater-panel[data-scene="secret"]{opacity:1;transform:scale(1);pointer-events:auto}
.theater-stage .scene-label{position:absolute;left:24px;top:22px;z-index:3;font:11px ui-monospace,monospace;letter-spacing:.12em;color:#33382f}
.theater-stage[data-concept="secret"] .scene-label{color:#ece9e0}
.theater-wc .blueprint{position:absolute;inset:13% 15%;border:8px solid #393b34;background:#eeeae2;box-shadow:26px 28px 0 #00000014;transform:rotate(-6deg);display:grid;grid-template-columns:1fr 1.5fr}
.theater-wc .blueprint>div{display:flex;align-items:center;justify-content:center;border:2px solid #393b34;color:#6f6e66;font:14px monospace;letter-spacing:.04em}
.theater-wc .blueprint .wc{background:#a64d41;color:#fff;font:400 clamp(55px,8vw,118px)/1 var(--serif);letter-spacing:-.08em}
.theater-wc .bp-note{position:absolute;bottom:18px;left:25px;font:11px monospace;color:#5c5d55}
.theater-desert{background:linear-gradient(#d8c9ac 0%,#d7b38d 64%,#ae835e 100%)}
.theater-desert .sun{position:absolute;top:12%;right:22%;width:100px;height:100px;border-radius:50%;background:#f5d5a3;box-shadow:0 0 60px #ebc9a2}
.theater-desert .dune1,.theater-desert .dune2{position:absolute;width:140%;left:-20%;border-radius:50% 50% 0 0}
.theater-desert .dune1{bottom:-43%;height:75%;background:#cca37a;transform:rotate(-8deg)}
.theater-desert .dune2{bottom:-60%;height:77%;background:#b88d69;transform:rotate(10deg)}
.theater-desert .doorframe{position:absolute;inset:10% 30% 0;border:18px solid #3b3b33;border-bottom:none;box-shadow:0 14px 32px #0005;perspective:400px;z-index:2}
.theater-desert .door{position:absolute;inset:0;background:#e3dfd5;transform-origin:left center;transform:perspective(500px) rotateY(-58deg);transition:transform .8s;border:5px solid #c7bfb0;box-shadow:6px 4px 20px #0004}
.theater-desert .door:after{content:'';position:absolute;right:9%;top:52%;width:12px;height:12px;background:#8d8a7a;border-radius:50%}
.theater-stage[data-concept="desert"]:hover .theater-desert .door{transform:perspective(500px) rotateY(-78deg)}
.theater-secret{background:linear-gradient(180deg,#272c28 0,#41413c 100%)}
.theater-secret .building{position:absolute;bottom:0;left:14%;width:72%;height:72%;border:8px solid #d6d6c8;display:grid;grid-template-rows:1fr 1fr;background:#3a4037;box-shadow:20px 0 0 #171a17}
.theater-secret .building .floor{display:flex;justify-content:space-around;align-items:center;gap:12px;padding:20px;border-bottom:7px solid #d6d6c8;color:#f8e9d6;font:400 clamp(40px,5vw,80px) var(--serif);letter-spacing:-.05em}
.theater-secret .building .floor.top{background:linear-gradient(160deg,#9c4d40,#57392f)}
.theater-secret .building .floor.base{background:#b8b6a7;color:#31322a;border-bottom:0}
.theater-secret .building .floor small{font:12px monospace;letter-spacing:.12em}
.theater-secret .stair{position:absolute;bottom:0;left:1%;font:400 140px var(--serif);color:#d9d2c0;transform:rotate(-10deg)}
.theater-menu{padding:36px 31px;display:flex;flex-direction:column;justify-content:space-between;gap:25px}
.theater-menu .theater-number{color:#b0b0a4;font:12px monospace;letter-spacing:.13em}
.theater-menu h3{font:400 clamp(32px,3vw,52px)/1.25 var(--serif);letter-spacing:-.06em;margin:13px 0}
.theater-menu p{font-size:13px;line-height:2;color:#cfcfc5}
.theater-tabs{display:flex;flex-direction:column;border-top:1px solid #62635a}
.theater-tabs button{display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;padding:15px 0;background:transparent;border:0;border-bottom:1px solid #62635a;color:#bbbdb2;font-size:12px}
.theater-tabs button.active{color:white;font-weight:750}
.theater-tabs button.active::after{content:'●';color:#b85847}
.theater-menu .theater-link{display:inline-block;align-self:start;color:#fff;font-weight:700;font-size:12px;padding-bottom:7px;border-bottom:1px solid white}
/* Each selected idea has a different visual rhythm. */
.feature-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;background:transparent}
.feature-grid .idea-card{min-height:515px;background:#e9e8e1;grid-column:span 5}
.feature-grid .idea-card:nth-child(1){grid-column:span 7;background:#e2e0d9}
.feature-grid .idea-card:nth-child(3){grid-column:span 12;min-height:360px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;column-gap:4vw;background:#353830;color:#fff}
.feature-grid .idea-card:nth-child(3) .idea-card-top{grid-column:1/-1;color:#d0cfc3}
.feature-grid .idea-card:nth-child(3) .idea-miniature{grid-column:2;grid-row:2;height:280px}
.feature-grid .idea-card:nth-child(3) .idea-card-bottom{grid-column:1;grid-row:2;align-self:end}
.feature-grid .idea-card:nth-child(3) .idea-card-bottom p{color:#d6d8cc}
.feature-grid .idea-card:nth-child(3) .small-tag{color:#c4c3b5}
.feature-grid .idea-card:nth-child(2) .idea-miniature{height:240px;clip-path:inset(4% 6% 7% 6%)}
.feature-grid .idea-card:nth-child(1) .idea-miniature{height:285px}
.idea-card{transition:transform .3s,background .3s}
.idea-card:hover{transform:translateY(-5px)}
.feature-grid .idea-card:nth-child(3) .miniature-secret::before{border-color:#d5d5c9}
@media(max-width:990px){.theater-layout{grid-template-columns:1fr}.theater-stage{min-height:420px}.theater-menu{gap:19px}.theater-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.theater-tabs button{padding:12px 8px;font-size:11px}.theater-tabs button:not(:last-child){border-right:1px solid #62635a}.feature-grid .idea-card{grid-column:span 6}.feature-grid .idea-card:nth-child(1){grid-column:span 6}.feature-grid .idea-card:nth-child(3){grid-column:span 12}}
@media(max-width:680px){.concept-theater{padding:48px 5% 72px}.concept-theater .theater-lead{grid-template-columns:1fr;gap:15px}.concept-theater .theater-lead h2{font-size:clamp(39px,9vw,62px)}.concept-theater .theater-lead>p{justify-self:start}.theater-stage{min-height:340px}.theater-wc .blueprint{inset:15% 12%;border-width:5px}.theater-wc .blueprint .wc{font-size:50px}.theater-desert .doorframe{inset:14% 23% 0;border-width:12px}.theater-secret .building{left:13%;width:75%}.theater-secret .building .floor{padding:8px;font-size:43px}.theater-menu{padding:28px 23px}.theater-tabs{grid-template-columns:1fr}.theater-tabs button{border-right:0!important}.feature-grid{gap:10px}.feature-grid .idea-card,.feature-grid .idea-card:nth-child(1),.feature-grid .idea-card:nth-child(3){grid-column:span 12;min-height:345px}.feature-grid .idea-card:nth-child(3){display:flex;flex-direction:column}.feature-grid .idea-card:nth-child(3) .idea-miniature{grid-column:auto;grid-row:auto;height:155px}.feature-grid .idea-card:nth-child(3) .idea-card-bottom{grid-column:auto;grid-row:auto}.feature-grid .idea-card:nth-child(1) .idea-miniature{height:180px}.hero{min-height:calc(100svh - 67px)}}
@media(prefers-reduced-motion:reduce){.theater-panel,.idea-card,.theater-desert .door{transition:none!important}}

/* v3 / editorial surprise: the homepage keeps its restraint, the ideas take the stage */
.brand{white-space:nowrap;display:inline-flex;flex-shrink:0;align-items:baseline}
.hero{isolation:isolate}
.hero-title{position:relative;z-index:3;max-width:11em;letter-spacing:-.079em}
.hero-side{position:relative;z-index:3}
.hero-object{margin:17px 0 22px;position:relative;background:#292c26;min-height:176px;overflow:hidden;color:#f3f3eb;display:flex;align-items:center;justify-content:center;transition:background .35s ease}
.hero-object:after{content:'';width:74%;height:130%;position:absolute;top:-20%;left:-10%;border:1px solid #ffffff23;transform:rotate(-20deg);pointer-events:none}
.hero-object-mark{font:400 clamp(75px,9vw,125px)/1 Georgia,'Yu Mincho',serif;letter-spacing:-.08em;transition:transform .45s ease,opacity .3s ease}
.hero-object[data-object="desert"]{background:#b9a082;color:#302f29}
.hero-object[data-object="secret"]{background:#a65142}
.hero-object[data-object="wallless"]{background:#373d37}
.hero-object[data-object="tent"]{background:#a1a28d;color:#282923}
.hero-object-meta{position:absolute;left:14px;right:14px;bottom:12px;display:flex;justify-content:space-between;gap:10px;font:9px ui-monospace,monospace;letter-spacing:.09em;opacity:.85}
.hero-object[data-object="desert"] .hero-object-mark{font-style:italic}
.hero-object[data-object="wallless"] .hero-object-mark{font-size:80px}
.intermission{padding:55px 4.3% 64px;overflow:hidden;background:#242722;color:#f7f6ef;border-top:1px solid #4d4e46;border-bottom:1px solid #4d4e46}
.intermission>.small-mono{color:#a8a9a0}
.intermission-big{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25;margin:30px 0 22px;letter-spacing:-.08em;font:400 clamp(46px,7.2vw,116px)/1.17 var(--serif)}
.intermission-big span{color:#a6a69a}.intermission-big strong{font-weight:400;color:#f3eee6;margin-left:min(14%,190px)}
.intermission p{margin:0 0 0 min(14%,190px);font-size:13px;color:#b9b9af;line-height:1.8}
.idea-bridge{background:#272923;color:#ecece3;padding:62px 4.3% 82px;margin:0 0 80px}
.idea-bridge .eyebrow{border-color:#68685e;color:#b1b2a8}
.idea-bridge-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;padding-top:45px}
.idea-bridge-lead .small-mono{color:#b4b1a5}
.idea-bridge-lead h2{font:400 clamp(44px,5.2vw,76px)/1.23 var(--serif);letter-spacing:-.075em;margin:27px 0 0}
.idea-bridge-details article{border-top:1px solid #67695f;padding:20px 0 23px}
.idea-bridge-details article>span{font:10px ui-monospace,monospace;color:#c3a599;letter-spacing:.1em}
.idea-bridge-details h3{font-size:17px;font-weight:500;line-height:1.55;margin:13px 0 8px}
.idea-bridge-details p{font-size:12px;line-height:1.9;color:#bdc0b4;margin:0}
@media(max-width:990px){.hero-object{width:min(370px,100%);margin:0 0 22px}.hero-main{padding-top:7vh;gap:18px}.hero-side{max-width:670px}.hero-object{min-height:122px}.hero-object-mark{font-size:82px}.hero-side>p{max-width:470px}}
@media(max-width:680px){.hero{min-height:750px}.hero-main{padding:48px 0 60px;gap:10px}.hero-title{font-size:clamp(41px,9vw,67px)}.hero-side{border-top:0;padding-top:0}.hero-object{min-height:116px;margin:7px 0 18px}.hero-object-mark{font-size:84px}.hero-object-meta{font-size:8px}.hero-side>p{margin:12px 0 22px}.hero-ghost{opacity:.55}.intermission{padding:42px 5% 55px}.intermission-big{font-size:clamp(36px,9vw,65px)}.intermission-big strong,.intermission p{margin-left:0}.idea-bridge{padding:45px 5% 60px}.idea-bridge-grid{grid-template-columns:1fr;gap:35px}.idea-bridge-lead h2{font-size:clamp(43px,10vw,65px)}}
@media(prefers-reduced-motion:reduce){.hero-object,.hero-object-mark{transition:none}}


/* Readability correction 2026-11-07: muted text, not muted information.
   The editorial low-key palette is preserved; faint text is not. */
:root { --muted:#55574f; }
.small-mono,.header-note,.hero-topline,.hero-bottom,.hero-index,
.hero-kicker,.eyebrow,.idea-card-top,.idea-card-bottom p,.small-tag,
.intro-caption,.idea-header,.plan-header,.plan-footer,.figure-caption,
.reality-strip>span,.usage-prompt>span,.index-item>span,.index-item p,
.naya-grid figcaption,.mail-feature small,.compose-footer>span,
.form-disclaimer,.empty-note,.demo-flag,.site-footer,.form-disclaimer,
.hero-index button,.lang>a,.small-real,.idea-filters,
.idea-miniature .idea-card-top { color:#51534b; }
/* Labels under 12px remain readable on pale cards and panels. */
.status-line>span,.log-timeline>span,.mail-feature>span,.principle-list span {color:#963c32;}
/* Off-white and light-grey section text */
.concept-theater .theater-lead>p,.idea-bridge + .section p,
.section-tail p,.theater-lead>p {color:#4b4d45;}
/* On dark panels, restore light high-contrast labels. */
.dark-manifesto .small-mono,.dark-manifesto .eyebrow,
.intermission .small-mono,.intermission p,.intermission-big span,
.idea-bridge .small-mono,.idea-bridge .eyebrow,
.idea-bridge-details p,.idea-bridge-details article>span,
.wall-real-contact .small-mono,.wall-real-contact>p,
.theater-menu .theater-number,.theater-menu p,
.theater-tabs button,.theater-menu .small-mono,
.feature-grid .idea-card:nth-child(3) .idea-card-top,
.feature-grid .idea-card:nth-child(3) .idea-card-bottom p,
.feature-grid .idea-card:nth-child(3) .small-tag {color:#e0e1d7;}
.theater-tabs button {color:#e1e3da;}
/* Disabled/inactive navigation must still be legible. */
.lang-sep {color:#62645c;}
/* User input, placeholders, and helper text are functional content. */
.wall-compose textarea::placeholder {color:#55574f;opacity:1;}
.wall-compose select,.wall-compose textarea {color:#252621;}
.wall-email-note {opacity:1;color:#deded3;}
/* Make the site identity remain intact, with no wrapping at its final full stop. */
.brand {white-space:nowrap;}

/* Public-release refinements: reading-first, accessible enquiry controls. */
.owner-form{max-width:780px;margin:64px auto 0;padding:36px;border:1px solid #c9cbc1;background:#f0f0e9}
.owner-form h2{margin:0 0 12px;font-size:clamp(28px,4vw,42px);line-height:1.4}
.owner-form>p{max-width:610px;color:#454a41;line-height:1.9;margin-bottom:22px}
.owner-field{display:flex;flex-direction:column;gap:8px;margin:17px 0}
.owner-field label{color:#353a32;font-size:13px;font-weight:700}
.owner-field input,.owner-field select,.owner-field textarea{width:100%;min-height:46px;border:1px solid #888b80;background:#fff;color:#20251e;padding:12px 14px;font:inherit;font-size:16px;border-radius:0}
.owner-field textarea{min-height:110px;resize:vertical}
.owner-form .solid-link,.wall-compose .solid-link{margin-top:14px;cursor:pointer}
.owner-form .form-disclaimer{font-size:12px;color:#51564d;line-height:1.8;margin:15px 0 0}
.legal-inner h2{font-size:clamp(21px,3vw,27px);margin:34px 0 8px;color:#2a2d27}
.legal-inner p{line-height:2}
.wall-grid .wall-compose{max-width:100%}
@media(max-width:600px){.owner-form{margin-top:32px;padding:24px 18px}}


/* Readability pass 2 — 2026-11-07
   All content labels must remain legible on light and dark backgrounds. */
:root { --muted:#444840; }
/* Paper and pale surfaces: labels and metadata use ink, not decorative greys. */
.small-mono,.eyebrow,.hero-topline,.hero-bottom,.hero-index,.hero-kicker,
.idea-card-top,.idea-card-bottom p,.small-tag,.intro-caption,.idea-header,
.plan-header,.plan-footer,.figure-caption,.reality-strip>span,
.usage-prompt>span,.index-item>span,.index-item p,.naya-grid figcaption,
.mail-feature small,.compose-footer>span,.form-disclaimer,.empty-note,
.demo-flag,.site-footer,.header-note,.lang>a,.hero-index button,
.theater-lead>p,.small-real,.hero-object-meta {color:#3f433a;}
/* Avoid tiny, decorative text for essential status information. */
.small-tag,.intro-caption,.idea-card-top,.hero-kicker,.figure-caption,
.index-item>span,.form-disclaimer,.demo-flag,.hero-object-meta {font-size:11px;}
/* Some of these identifiers are nested in coloured dark sections. */
.dark-manifesto .small-mono,.dark-manifesto .eyebrow,
.dark-manifesto .manifesto-side p,.dark-manifesto .manifesto-side .small-mono,
.intermission .small-mono,.intermission p,.intermission-big span,
.idea-bridge .small-mono,.idea-bridge .eyebrow,.idea-bridge-lead .small-mono,
.idea-bridge-details p,.idea-bridge-details article>span,
.wall-real-contact .small-mono,.wall-real-contact>p,
.theater-menu .theater-number,.theater-menu p,.theater-menu .small-mono,
.theater-tabs button,.feature-grid .idea-card:nth-child(3) .idea-card-top,
.feature-grid .idea-card:nth-child(3) .idea-card-bottom p,
.feature-grid .idea-card:nth-child(3) .small-tag,
.hero-object-meta {color:#f0efe8;}
/* Distinguish focus and interactivity without washing out text. */
.lang-sep {color:#575a52;}
.wall-compose textarea::placeholder,textarea::placeholder,input::placeholder {color:#4b5046;opacity:1;}
/* Avoid washed-out text in light desert hero objects. */
.hero-object[data-object="desert"] .hero-object-meta,
.hero-object[data-object="tent"] .hero-object-meta {color:#242820;}
/* Status remains distinguishable; never depend on grey alone. */
.status-line>span,.log-timeline>span,.mail-feature>span,.principle-list span {color:#8c362e;}

/* FINAL readability pass: legibility wins over decorative greys. */
:root{--muted:#41463d}
/* Metadata, navigation and captions: minimum 12px, 13px on narrow screens. */
.small-mono,.eyebrow,.hero-topline,.hero-bottom,.hero-index,.hero-kicker,
.idea-card-top,.small-tag,.intro-caption,.idea-header,.plan-header,.plan-footer,
.figure-caption,.reality-strip>span,.usage-prompt>span,.index-item>span,
.status-line>span,.log-timeline>span,.mail-feature>span,.demo-flag,
.form-disclaimer,.hero-object-meta,.scene-label,.theater-number,
.bp-note,.theater-tabs button,.site-footer,.header-note,.lang,.menu-trigger,
.desk-nav a,.mobile-nav a,.idea-filters button,.idea-card-bottom p,
.saved-head button,.hero-index button,.tag,.compose-footer>span,
.theater-link,.theater-menu .small-mono,.index-item .tag{font-size:12px;line-height:1.6}
/* The critical SVG plan labels are deliberately larger: they are actual content. */
.plan-area svg text,.floor-plan svg text,.plan-illustration svg text{font-size:12px}
.subtext,.index-item p,.plan-header,.plan-footer,.eyebrow,.hero-kicker,
.hero-topline,.hero-bottom,.hero-index,.small-mono,.small-tag,
.intro-caption,.figure-caption,.site-footer,.plan-area .subtext,
.lang>a,.idea-card-top,.idea-card-bottom p,.form-disclaimer,
.hero-index button,.scene-label,.theater-tabs button{color:#33382f}
/* Special-case labels that live on a charcoal panel. */
.dark-manifesto .small-mono,.dark-manifesto .eyebrow,.intermission .small-mono,
.intermission p,.intermission-big span,.idea-bridge .small-mono,
.idea-bridge .eyebrow,.idea-bridge-details p,.idea-bridge-details article>span,
.theater-menu .theater-number,.theater-menu p,.theater-menu .small-mono,
.theater-tabs button,.wall-real-contact .small-mono,.wall-real-contact>p,
.feature-grid .idea-card:nth-child(3) .idea-card-top,
.feature-grid .idea-card:nth-child(3) .idea-card-bottom p,
.feature-grid .idea-card:nth-child(3) .small-tag,
.hero-object-meta{color:#f3f2e9}
.hero-object[data-object="desert"] .hero-object-meta,
.hero-object[data-object="tent"] .hero-object-meta{color:#22271f}
/* White labels over the coloured concept stage must stay white. */
.theater-stage .scene-label,.theater-stage .bp-note{color:#fff}
/* Plain paper SVG mock floor plan gets dark, clear labels. */
#living-label{fill:#343a31}
/* Visual giant question mark and decorative artwork deliberately excluded from readable text styling. */
@media(max-width:680px){.small-mono,.eyebrow,.hero-topline,.hero-bottom,.hero-index,.hero-kicker,.small-tag,.intro-caption,.idea-header,.plan-header,.plan-footer,.figure-caption,.reality-strip>span,.usage-prompt>span,.index-item>span,.demo-flag,.form-disclaimer,.hero-object-meta,.scene-label,.theater-number,.bp-note,.theater-tabs button,.site-footer,.lang,.menu-trigger,.idea-filters button{font-size:12px}}
/* Exact low-contrast overrides found by rendered DOM audit. */
.main-idea-copy p.subtext,p.subtext{color:#30362e!important}
.theater-stage .scene-label{color:#30362e;font-size:12px}
.theater-stage[data-concept="secret"] .scene-label{color:#faf9f4}
.theater-stage .theater-wc .bp-note,.theater-wc .bp-note{color:#30362e;font-size:12px}
.theater-wc .theater-floor div,.theater-wc .room div,.theater-wc .plan-render div{color:#343a31}
.theater-stage .theater-wc .blueprint div{color:#30362e}

/* THREAD REVIEW 2026-11-07: robust readable label overrides */
:root{--muted:#30362e}
.site-header .header-note,.site-header .lang,.site-header .lang>a,.site-header .lang-sep,.desk-nav a,.mobile-nav a,.menu-trigger,
.hero-topline,.hero-bottom,.hero-kicker,.hero-index,.hero-index button,.small-mono,.eyebrow,.idea-card-top,.intro-caption,.idea-header,.plan-header,.plan-footer,.figure-caption,.reality-strip>span,.usage-prompt>span,.index-item>span,.form-disclaimer,.site-footer,.demo-flag,.small-real,.status-line>span,.log-timeline>span,.mail-feature>span{color:#30362e;font-size:max(12px, .8125rem)}
/* Exception: labels on dark surfaces stay bright and at least 12 px. */
.theater-menu .theater-number,.theater-menu .small-mono,.theater-menu p,.theater-tabs button,
.dark-manifesto .small-mono,.dark-manifesto .eyebrow,.intermission .small-mono,.intermission p,.intermission-big span,
.idea-bridge .small-mono,.idea-bridge .eyebrow,.idea-bridge-details p,.idea-bridge-details article>span,
.wall-real-contact .small-mono,.wall-real-contact>p,.feature-grid .idea-card:nth-child(3) .idea-card-top,
.feature-grid .idea-card:nth-child(3) .idea-card-bottom p,.feature-grid .idea-card:nth-child(3) .small-tag {color:#fffef8;font-size:max(12px,.8125rem)}
.hero-object-meta{color:#fffef8;font-size:12px;opacity:1}
.hero-object[data-object=desert] .hero-object-meta,.hero-object[data-object=tent] .hero-object-meta{color:#20241e}
.theater-stage[data-concept=secret] .scene-label {color:#fffef8}
/* THE WALL 80 — readable short-form public-thread experiment */
.wall80-intro{padding-bottom:45px}.wall80-shell{max-width:1040px;margin:0 auto;padding:20px 4.3% 120px}.wall80-head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;border-top:1px solid #b4b9af;padding-top:32px}.wall80-head h2{font:400 clamp(35px,5.6vw,62px)/1.3 var(--serif);letter-spacing:-.055em;margin:17px 0}.wall80-head>p{font-size:14px;color:#252a23}.wall80-mode{background:#e3e5dc;border-left:4px solid #2e3b2f;padding:13px 17px;font-size:13px;color:#20261f;margin:27px 0 20px}.wall80-mode[data-shared="true"]{background:#e6e9df}.wall80-form{padding:30px;border:1px solid #b8beb3;background:#f0f0e9}.wall80-form label{display:block;font-size:14px;font-weight:750;margin-bottom:12px}.wall80-form textarea{display:block;width:100%;min-height:125px;resize:vertical;border:1px solid #71796c;background:#fff;color:#20241f;font-size:16px;line-height:1.7;padding:17px;outline-offset:3px}.wall80-form textarea::placeholder{color:#53594f;opacity:1}.wall80-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:13px}.wall80-bottom #wall80-count{font:700 14px ui-monospace,monospace;color:#252923;white-space:nowrap}.wall80-bottom button:disabled{opacity:.5;cursor:wait}.wall80-rules,.wall80-disclaimer{font-size:13px;color:#343a32;line-height:1.85;margin:15px 0 0}.wall80-rules a{text-decoration:underline;text-underline-offset:3px}.wall80-listhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:65px;padding-bottom:19px;border-bottom:1px solid #aeb5aa}.wall80-listhead h3{font:400 clamp(27px,4vw,40px)/1.3 var(--serif)}.wall80-listhead span{font-size:13px;color:#292e27}.wall80-empty{padding:37px 0;font-size:14px;color:#292e27}.wall80-post{display:flex;justify-content:space-between;gap:22px;padding:23px 0;border-bottom:1px solid #c9cec3}.wall80-post>p{font-size:15px;color:#20241e;line-height:1.85;overflow-wrap:anywhere}.wall80-date{font:12px ui-monospace,monospace;color:#3f483d;white-space:nowrap;align-self:start}
@media(max-width:680px){.wall80-head{grid-template-columns:1fr}.wall80-form{padding:19px}.wall80-bottom{align-items:stretch}.wall80-bottom .solid-link{padding:12px;gap:10px}.wall80-post{flex-direction:column;gap:5px}.wall80-date{align-self:end}.wall80-shell{padding-bottom:70px}}

/* THE WALL — compact masonry, mixed shapes, no tall empty grid rows. */
.wall60-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:6px;grid-auto-flow:dense;gap:7px;align-items:stretch;margin-top:18px}
.wall60-note{border:1px solid #b2b8ad;border-radius:2px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;min-width:0;min-height:0;overflow-wrap:anywhere;color:#20241e;box-shadow:2px 3px 0 #2428200a}
.wall60-note p{color:#20241e;font-size:14px;line-height:1.4;letter-spacing:0;margin:0;font-weight:550;overflow-wrap:anywhere}
.wall60-square{grid-column:span 1}.wall60-square p{font-size:12px;line-height:1.35}
.wall60-wide{grid-column:span 1}.wall60-wide p{font-size:13px;line-height:1.35}
.wall60-large{grid-column:span 3}
.wall60-note-bottom{display:flex;justify-content:space-between;align-items:end;gap:3px;flex-wrap:wrap;font:10px/1.3 ui-monospace,monospace;color:#343a31}
.wall60-note-bottom time{font:inherit;color:inherit}
.wall60-square .wall60-note-bottom,.wall60-wide .wall60-note-bottom{font-size:9px}
.wall60-square .wall60-note-bottom time,.wall60-wide .wall60-note-bottom time{display:none}
.wall60-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.wall60-link{background:transparent;border:1px solid #6f786b;border-radius:1px;color:#232921;padding:13px 20px;font:600 13px/1.5 inherit;cursor:pointer}
.wall60-link:hover,.wall60-link:focus-visible{background:#e7e9e0}
.wall60-link[hidden]{display:none!important}
.wall60-grid .wall80-empty{grid-column:1/-1}
@media(max-width:800px){.wall60-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.wall60-note{padding:9px}.wall60-large{grid-column:span 3}}
@media(max-width:540px){.wall60-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;grid-auto-rows:6px}.wall60-note{padding:8px;gap:5px}.wall60-note p,.wall60-wide p{font-size:12px;line-height:1.35}.wall60-square p{font-size:12px}.wall60-large{grid-column:span 2}.wall60-note-bottom{font-size:9px}}
/* THE WALL only: tighter editorial rhythm, more space devoted to the notes. */
.page-intro.wall80-intro{padding-top:42px;padding-bottom:26px}
.page-intro.wall80-intro h1{margin:12px 0 12px;font-size:clamp(52px,6.5vw,100px)}
.wall80-shell{padding-top:6px;padding-bottom:66px}
.wall80-head{padding-top:17px;gap:12px}
.wall80-head h2{font-size:clamp(31px,4.5vw,50px);margin:9px 0}
.wall80-mode{margin:16px 0 14px;padding:9px 13px}
.wall80-form{padding:22px}
.wall80-form textarea{min-height:85px;padding:12px}
.wall80-listhead{margin-top:30px;padding-bottom:12px}
.wall80-listhead h3{font-size:clamp(25px,3.5vw,35px)}
@media(max-width:680px){.page-intro.wall80-intro{padding:32px 5% 20px}.page-intro.wall80-intro h1{font-size:52px;margin:9px 0 12px}.wall80-shell{padding-top:3px;padding-bottom:48px}.wall80-head{padding-top:12px;gap:7px}.wall80-head h2{margin:6px 0;font-size:32px}.wall80-head>p{line-height:1.55}.wall80-mode{margin:12px 0;padding:8px 11px}.wall80-form{padding:15px}.wall80-form textarea{min-height:84px;padding:11px}.wall80-listhead{margin-top:28px}}

/* WALL 30 refined: short notes are compact; varied paper geometry remains. */
.wall60-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;grid-auto-rows:5px}
.wall60-note{padding:7px;gap:3px}
.wall60-note p{font-size:13px;line-height:1.35}
.wall60-note-bottom{font-size:9px;line-height:1.1}
.wall60-square{grid-column:span 1}
.wall60-wide{grid-column:span 2}
.wall60-large{grid-column:span 3}
.wall60-wide .wall60-note-bottom time{display:none}
@media(max-width:800px){.wall60-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.wall60-wide{grid-column:span 2}.wall60-large{grid-column:span 3}}
@media(max-width:540px){.wall60-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;grid-auto-rows:5px}.wall60-note{padding:6px;gap:3px}.wall60-square{grid-column:span 1}.wall60-wide{grid-column:span 1}.wall60-large{grid-column:span 2}.wall60-note p{font-size:12px;line-height:1.35}}

/* WALL 30 — size-first gapless packing. Positioned by measured paper sizes,
   not by publication order. Falls back to the existing CSS grid if JS fails. */
.wall60-grid.wall60-packed{display:block;position:relative;min-height:0}
.wall60-grid.wall60-packed .wall60-note{position:absolute;margin:0;box-sizing:border-box}
.wall60-grid.wall60-packed .wall80-empty{padding:18px 0}

/* THE WALL: final legibility and connection-state treatments */
.wall80-mode[data-unavailable="true"]{background:#f2e4df;border-left-color:#963f35;color:#29201d}
.wall60-note-bottom{font-size:11px!important;color:#30372f!important}
.wall60-square .wall60-note-bottom,.wall60-wide .wall60-note-bottom{font-size:10px!important}
.wall80-form textarea:disabled{background:#e5e6df;color:#30372f;cursor:not-allowed}
.wall80-disclaimer a{color:#222820;text-decoration:underline;text-underline-offset:3px}
@media(max-width:540px){.wall60-note-bottom{font-size:10px!important}}

/* THE WALL 24 / compact editorial integration, no low contrast copy */
.wall24-shell{background:#eeefe9;color:#20241e;padding:55px 4.3% 65px;scroll-margin-top:95px}
.wall24-home{border-top:1px solid #b9bfb4;border-bottom:1px solid #b9bfb4}
.wall24-full{max-width:1170px;margin:55px auto 80px;background:#f7f7f3}
.wall24-intro{border-top:1px solid #aeb6a9;padding-top:16px}
.wall24-intro .small-mono,.wall24-label{color:#252c22;font-size:12px;font-weight:750;letter-spacing:.06em}
.wall24-topline{display:flex;gap:15px;align-items:end;justify-content:space-between;margin:12px 0 8px}
.wall24-topline h2{font:400 clamp(36px,5vw,69px)/1.22 var(--serif);letter-spacing:-.06em}
.wall24-topline>span{font:600 11px ui-monospace,monospace;color:#2b3329;white-space:nowrap}
.wall24-intro>p{font-size:15px;color:#30382e}
.wall24-question{background:#292d27;color:#fff;margin:23px 0 13px;padding:20px 23px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.wall24-question .wall24-label{color:#f7f7f0}
.wall24-prompt{font:400 clamp(19px,2vw,29px)/1.55 var(--serif);margin-top:8px;color:#fff}
.wall24-question button{background:none;border:1px solid #c6cabc;color:#fff;white-space:nowrap;padding:10px;font-size:12px}
.wall24-question button:hover{background:#45493f}
.wall24-mode{background:#e1e5db;border-left:3px solid #495949;padding:9px 13px;color:#202820;font-size:13px}
.wall24-mode[data-error="true"]{background:#f1e2df;border-left-color:#883d33}
.wall24-form{padding:18px 20px;margin-top:13px;background:#f7f7f3;border:1px solid #b7c0b3}
.wall24-form label{display:block;font-weight:750;font-size:14px;margin-bottom:7px;color:#242923}
.wall24-form textarea{display:block;width:100%;min-height:72px;resize:vertical;background:#fff;border:1px solid #798577;padding:11px;font-size:16px;line-height:1.5;color:#20241e}
.wall24-form textarea::placeholder{color:#51594e;opacity:1}
.wall24-formrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px}
.wall24-formrow span{font:700 13px ui-monospace,monospace;color:#20261f}
.wall24-formrow button,.wall24-links a,.wall24-links button{background:#292d27;border:1px solid #292d27;color:#fff;padding:11px 17px;font-size:12px;font-weight:750;cursor:pointer}
.wall24-formrow button:disabled{opacity:.45;cursor:not-allowed}
.wall24-rules,.wall24-report{font-size:12px;line-height:1.75;color:#303a30;margin-top:12px}
.wall24-rules a,.wall24-report a{text-decoration:underline}
.wall24-listhead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid #aeb7ab;margin:30px 0 13px;padding-bottom:9px}
.wall24-listhead h3{font:400 clamp(24px,3vw,36px) var(--serif)}
.wall24-listhead span{font-size:13px;color:#283029}
.wall24-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;grid-auto-flow:dense;align-items:start}
.wall24-note{border:1px solid #b7bdb2;border-radius:1px;color:#20241e;padding:9px 10px;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:10px;overflow-wrap:anywhere;box-shadow:2px 3px 0 #00000008}
.wall24-note p{color:#20241e;font-size:clamp(12px,1vw,15px);line-height:1.5;font-weight:650}
.wall24-note small{font-size:10px;line-height:1.2;color:#263026;font-weight:600}
.wall24-note[data-shape="square"]{grid-column:span 1;aspect-ratio:1;min-height:80px}
.wall24-note[data-shape="portrait"]{grid-column:span 1;aspect-ratio:.72;min-height:112px}
.wall24-note[data-shape="landscape"]{grid-column:span 2;min-height:80px}
.wall24-grid.wall24-packed{display:block;position:relative}
.wall24-grid.wall24-packed .wall24-note{position:absolute;aspect-ratio:auto;min-height:0;margin:0}
.wall24-empty{padding:17px 0;color:#252e25;font-size:14px;grid-column:1/-1}
.wall24-links{display:flex;justify-content:center;gap:11px;margin-top:20px;flex-wrap:wrap}
.wall24-links a,.wall24-links button{display:inline-block;text-decoration:none;background:transparent;color:#252c25;border-color:#616c60}
.wall24-links button[hidden]{display:none}
.wall24-links a:hover,.wall24-links button:hover{background:#dfe3d9}
@media(max-width:700px){.wall24-shell{padding:35px 5% 43px}.wall24-full{margin:12px auto 45px}.wall24-topline{align-items:start;flex-direction:column}.wall24-topline>span{font-size:10px}.wall24-question{flex-direction:column;align-items:start;padding:16px;gap:13px}.wall24-question button{align-self:end}.wall24-form{padding:14px}.wall24-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.wall24-note{padding:7px;gap:5px}.wall24-note p{font-size:12px}.wall24-note small{font-size:9px}.wall24-note[data-shape="square"]{min-height:75px}.wall24-note[data-shape="portrait"]{min-height:93px}.wall24-note[data-shape="landscape"]{min-height:65px}}
@media(prefers-reduced-motion:reduce){.wall24-note{transition:none!important}}

/* THE WALL / strict dense, edge-to-edge tessellation */
.wall24-grid.wall24-tiled{display:grid;position:relative;grid-template-columns:repeat(var(--wall-cols),minmax(0,1fr));grid-auto-rows:var(--wall-cell);grid-auto-flow:row dense;gap:var(--wall-gap);height:auto!important;align-items:stretch;align-content:start}
.wall24-grid.wall24-tiled .wall24-note{position:relative;left:auto;top:auto;transform:none!important;width:auto!important;height:auto!important;min-height:0;max-height:none;aspect-ratio:auto;margin:0;overflow:hidden;box-shadow:none;padding:clamp(5px,.65vw,9px);gap:3px}
.wall24-grid.wall24-tiled .wall24-note[data-shape="square"]{grid-column:span 1;grid-row:span 1}
.wall24-grid.wall24-tiled .wall24-note[data-shape="portrait"]{grid-column:span 1;grid-row:span 2}
.wall24-grid.wall24-tiled .wall24-note[data-shape="landscape"]{grid-column:span 2;grid-row:span 1}
.wall24-grid.wall24-tiled .wall24-note p{font-size:clamp(10px,.91vw,13px);line-height:1.38;overflow-wrap:anywhere;word-break:normal}
.wall24-grid.wall24-tiled .wall24-note small{font-size:clamp(7px,.65vw,9px);line-height:1;letter-spacing:0}
@media(max-width:540px){.wall24-grid.wall24-tiled .wall24-note{padding:6px}.wall24-grid.wall24-tiled .wall24-note p{font-size:11px;line-height:1.35}.wall24-grid.wall24-tiled .wall24-note small{font-size:8px}}

/* FINAL: compact content-sized masonry; no two-row portrait blank space. */
.wall24-grid.wall24-balanced{display:block;position:relative;min-height:0;gap:0;align-content:initial}
.wall24-grid.wall24-balanced .wall24-note{position:absolute;display:flex;min-height:0!important;max-height:none;aspect-ratio:auto!important;margin:0;overflow:hidden;padding:clamp(6px,.75vw,11px);gap:3px;box-shadow:1px 2px 0 #00000008}
.wall24-grid.wall24-balanced .wall24-note p{font-size:clamp(11px,.94vw,14px);line-height:1.34;overflow-wrap:anywhere;letter-spacing:-.035em}
.wall24-grid.wall24-balanced .wall24-note small{font-size:clamp(8px,.64vw,10px);line-height:1.1}
@media(max-width:520px){.wall24-grid.wall24-balanced .wall24-note{padding:7px}.wall24-grid.wall24-balanced .wall24-note p{font-size:12px;line-height:1.4}.wall24-grid.wall24-balanced .wall24-note small{font-size:9px}}

/* HOME: explain the full wall directly beside its link */
.wall24-home .wall24-links{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap}
.wall24-home .wall24-link-explainer{margin:0;flex:1 1 310px;max-width:600px;color:#30362e;font-size:13px;line-height:1.8}
.wall24-home .wall24-links a{flex:0 1 auto;font-weight:750}
@media(max-width:600px){.wall24-home .wall24-links{align-items:flex-start;flex-direction:column;gap:10px}.wall24-home .wall24-link-explainer{flex:auto;font-size:12px}}

/* HOME POLISH: editorial pacing and a clear archive invitation */
.concept-theater{padding-bottom:clamp(48px,6vw,95px)}
.concept-theater .theater-lead p{max-width:410px}
.wall24-home{padding-top:clamp(44px,5vw,78px);padding-bottom:clamp(48px,6vw,90px)}
.wall24-home .wall24-intro{border-top:2px solid #31392f}
.wall24-home .wall24-links{background:#e4e7df;border-top:1px solid #aeb6a9;border-bottom:1px solid #aeb6a9;padding:18px 20px;margin-top:25px}
.wall24-home .wall24-link-explainer{font-size:14px;line-height:1.8;max-width:510px}
.wall24-home .wall24-links a{background:#292d27;color:#fff;border-color:#292d27;padding:14px 20px;line-height:1.5}
.wall24-home .wall24-links a:hover{background:#44493e;color:#fff}
.wall24-home .wall24-listhead{margin-top:32px}
@media(max-width:700px){.wall24-home .wall24-links{padding:15px}.wall24-home .wall24-link-explainer{font-size:13px}.wall24-home .wall24-links a{width:100%;text-align:center}}
