@font-face{font-family:Space;src:url(assets/SpaceGrotesk-Variable.ttf);font-weight:300 700;font-display:swap}@font-face{font-family:DM;src:url(assets/DMSans-Variable.ttf);font-weight:100 1000;font-display:swap}:root{--paper:#f7f5ef;--ink:#232020;--violet:#7556e8;--lilac:#d8cdf5;--lime:#c8f55a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--violet);outline-offset:6px}button{border:0}header{height:94px;display:flex;align-items:center;gap:32px;padding:0 4.5vw;position:relative;z-index:5;background:var(--paper)}.brand{font-family:Space;font-size:37px;font-weight:700;letter-spacing:-2px;background:none;padding:0}.brand span{color:var(--violet)}.byline{font-size:9px;letter-spacing:1.8px;max-width:180px;line-height:1.6;opacity:.7}.index-button{margin-left:auto;background:none;border-bottom:1px solid #23202055;padding:9px 0;font-size:13px}.index-button span{margin-left:20px}.stage{position:relative;overflow:hidden;height:calc(100svh - 162px);min-height:780px}.world{width:300%;height:100%;display:flex;position:relative;transform:translateX(-33.333333%);transition:transform 1100ms cubic-bezier(.22,.75,.18,1);isolation:isolate}.world-art{position:absolute;inset:0;z-index:-3;background:url(assets/mural-quiet.png) center bottom/auto 100% no-repeat;opacity:.38;pointer-events:none}.world:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#f7f5efb8,#f7f5ef55 60%,#f7f5ef33);z-index:-2;pointer-events:none}.scene{width:33.333333%;flex:none;position:relative}.canvas{position:relative;width:calc(100% - 150px);max-width:1280px;margin:auto;height:100%;min-height:760px}h1,h2,h3{font-family:Space;font-weight:600;margin:0;letter-spacing:-.045em}h1{font-size:clamp(47px,5.2vw,77px);line-height:1.02}h1 em{font-style:normal;color:var(--violet)}h2{font-size:25px;line-height:1.1}p{line-height:1.5}.eyebrow,.micro{font-size:10px;letter-spacing:1.8px;font-weight:600;display:block}.eyebrow{margin:0 0 23px}.micro{font-size:9px;letter-spacing:1.4px}.welcome-intro{position:absolute;left:29%;top:80px;width:47%;z-index:2}.welcome-intro p:not(.eyebrow){font-size:17px;line-height:1.7;margin-top:25px}.soft{font-size:14px;opacity:.75}.object{position:absolute;text-align:left;border:1px solid #2320201f;box-shadow:2px 10px 22px #2320200c;background:#fffdf7;padding:24px;transition:transform .25s,box-shadow .25s}.object:is(button):hover{transform:rotate(0deg) translateY(-7px);box-shadow:5px 17px 27px #23202014}.object p{font-size:14px}.pinboard{width:24%;min-width:225px;left:0;top:150px;transform:rotate(-3deg);background:#e7dfcb;padding:30px 20px 20px;box-shadow:4px 9px 0 #d4cbbd,6px 15px 22px #23202014}.pinboard h2{font-size:23px;margin:13px 0 22px}.pin{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--violet);left:50%;top:11px;box-shadow:2px 4px 3px #0003}.pin-link{display:flex;gap:13px;width:100%;text-align:left;background:#fffdf5;padding:15px 10px;margin:12px 0;box-shadow:1px 3px 6px #0001;transform:rotate(1deg)}.pin-link:hover{background:var(--paper)}.pin-link small{font-size:8px;letter-spacing:.8px;display:block;margin-bottom:8px}.pin-link b{font-size:14px;line-height:1.25;display:block;font-weight:500}.mini-page{width:42px;height:57px;display:grid;place-items:center;background:var(--lilac);flex:none;font-family:Space;font-size:27px}.mini-page.lime{background:var(--lime)}.tiny{font-size:11px!important;line-height:1.5;opacity:.7}.thinking-note{right:0;top:180px;width:21%;transform:rotate(5deg);background:var(--lilac);padding:28px 22px}.thinking-note p{font-family:Space;font-size:20px;line-height:1.3}.handwritten{font-family:Georgia,serif;font-style:italic;font-size:18px;line-height:1.3}.thinking-note .handwritten{font-size:15px}.tape{position:absolute;width:62px;height:22px;left:calc(50% - 31px);top:-11px;background:#f4edceaa;transform:rotate(-7deg);border:1px solid #e9dfb83d}.hello-card{left:11%;top:575px;width:29%;transform:rotate(2deg);padding:21px}.hello-card h2{margin:14px 0 7px}.hello-card h2 span{float:right;font-size:20px}.hello-card p{margin:9px 0 16px}.action{font-size:12px;font-weight:600;display:block}.on-bench{right:8%;top:485px;width:34%;transform:rotate(-4deg);background:var(--ink);color:var(--paper);display:flex;flex-wrap:wrap;gap:20px}.on-bench .micro{width:100%;color:var(--lilac)}.on-bench h2{font-size:23px;margin:0 0 20px}.bench-glyph{font-family:Space;font-size:66px;letter-spacing:-6px;line-height:1;color:var(--lilac)}.bench-glyph span{font-size:24px;color:var(--lime);vertical-align:middle;margin:0 5px}.welcome-note{position:absolute;left:41%;top:419px;transform:rotate(-8deg);color:#61516e}.scene-intro{position:absolute;top:58px;left:3%;width:52%}.scene-intro>p:not(.eyebrow){font-size:17px;line-height:1.7}.voice-card{right:3%;top:70px;width:34%;transform:rotate(3deg);background:var(--ink);color:var(--paper)}.voice-card .micro{color:var(--lilac)}.voice-art{display:flex;align-items:center;justify-content:space-between;min-height:150px}.voice-art>span{font-family:Space;font-size:39px;line-height:1}.voice-art i{color:var(--lime);font-style:normal}.sample-lines{width:30%}.sample-lines b{display:block;height:7px;background:var(--lilac);margin:13px 0;transform:rotate(-9deg)}.sample-lines b:nth-child(2){width:60%;background:var(--lime)}.voice-card h2{font-size:26px}.system-card{top:409px;left:6%;width:31%;transform:rotate(-4deg);background:var(--lilac)}.system-card svg{height:60px;width:100%;margin:16px 0}.system-card path{stroke:var(--ink);fill:none;stroke-width:2}.system-card circle{fill:var(--violet)}.adoption-card{top:520px;right:6%;width:29%;transform:rotate(-2deg)}.adoption-card h2{margin-top:20px}.detour{position:absolute;left:44%;top:490px;width:21%;text-align:left;background:var(--lime);padding:20px;transform:rotate(6deg);box-shadow:2px 5px 0 #9ebd55}.detour>span{font-size:45px;display:block}.detour b{font-family:Space;display:block;font-size:18px}.detour small{display:block;margin-top:9px;line-height:1.4}.explore-note{position:absolute;left:33%;top:331px;transform:rotate(-8deg);font-size:20px}.ways-card{right:0;top:70px;width:36%;transform:rotate(2deg);background:#fffdf8;padding:29px}.ways-card>button{background:none;border-bottom:1px solid #23202022;display:flex;gap:16px;align-items:center;width:100%;padding:25px 0;text-align:left}.ways-card>button:last-child{border:0;padding-bottom:7px}.ways-card>button>span{font-family:Space;font-size:11px;color:var(--violet)}.ways-card>button>b{margin-left:auto}.ways-card h2{font-size:22px}.ways-card p{font-size:12px;margin:7px 0 0}.primary{background:var(--ink);color:var(--paper);padding:18px 22px;border-radius:3px;font-weight:500;font-size:15px;margin-top:12px}.primary span{margin-left:28px;color:var(--lime)}.under-button{display:block;margin-top:12px}.first-session{width:40%;left:12%;top:458px;transform:rotate(-3deg);background:var(--lilac);padding:24px}.first-session h2{font-size:25px;margin-top:16px}.first-session p{font-size:14px;margin-bottom:0}.receipt{position:absolute;right:3%;top:568px;width:30%;padding:24px;background:#fffdf5;transform:rotate(4deg);text-align:left;clip-path:polygon(0 0,100% 0,100% 95%,95% 100%,90% 95%,85% 100%,80% 95%,75% 100%,70% 95%,65% 100%,60% 95%,55% 100%,50% 95%,45% 100%,40% 95%,35% 100%,30% 95%,25% 100%,20% 95%,15% 100%,10% 95%,5% 100%,0 95%)}.receipt b{display:block;font-family:Space;font-size:22px;line-height:1.2;margin:15px 0}.receipt>span:last-child{font-size:13px}.consult-note{position:absolute;right:14%;top:449px;transform:rotate(-7deg)}.edge{position:absolute;bottom:21px;display:flex;align-items:center;gap:15px;background:#f7f5efd9;border:1px solid #23202022;border-radius:50px;padding:10px 19px;z-index:4}.edge b{font-size:12px;font-weight:500}.edge>span{font-size:26px}.edge-left{left:3vw}.edge-right{right:3vw}.edge:hover{background:var(--lime)}.edge[hidden]{display:none}footer{height:68px;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:0 4.5vw;border-top:1px solid #23202022;background:var(--paper);position:relative;z-index:5}.edition{font-size:9px;letter-spacing:1px}.edition i{font-style:normal;color:var(--violet);padding:0 6px}.map{display:flex;align-items:center;gap:10px}.map button{font-size:11px;background:none;padding:12px 8px;position:relative}.map button[aria-current]{font-weight:700}.map button[aria-current]:after{content:'';width:6px;height:6px;background:var(--violet);position:absolute;bottom:1px;left:calc(50% - 3px);border-radius:100%}.map>span{width:23px;border-top:1px solid #23202044}.hint{font-size:10px;opacity:.7}.skip{position:absolute;left:10px;top:-100px;background:var(--lime);padding:15px;z-index:20}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{border:1px solid #2320202a;background:var(--paper);color:var(--ink);max-width:720px;width:calc(100% - 32px);max-height:87svh;padding:48px;box-shadow:0 30px 120px #23202055}dialog::backdrop{background:#23202055;backdrop-filter:blur(6px)}.close{position:sticky;top:0;float:right;margin:-26px -26px 0 0;background:var(--lime);width:35px;height:35px;border-radius:50%;font-size:23px}.modal-kicker{font-size:10px;letter-spacing:1.5px;color:#61516e;text-transform:uppercase}.modal-title{font-size:38px;line-height:1.08;margin:15px 0 24px}dialog p,dialog li{font-size:16px;line-height:1.65}dialog h3{font-size:23px;margin-top:25px}dialog a{color:var(--ink);text-underline-offset:5px}dialog .note{background:var(--lilac);padding:18px;margin:24px 0;font-size:14px}.door-list button{display:block;width:100%;padding:22px 0;border-bottom:1px solid #23202033;text-align:left;background:none;font-size:22px;font-family:Space}.door-list small{display:block;font-size:13px;font-family:DM;margin-top:7px}.brief-options{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.brief-options button{background:transparent;border:1px solid #23202055;border-radius:24px;padding:9px 13px;font-size:12px}.brief-options button[aria-pressed=true]{background:var(--lime);border-color:var(--ink)}label{display:block;font-weight:600;font-size:13px;margin:21px 0 8px}textarea{width:100%;min-height:85px;background:#fffdf8;border:1px solid #23202055;font:15px DM;padding:14px;border-radius:2px;resize:vertical}.brief-result{white-space:pre-wrap;border-left:3px solid var(--violet);padding:15px;font-size:14px;background:white;margin-top:20px}.status{font-size:12px;min-height:18px}a.primary{display:inline-block;text-decoration:none}.reading-list a{display:block;margin:13px 0}.dot-loop{color:var(--violet);font-family:Space;font-size:33px;letter-spacing:6px}.mobile-message{display:none}
@media(min-width:1600px){.canvas{max-width:1320px}.stage{min-height:820px}.welcome-intro{left:30%}.hello-card{top:580px}.on-bench{top:510px}}
@media(max-width:1050px) and (min-width:701px){.canvas{width:calc(100% - 100px)}.welcome-intro{left:30%;width:66%;top:65px}.welcome-intro h1{font-size:57px}.pinboard{top:210px;min-width:205px}.thinking-note{top:373px;width:29%;right:0}.hello-card{top:594px;left:2%;width:35%}.on-bench{top:635px;right:0;width:44%}.welcome-note{top:411px;left:35%;font-size:16px}.stage{min-height:880px}.scene-intro{width:58%}.scene-intro h1{font-size:53px}.voice-card{width:34%;padding:18px}.voice-art>span{font-size:31px}.voice-card h2{font-size:22px}.system-card{top:443px;width:36%}.adoption-card{top:575px;width:31%}.detour{left:48%;top:440px;width:23%}.explore-note{top:355px;left:8%}.ways-card{top:340px;width:43%;padding:20px}.ways-card h2{font-size:20px}.first-session{top:470px;left:0;width:46%}.receipt{top:707px;right:0;width:43%}.consult-note{top:148px;right:0;width:25%}.hint{display:none}}
@media(max-width:700px){header{height:78px;padding:0 22px}.brand{font-size:31px}.byline{display:none}.index-button{font-size:12px}.stage{height:auto;min-height:0;transition:height .3s}.world{align-items:flex-start;height:auto}.world-art{background-size:auto 100%;opacity:.2}.scene{padding-bottom:86px}.canvas{width:auto;margin:0 27px;height:auto;min-height:0;display:flex;flex-direction:column;gap:28px;padding-top:20px}.canvas>*{position:relative;left:auto;right:auto;top:auto;width:auto;min-width:0;max-width:none}.welcome-intro{order:0;margin-bottom:12px}.welcome-intro h1,h1{font-size:53px}.welcome-intro p:not(.eyebrow),.scene-intro>p:not(.eyebrow){font-size:16px}.welcome-intro p br{display:none}.eyebrow{font-size:9px;margin-bottom:20px}.pinboard{order:2;margin:0 12px 10px;transform:rotate(-2deg)}.thinking-note{order:3;width:82%;align-self:flex-end;transform:rotate(3deg);margin:5px 3px}.hello-card{order:5;transform:rotate(-2deg);width:87%;margin-bottom:15px}.on-bench{order:1;transform:rotate(1deg);margin-top:9px}.welcome-note{order:4;width:70%;font-size:18px;margin:2px 0 10px 10px}.scene-intro{margin-bottom:20px}.voice-card{transform:rotate(2deg);margin:0 8px}.system-card{transform:rotate(-3deg);width:89%;margin-top:5px}.adoption-card{transform:rotate(2deg);width:90%;align-self:flex-end}.detour{width:75%;align-self:center;transform:rotate(-4deg);order:4}.explore-note{order:5;margin:8px 0}.ways-card{transform:rotate(1deg);padding:23px}.first-session{transform:rotate(-2deg);margin-top:8px}.receipt{transform:rotate(3deg);width:85%;align-self:flex-end}.consult-note{margin:10px}.edge{bottom:17px;padding:5px 12px;gap:9px}.edge b{font-size:10px}.edge>span{font-size:20px}.edge-left{left:19px}.edge-right{right:19px}footer{padding:12px 10px;height:87px;flex-direction:column;gap:2px}.edition{font-size:8px;order:2}.map{gap:7px}.map button{font-size:12px}.hint{display:none}dialog{padding:32px 25px}.close{margin:-18px -11px 0 0}.modal-title{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Revision 02: quiet surfaces, recognizable icons, readable notes. */
.voice-card{background:#e6ddf8;color:var(--ink);border-color:#b9a4db66;box-shadow:2px 9px 20px #55437710}
.voice-card .micro,.on-bench .micro{color:#594474}
.voice-art>span{color:var(--ink)}.voice-art i{color:#6446c6}
.sample-lines b{background:#b5a0dd}.sample-lines b:nth-child(2){background:#a5c757}
.on-bench{background:#eeebdf;color:var(--ink);border-color:#c9c3ac88}
.project-icon{display:block;flex:none;width:54px;height:54px;fill:none;stroke:var(--ink);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.project-icon .icon-accent{fill:var(--violet);stroke:none}
.system-card .project-icon{width:60px;height:60px;margin:17px 0 20px;stroke-width:2.3}
.system-card .project-icon path{stroke:var(--ink);stroke-width:2.3}
.detour .project-icon{width:44px;height:44px;margin-bottom:14px}
.on-bench .voice-icon{width:65px;height:65px;align-self:center}
.object p{font-size:15px;line-height:1.65;color:var(--ink)}
.welcome-intro p:not(.eyebrow),.scene-intro>p:not(.eyebrow){font-size:18px;line-height:1.65;color:var(--ink)}
.soft{font-size:16px;opacity:1;color:#514a58}
.micro{font-size:10px;letter-spacing:1.1px}.tiny{opacity:1;color:#514a58}
.handwritten{font-size:18px;color:#43364f;line-height:1.4}
.welcome-note,.explore-note,.consult-note{background:#fffdf6f2;border-left:3px solid #baa7e3;padding:13px 17px;box-shadow:0 3px 10px #23202006;transform:rotate(-2deg);z-index:3;font-size:18px}
.thinking-note p{font-size:20px;line-height:1.45}.thinking-note .handwritten{display:block;font-size:16px;margin-top:17px;color:#493856}
.hello-card .action,.on-bench .action,.voice-card .action,.system-card .action,.adoption-card .action{font-size:13px}
.ways-card p{font-size:14px;line-height:1.5}.first-session p{font-size:15px;line-height:1.6}
@media(min-width:1051px){
 .stage{min-height:865px}.canvas{min-height:835px}
 .welcome-intro{left:29%;width:46%;top:58px}.welcome-intro h1{font-size:clamp(47px,4.7vw,70px)}
 .thinking-note{top:155px}.welcome-note{left:32%;top:428px;max-width:260px}
 .hello-card{top:614px}.on-bench{top:570px;right:5%;width:34%}
 .scene-intro h1{font-size:clamp(47px,4.7vw,70px)}
 .voice-card{top:68px}.system-card{top:440px}.adoption-card{top:571px}
 .detour{top:523px}.explore-note{top:326px;left:7%;max-width:310px}
 .consult-note{top:474px;right:7%;max-width:255px}.first-session{top:476px;left:5%;width:42%}.receipt{top:637px}
}
@media(min-width:701px) and (max-width:1050px){
 .stage{min-height:1050px}.canvas{min-height:1005px}.welcome-intro h1{font-size:51px}
 .thinking-note{top:416px;width:30%}.welcome-note{top:449px;left:33%;max-width:205px;font-size:16px}
 .hello-card{top:752px;width:37%}.on-bench{top:741px;width:48%}
 .voice-card{width:37%;top:330px}.scene-intro{width:83%}.scene-intro h1{font-size:51px}
 .system-card{top:470px;width:40%}.detour{left:5%;top:788px;width:38%}.adoption-card{top:762px;width:44%;right:0}
 .explore-note{top:325px;left:5%;width:44%;font-size:16px}
 .ways-card{top:365px;width:48%}.first-session{top:496px;width:46%;left:0}.receipt{top:870px;width:47%}
 .consult-note{top:367px;left:2%;right:auto;width:43%;font-size:16px}
}
@media(max-width:700px){
 .object p{font-size:16px}.welcome-intro p:not(.eyebrow),.scene-intro>p:not(.eyebrow){font-size:17px}
 .welcome-note,.explore-note,.consult-note{font-size:18px;width:auto;max-width:100%;margin:8px 0;padding:15px 18px;transform:rotate(-1deg)}
 .on-bench{gap:18px}.on-bench h2{font-size:24px}.ways-card p{font-size:15px}
 .tiny{font-size:12px!important}.thinking-note .handwritten{font-size:17px}
}
.on-bench>div{flex:1;min-width:140px}
@media(min-width:701px) and (max-width:1050px){
 .stage{min-height:1180px}.canvas{min-height:1140px}
 .welcome-intro{left:5%;width:90%;top:30px}
 .pinboard{top:386px;left:0;width:44%}
 .thinking-note{top:390px;right:0;width:44%}
 .welcome-note{top:729px;left:1%;max-width:260px;width:42%}
 .hello-card{top:870px;left:0;width:43%}
 .on-bench{top:825px;right:0;width:48%}
}
.primary{transition:background .2s,color .2s}.primary:hover{background:var(--lime);color:var(--ink)}.primary:hover span{color:var(--ink)}
/* Concept 03: three distinct compositions in one continuous landscape. */
header{position:sticky;top:0;box-shadow:0 1px 0 #23202012;gap:22px}
.top-nav{display:flex;gap:5px;margin-left:auto;background:#eee9f233;padding:5px;border-radius:40px}
.top-nav button{padding:11px 18px;min-height:44px;background:none;border-radius:30px;font-size:13px}
.top-nav button[aria-current]{background:var(--lime);font-weight:600}
.top-nav button:hover{background:#d8cdf577}.top-nav button[aria-current]:hover{background:var(--lime)}
.index-button{margin-left:12px;min-height:44px}
.stage{height:auto;min-height:0;transition:height .35s}
.world{height:auto;align-items:flex-start}
.world-art{background-size:cover;background-position:center bottom;opacity:.47;inset:0}
.world:after{background:linear-gradient(180deg,#f7f5efcf 0%,#f7f5ef70 35%,#f7f5ef30 75%,#d8cdf52b 100%)}
.scene{height:auto;padding:0 0 88px}
.scene .canvas{height:auto;min-height:0;max-width:1280px;width:calc(100% - 144px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:36px 28px;padding:62px 0 55px;align-items:start}
.scene .canvas>*{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:auto;min-width:0;max-width:none;margin:0;order:initial}
.scene .canvas h1{font-size:clamp(48px,4.8vw,72px)}
.scene-intro>p:not(.eyebrow),.welcome-intro>p:not(.eyebrow){max-width:530px;font-size:18px;line-height:1.65}
.scene-intro>p:not(.eyebrow){margin:23px 0}
.interaction-hint{display:block;font-size:12px;color:#504858;margin-top:20px;line-height:1.5}
.welcome-routes{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:27px}
.welcome-routes .primary{margin:0}.secondary{border:1px solid #23202088;background:#fffdf6ed;padding:17px 18px;min-height:52px;border-radius:3px;font-size:14px;font-weight:500}.secondary span{padding-right:14px}.secondary:hover{background:var(--lime)}
.welcome .welcome-intro{grid-column:4/13;grid-row:1;max-width:710px;padding-left:12px}
.welcome .pinboard{grid-column:1/4;grid-row:1/3;margin-top:76px;transform:rotate(-4deg);padding-top:38px;background:#ebe3d3;box-shadow:6px 7px 0 #d7cfbe,8px 15px 20px #2320200c}
.welcome .pinboard .tiny{font-size:12px!important}.pinboard h2{line-height:1.2}
.welcome .on-bench{grid-column:5/10;grid-row:2;background:#eee9de;transform:rotate(-3deg);padding:28px;border-radius:3px 24px 3px 3px;align-self:center}
.welcome .thinking-note{grid-column:10/13;grid-row:2/4;transform:rotate(4deg);padding:28px 22px;background:#e0d4f5;border:0;box-shadow:3px 8px 14px #4d357917}
.thinking-note:after{content:'';position:absolute;right:0;bottom:0;border:13px solid transparent;border-right-color:var(--paper);border-bottom-color:var(--paper);filter:drop-shadow(-2px -2px 1px #7556e822)}
.thinking-note .action{margin-top:23px;padding-top:14px;border-top:1px solid #7556e844;font-size:13px}
.welcome .hello-card{grid-column:2/6;grid-row:3;transform:rotate(2deg);border:1px solid #b4aabb;background:#fffcf4;padding:26px;border-radius:2px}
.hello-card:before{content:'HELLO';position:absolute;right:16px;top:15px;color:#7556e8;font:9px Space;border:1px solid #baa7d7;padding:5px 7px;transform:rotate(8deg)}
.hello-card .micro{max-width:190px;padding-right:25px}.hello-card h2{margin-top:20px}
.welcome .welcome-note{grid-column:6/10;grid-row:3;align-self:center;background:#fffdf7f2;padding:22px;transform:rotate(-3deg);font-size:20px;border-left:0;border-top:3px solid var(--lime)}
.explore .scene-intro{grid-column:1/8;grid-row:1;padding:12px 20px 0 0}
.explore .voice-card{grid-column:8/13;grid-row:1/3;padding:38px 32px;background:#e3d8f4;transform:rotate(2deg);margin-top:25px;border:1px solid #bba8cf;border-radius:3px 30px 3px 3px;box-shadow:7px 9px 0 #c7b6e433,10px 17px 25px #23202009}
.folder-tab{position:absolute;left:0;top:-24px;background:#c4b0e6;border:1px solid #bba8cf;border-bottom:0;padding:8px 17px 6px;border-radius:9px 10px 0 0;font:10px Space;letter-spacing:1px}
.voice-art{min-height:205px;position:relative;border-bottom:1px solid #9b83b655;margin:10px 0 26px}
.voice-art>span{font-size:clamp(42px,4.4vw,65px);letter-spacing:-3px;line-height:.95;position:relative;z-index:1}
.voice-art .sample-lines{display:none}.voice-art:after{content:'Aa';position:absolute;right:0;top:48px;font:40px Space;color:#675180;background:#f7f5efcf;border:1px solid #b6a1d2;width:95px;height:95px;display:grid;place-items:center;border-radius:50%;transform:rotate(12deg)}
.voice-card h2{font-size:30px}.voice-card .action{margin-top:26px;padding-top:17px;border-top:1px solid #b7a1d055}
.explore .system-card{grid-column:1/5;grid-row:2;transform:rotate(-3deg);background:#fffdf5;padding:30px;border-color:#cfc4ad;margin-top:16px}
.system-card .folder-tab{background:#e5dcc4;border-color:#cfc4ad}
.explore .adoption-card{grid-column:5/8;grid-row:2;transform:rotate(3deg);background:#eaf0da;padding:27px 23px;margin-top:65px;border:0;border-radius:2px 2px 25px 2px}
.adoption-card h2{font-size:25px;line-height:1.15}.adoption-card .micro{line-height:1.6}
.explore .detour{grid-column:2/8;grid-row:3;display:grid;grid-template-columns:52px 1fr;gap:3px 20px;align-items:center;transform:rotate(-2deg);padding:23px 30px;background:#d4ed93;box-shadow:3px 5px 0 #a9bd76;clip-path:polygon(0 0,96% 0,100% 14%,100% 86%,96% 100%,0 100%)}
.detour .project-icon{grid-row:1/3;margin:0}.detour small{margin:0;font-size:13px}.detour b{font-size:21px}
.explore .explore-note{grid-column:9/13;grid-row:3;align-self:center;font-size:20px;border-left:0;border-bottom:3px solid var(--lilac);padding:18px 23px}
.consulting .consult-intro{grid-column:1/8;grid-row:1;padding:14px 24px 0 0}
.consult-intro>p:not(.eyebrow){max-width:480px}.consult-intro .primary{margin-top:9px}
.consulting .ways-card{grid-column:8/13;grid-row:1/3;margin-top:25px;transform:rotate(1.5deg);padding:30px 21px 24px;background:#ddd2ed;border:1px solid #bcb0d1;box-shadow:7px 8px 0 #c2b5d2,9px 16px 20px #23202013;border-radius:10px 10px 4px 4px}
.cabinet-label{font:9px Space;letter-spacing:1px;display:block;color:#564064;padding:0 10px}
.ways-card .cabinet-title{font-size:30px;line-height:1.1;margin:17px 10px 10px}
.ways-card .cabinet-help{font-size:14px;margin:0 10px 25px}
.ways-card>button{border:1px solid #baaed0!important;margin:13px 0 0;padding:23px 17px!important;gap:13px;background:#fffcf5;box-shadow:0 4px 0 #b8a8cf;position:relative;transition:transform .2s,background .2s}
.ways-card>button:hover{transform:translateX(-7px);background:#f2f6e7}
.ways-card>button:before{content:'';position:absolute;left:42%;top:7px;width:45px;height:4px;border-radius:4px;background:#b5a6c1}
.ways-card>button>span{font-size:11px;align-self:flex-start;padding-top:4px}.ways-card h2{font-size:21px;letter-spacing:-.025em}.ways-card p{font-size:14px;line-height:1.5}.ways-card>button>b{font-size:17px}
.consulting .first-session{grid-column:1/8;grid-row:2;transform:rotate(-1.5deg);background:#fffdf7;padding:28px 25px;border:1px solid #d6cdbe;border-radius:3px 3px 24px 3px;margin-top:18px}
.first-session h2{font-size:27px;margin-top:16px}.first-session .tape{display:none}
.session-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:26px 0 0;padding:0;gap:18px}
.session-steps li{border-top:2px solid var(--lilac);padding-top:15px}.session-steps b{display:block;font:11px Space;color:#6d5793;margin-bottom:10px}.session-steps strong{display:block;font:20px Space;margin-bottom:9px}.session-steps span{font-size:13px;line-height:1.6;display:block}
.consulting .receipt{grid-column:8/13;grid-row:3;transform:rotate(3deg);padding:25px 30px 36px;background:#f7f5ef;border:1px solid #d0c6b4}
.consulting .consult-note{grid-column:2/7;grid-row:3;align-self:center;transform:rotate(-3deg);border-left:0;border-bottom:3px solid var(--lime);font-size:21px;padding:20px 26px}
.edge{background:#fffcf3ed;bottom:18px;min-height:46px}
.edge b{font-size:13px}.object:is(button):hover{transform:rotate(0deg) translateY(-7px)}
@media(min-width:1600px){.scene .canvas{max-width:1320px;gap:42px 30px;padding-top:75px}.world-art{opacity:.5}}
@media(min-width:701px) and (max-width:1050px){
 header{padding:0 25px;gap:15px}.byline{display:none}.top-nav button{padding:10px 13px}.index-button{font-size:12px}
 .scene .canvas{width:calc(100% - 80px);gap:30px 22px;padding-top:42px}.scene .canvas h1{font-size:51px}
 .welcome .welcome-intro{grid-column:1/13;grid-row:1;padding-left:0;max-width:650px}
 .welcome .pinboard{grid-column:1/6;grid-row:2/4;margin-top:12px}
 .welcome .on-bench{grid-column:6/13;grid-row:2;padding:24px}
 .welcome .thinking-note{grid-column:7/13;grid-row:3;margin:8px 6px 0}
 .welcome .hello-card{grid-column:1/7;grid-row:4}.welcome .welcome-note{grid-column:8/13;grid-row:4;font-size:18px}
 .explore .scene-intro{grid-column:1/13;grid-row:1;max-width:600px}.explore .voice-card{grid-column:7/13;grid-row:2/4;padding:28px 24px}
 .explore .system-card{grid-column:1/7;grid-row:2;padding:25px}.explore .adoption-card{grid-column:1/7;grid-row:3;margin-top:8px}
 .explore .detour{grid-column:1/9;grid-row:4}.explore .explore-note{grid-column:9/13;grid-row:4;font-size:17px;padding:15px}
 .voice-art{min-height:180px}.voice-art>span{font-size:47px}.voice-art:after{width:65px;height:65px;font-size:29px;top:95px}.voice-card h2{font-size:25px}
 .consulting .consult-intro{grid-column:1/13;grid-row:1;max-width:650px}
 .consulting .ways-card{grid-column:7/13;grid-row:2/4;padding:25px 16px}
 .consulting .first-session{grid-column:1/7;grid-row:2;padding:25px}.session-steps{grid-template-columns:1fr;gap:15px}
 .session-steps li{display:grid;grid-template-columns:26px 1fr;gap:0 8px;padding-top:12px}.session-steps b{grid-row:1/3}.session-steps span{grid-column:2}.session-steps strong{font-size:18px}
 .consulting .consult-note{grid-column:1/7;grid-row:3;font-size:19px}.consulting .receipt{grid-column:6/13;grid-row:4}
 .cabinet-label{font-size:8px}.ways-card .cabinet-title{font-size:26px}.ways-card>button{padding:23px 12px!important;gap:8px}.ways-card h2{font-size:18px}.ways-card p{font-size:13px}
}
@media(max-width:700px){
 header{height:auto;min-height:112px;display:flex;flex-wrap:wrap;padding:13px 21px 8px;gap:5px 15px}.brand{font-size:31px;order:0}.index-button{order:1;margin-left:auto;font-size:11px}
 .top-nav{order:2;width:100%;margin:2px 0 0;justify-content:center;padding:0;background:transparent;gap:10px}.top-nav button{min-height:40px;padding:8px 20px;font-size:12px}
 .scene{padding-bottom:91px}.scene .canvas{display:flex;flex-direction:column;width:auto;margin:0 25px;padding:32px 0 30px;gap:29px;min-height:0}
 .scene .canvas>*{grid-column:auto;grid-row:auto;width:100%;max-width:100%;min-width:0;margin:0;align-self:auto}
 .scene .canvas h1{font-size:clamp(43px,11.8vw,64px)}
 .scene .canvas .welcome-intro,.scene .canvas .scene-intro{padding:0;margin-bottom:9px;order:0}
 .welcome-intro>p:not(.eyebrow),.scene-intro>p:not(.eyebrow){font-size:17px;line-height:1.65}.welcome-intro p br{display:none}
 .welcome-routes{display:grid;grid-template-columns:1fr;margin-top:23px;gap:10px}.welcome-routes button{text-align:center;width:100%;font-size:14px}.welcome-routes .primary span{margin-left:12px}.interaction-hint{font-size:12px;margin-top:17px}
 .welcome .on-bench{order:1;width:96%;transform:rotate(-2deg);padding:26px 23px}.welcome .pinboard{order:2;width:93%;margin:5px auto 10px;padding:32px 22px 22px}
 .welcome .thinking-note{order:3;width:88%;align-self:flex-end;padding:27px;transform:rotate(3deg)}
 .welcome .hello-card{order:4;width:94%;margin-top:9px}.welcome .welcome-note{order:5;width:88%;align-self:center;font-size:20px}
 .explore .voice-card{order:1;width:94%;align-self:center;margin:23px 0 12px;padding:31px 25px}.voice-art{min-height:190px}.voice-art>span{font-size:57px}.voice-art:after{width:85px;height:85px;font-size:35px;top:53px}
 .explore .system-card{order:2;width:92%;padding:28px 25px;margin-top:20px}.explore .adoption-card{order:3;width:88%;align-self:flex-end;padding:28px;margin-top:6px}
 .explore .detour{order:4;width:96%;padding:23px;gap:4px 15px}.explore .explore-note{order:5;width:87%;align-self:center;font-size:20px}
 .consulting .ways-card{order:1;width:96%;align-self:center;margin:8px 0 5px;padding:29px 18px 22px}.ways-card .cabinet-title{font-size:29px}.ways-card h2{font-size:21px}.ways-card p{font-size:14px}
 .consulting .first-session{order:2;width:96%;padding:27px 22px}.session-steps{grid-template-columns:1fr;gap:17px}.session-steps li{display:grid;grid-template-columns:28px 1fr;gap:0 12px}.session-steps b{grid-row:1/3}.session-steps span{grid-column:2;font-size:14px}
 .consulting .receipt{order:4;width:90%;align-self:flex-end;padding:25px 27px 35px}.consulting .consult-note{order:3;width:88%;font-size:20px;align-self:center}
 .world-art{background-size:cover;opacity:.3}.scene:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:590px;background:url(assets/mural-quiet.png) var(--art-position,center) bottom/auto 590px no-repeat;opacity:.22;pointer-events:none;z-index:-1}.explore{--art-position:left}.consulting{--art-position:right}
 .edge b{font-size:11px}.edge{padding:8px 13px;gap:7px}.edge-left{left:15px}.edge-right{right:15px}
}

/* Welcome composition: brand-led introduction, equal routes, a compact workbench. */
header{display:grid;grid-template-columns:1fr auto 1fr;gap:20px}.brand{justify-self:start}.byline{display:none}.top-nav{margin:0;justify-self:center}.index-button{justify-self:end;margin:0}.top-nav button{display:flex;align-items:center;justify-content:center;gap:9px}.top-nav button span{font-size:18px}
h1,h2,h3{font-weight:600}h1{line-height:1.05}
.welcome .canvas{max-width:1280px;width:calc(100% - 112px);gap:30px;padding:38px 0 24px}
.welcome .welcome-intro{grid-column:1/9;grid-row:1;max-width:none;padding:0 28px 0 0}
.welcome .welcome-intro h1{font-size:clamp(60px,5.8vw,82px);line-height:1.05;letter-spacing:-.05em}
.welcome-intro .eyebrow{margin-bottom:16px}.welcome .welcome-intro>p:not(.eyebrow){max-width:610px;margin:20px 0;font-size:18px;line-height:1.5}
.welcome-routes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;max-width:660px}
.welcome-route{background:transparent;text-align:left;padding:18px 0 0;border-top:1px solid #23202045;min-width:0}
.route-label{display:block;font:10px DM;letter-spacing:1px;color:#514a58}.welcome-route strong{display:block;font:600 29px/1.1 Space;letter-spacing:-.035em;margin:12px 0 16px}
.route-action{display:inline-block;background:var(--ink);color:var(--paper);font-size:14px;font-weight:600;padding:13px 17px;border-radius:3px;transition:background .2s,color .2s}.welcome-route:hover .route-action{background:var(--lime);color:var(--ink)}
.welcome .pinboard{grid-column:9/13;grid-row:1;margin:15px 0 0;align-self:center;padding:34px 24px 22px;transform:rotate(2deg)}.welcome .pinboard h2{font-size:30px;letter-spacing:-.035em}.welcome .pin-link{padding:17px 12px}.welcome .pin-link b{font-size:16px;line-height:1.35}
.welcome .on-bench{grid-column:1/5;grid-row:2;align-self:stretch;padding:24px;gap:16px;transform:rotate(-2deg)}.welcome .on-bench .voice-icon{width:44px;height:44px}.welcome .on-bench h2{font-size:24px}.welcome .on-bench>div{min-width:160px}
.welcome .thinking-note{grid-column:5/9;grid-row:2;padding:23px;transform:rotate(1deg);align-self:stretch}.welcome .thinking-note p{font-family:DM;font-size:18px;line-height:1.5;margin:14px 0}.welcome .thinking-note .handwritten{display:none}.welcome .thinking-note .action{margin-top:15px;padding-top:12px}
.welcome .hello-card{grid-column:9/13;grid-row:2;padding:24px;transform:rotate(-2deg);align-self:stretch}.welcome .hello-card h2{font-size:27px}.welcome .hello-card p{font-size:16px}.welcome .welcome-note{grid-column:1/13;grid-row:3;justify-self:center;background:transparent;border:0;box-shadow:none;padding:0;font-size:17px;transform:none;text-align:center}.welcome .welcome-note br{display:none}.welcome .welcome-note br:after{content:' '}
@media(min-width:701px) and (max-width:1050px){
 .welcome .canvas{width:calc(100% - 76px);gap:26px 22px;padding-top:30px}
 .welcome .welcome-intro{grid-column:1/8;padding:0}.welcome .welcome-intro h1{font-size:58px}.welcome .welcome-intro>p:not(.eyebrow){font-size:17px}.welcome .pinboard{grid-column:8/13;padding:30px 18px 18px;margin-top:20px}.welcome .pinboard h2{font-size:25px}.welcome .pin-link{gap:9px;padding:14px 9px}.welcome .pin-link b{font-size:14px}.welcome .mini-page{width:30px;height:44px}
 .welcome-route strong{font-size:25px}.route-action{padding:12px;font-size:12px}.route-label{font-size:8px}.welcome-routes{gap:15px}
 .welcome .on-bench{grid-column:1/7;grid-row:2}.welcome .thinking-note{grid-column:7/13;grid-row:2;margin:0}.welcome .hello-card{grid-column:1/7;grid-row:3}.welcome .welcome-note{grid-column:7/13;grid-row:3;align-self:center;font-size:19px}
}
@media(max-width:700px){
 header{display:grid;grid-template-columns:1fr auto;padding:12px 20px 8px;gap:6px;min-height:112px}.brand{grid-column:1;grid-row:1}.index-button{grid-column:2;grid-row:1}.top-nav{grid-column:1/-1;grid-row:2;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}.top-nav button{padding:8px 5px;gap:6px;font-size:12px}
 .welcome .canvas{display:flex;width:auto;margin:0 25px;padding:28px 0 10px;gap:26px}.welcome .welcome-intro{padding:0;margin:0}.welcome .welcome-intro h1{font-size:clamp(52px,12vw,72px)}.welcome .welcome-intro>p:not(.eyebrow){font-size:17px;line-height:1.5}.welcome .eyebrow{font-size:9px;letter-spacing:1px}
 .welcome-routes{grid-template-columns:1fr;gap:0;margin-top:21px}.welcome-route{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:16px 0;text-align:left;width:100%}.welcome-route .route-label{grid-column:1}.welcome-route strong{font-size:25px;margin:0}.welcome-route strong br{display:none}.route-action{grid-column:2;grid-row:1/3;align-self:center;font-size:12px;padding:13px 11px}
 .welcome .pinboard{order:2;width:95%;align-self:center;margin:5px 0;padding:30px 22px 20px}.welcome .pinboard h2{font-size:28px}.welcome .on-bench{order:1;width:100%;align-self:auto;padding:24px}.welcome .thinking-note{order:3;width:93%;align-self:flex-end;padding:24px}.welcome .hello-card{order:4;width:94%;align-self:flex-start;padding:24px}.welcome .welcome-note{order:5;align-self:center;font-size:17px;width:100%;padding:5px 0}
}