:root{color-scheme:light;--ink:#151813;--muted:#62685f;--paper:#f4f3ed;--white:#fff;--forest:#19392d;--lime:#b8f238;--blue:#30bad3;--orange:#ef7048;--line:rgba(21,24,19,.16);--max:1360px;--side:clamp(1.25rem,5vw,5rem);--radius:1.25rem}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,"Noto Sans JP",sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:clip}img{display:block;max-width:100%}a{color:inherit}button{color:inherit}.skip-link{position:fixed;z-index:100;top:1rem;left:1rem;padding:.7rem 1rem;background:var(--ink);color:#fff;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header,.hero,.experience,.products,.philosophy,.about,.notes,.site-footer{width:min(calc(100% - var(--side)*2),var(--max));margin-inline:auto}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:1rem;font-weight:900;letter-spacing:-.045em;text-decoration:none}.brand span{color:#6e921a}.site-header nav{display:flex;gap:clamp(1.25rem,3vw,3rem)}.site-header nav a{font-size:.72rem;font-weight:750;letter-spacing:.08em;text-decoration:none}.site-header nav a:hover{text-decoration:underline;text-underline-offset:.45em}.menu-button{display:none;border:0;background:transparent;font:inherit;font-size:.7rem;font-weight:800;letter-spacing:.08em}.eyebrow,.section-label,.product-name>p,.note-category{font-size:.66rem;font-weight:800;letter-spacing:.16em}.eyebrow{margin:0;color:var(--muted)}.accent-blue{color:#087f95}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2.5rem;min-width:15rem;padding:.9rem 0;border-bottom:1px solid;text-decoration:none;font-size:.8rem;font-weight:800}.button-dark{min-width:14rem;padding:.9rem 1.15rem;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:#fff}.text-link{font-size:.78rem;font-weight:700;text-underline-offset:.4em}
.hero{position:relative;min-height:calc(100svh - 94px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(22rem,.92fr);align-items:center;gap:clamp(3rem,8vw,9rem);padding-block:clamp(4rem,8vw,8rem)}.hero-copy{position:relative;z-index:2}.hero h1{max-width:12ch;margin:1.4rem 0 2rem;font-size:clamp(3.8rem,7.2vw,7.5rem);font-weight:800;line-height:1.02;letter-spacing:-.075em}.hero h1 span{color:var(--forest)}.lead{max-width:39rem;margin:0;color:#4e554c;font-size:clamp(1rem,1.35vw,1.15rem)}.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:2.5rem}.hero-object{position:relative;min-height:34rem;display:grid;place-items:center}.wonder-orb{position:absolute;width:min(37vw,32rem);aspect-ratio:1;border-radius:48% 52% 46% 54% / 57% 43% 57% 43%;background:linear-gradient(145deg,#fbfaf6 12%,#e2e8d4 53%,#d3f177);box-shadow:0 3rem 7rem rgba(51,67,43,.16),inset -2rem -2rem 5rem rgba(25,57,45,.12);transform:rotate(-8deg);animation:float 8s ease-in-out infinite alternate}.wonder-orb::before{content:"";position:absolute;inset:16% 11% 18% 12%;border-radius:inherit;border:1px solid rgba(25,57,45,.16);transform:rotate(19deg)}.wonder-orb span{position:absolute;width:38%;aspect-ratio:1;border-radius:50%;right:-5%;top:3%;background:rgba(48,186,211,.38);filter:blur(2px)}.hero-object p{position:relative;z-index:1;margin:0;font-size:clamp(4rem,7vw,7rem);font-weight:900;line-height:.78;letter-spacing:-.085em}.hero-object em{color:var(--forest);font-family:Georgia,serif;font-weight:400}.hero-object small{position:absolute;z-index:2;right:1rem;bottom:3.5rem;font-size:.62rem;font-weight:800;letter-spacing:.16em}.scroll-hint{position:absolute;left:0;bottom:2rem;display:flex;align-items:center;gap:.8rem;margin:0;font-size:.6rem;font-weight:800;letter-spacing:.16em}.scroll-hint span{width:3.5rem;height:1px;background:var(--ink)}
.section-label{display:flex;align-items:center;gap:1rem;color:var(--muted)}.section-label span{display:grid;place-items:center;width:2.1rem;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;font-size:.58rem}.section-label p{margin:0}.experience{display:grid;grid-template-columns:.42fr .78fr 1.4fr;gap:clamp(2rem,5vw,6rem);padding-block:clamp(6rem,11vw,11rem);border-top:1px solid var(--line)}.experience-copy{align-self:center}.experience h2,.section-head h2,.philosophy h2,.about h2,.contact h2{margin:.8rem 0 2rem;font-size:clamp(3rem,6vw,6.4rem);line-height:.94;letter-spacing:-.07em}.experience-copy>p:not(.eyebrow){color:var(--muted)}.mode-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:2.2rem 0;padding:0;list-style:none}.mode-list li{padding:.34rem .7rem;border:1px solid var(--line);border-radius:999px;font-size:.65rem;font-weight:800;letter-spacing:.08em}.experience-media{position:relative;align-self:center;min-height:34rem;overflow:hidden;border-radius:var(--radius);background:#dceef0}.experience-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(9,29,26,.38))}.experience-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .7s cubic-bezier(.2,.75,.2,1)}.experience-media:hover img{transform:scale(1.025)}.media-badge,.media-arrow{position:absolute;z-index:2;color:#fff}.media-badge{left:1.5rem;bottom:1.5rem;font-size:.65rem;font-weight:800;letter-spacing:.16em}.media-arrow{display:grid;place-items:center;width:3rem;aspect-ratio:1;right:1.25rem;top:1.25rem;border-radius:50%;background:rgba(255,255,255,.9);color:var(--ink);font-size:1.2rem}
.products,.philosophy,.about,.notes{padding-block:clamp(6rem,11vw,11rem);border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.42fr 1.58fr;gap:clamp(2rem,5vw,6rem);margin-bottom:clamp(4rem,7vw,7rem)}.section-head>div:last-child>p{max-width:38rem;color:var(--muted)}.product-list{border-top:1px solid var(--line)}.product-row{min-height:17rem;display:grid;grid-template-columns:4rem minmax(14rem,.6fr) minmax(18rem,1fr) auto;gap:clamp(1rem,3vw,3rem);align-items:center;padding:2.5rem 0;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .25s,background .25s}.product-row[href]:hover{padding-inline:1.25rem;background:rgba(255,255,255,.62)}.product-no{align-self:start;color:var(--muted);font-size:.66rem}.product-name>p{margin:0;color:var(--muted)}.product-name h3{margin:.2rem 0 0;font-size:clamp(3.2rem,6vw,6.2rem);line-height:.9;letter-spacing:-.075em}.tobie h3{color:#09849b}.barepo h3{color:#cf5430}.padchin h3{color:#668a18}.product-copy{max-width:31rem;color:var(--muted)}.product-action{align-self:end;font-size:.7rem;font-weight:800;white-space:nowrap}.product-action b{font-size:1.2rem;margin-left:.4rem}.future{opacity:.62}.future h3{font-size:clamp(2.7rem,5vw,5.5rem)}
.philosophy{display:grid;grid-template-columns:.42fr 1.58fr;gap:clamp(2rem,5vw,6rem)}.philosophy h2{max-width:12ch}.philosophy-lead{max-width:48rem;margin:3rem 0 5rem;font-size:clamp(1.25rem,2.1vw,2rem);font-weight:650;line-height:1.55;letter-spacing:-.025em}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principles article{min-height:19rem;padding:2rem;border-left:1px solid var(--line)}.principles article:first-child{border-left:0}.principles span{color:var(--muted);font-size:.65rem}.principles h3{margin:5rem 0 .75rem;font-size:1.4rem}.principles p{margin:0;color:var(--muted);font-size:.92rem}
.about{display:grid;grid-template-columns:.42fr 1.58fr;gap:clamp(2rem,5vw,6rem);background:linear-gradient(135deg,transparent 48%,rgba(184,242,56,.1))}.about-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(3rem,7vw,8rem)}.about h2{font-size:clamp(2.8rem,5.4vw,5.7rem)}.about-copy{align-self:end}.about-copy>p{font-size:1.04rem;color:var(--muted)}.about-copy>p:first-child{color:var(--ink);font-size:clamp(1.15rem,1.8vw,1.5rem);font-weight:650}.about dl{margin:3rem 0 0;border-top:1px solid var(--line)}.about dl div{display:grid;grid-template-columns:6.5rem 1fr;padding:1rem 0;border-bottom:1px solid var(--line)}.about dt{color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.12em}.about dd{margin:0;font-weight:700}
.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.note-card{min-height:25rem;padding:clamp(1.5rem,3vw,2.75rem);background:var(--white);display:flex;flex-direction:column}.note-card time{color:var(--muted);font-size:.7rem}.note-category{margin:auto 0 1rem;color:#668a18}.note-card h3{margin:0 0 1rem;font-size:clamp(1.5rem,2.5vw,2.3rem);line-height:1.25;letter-spacing:-.035em}.note-card>p:last-child{margin:0;color:var(--muted);font-size:.92rem}.note-next{background:var(--forest);color:#fff}.note-next .note-category,.note-next>p:last-child{color:#bfd2c9}
.contact{width:100%;padding:clamp(6rem,11vw,10rem) max(var(--side),calc((100vw - var(--max))/2));background:var(--forest);color:#fff}.contact .eyebrow{color:#a8bbb2}.contact h2{margin:1rem 0 5rem;font-size:clamp(4rem,10vw,10rem);line-height:.82}.contact h2 em{color:var(--lime);font-family:Georgia,serif;font-weight:400}.contact-bottom{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end}.contact-bottom p{max-width:30rem;margin:0;color:#bfd0c8}.contact-bottom a{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.45);text-decoration:none;font-size:clamp(1.1rem,2vw,1.75rem);font-weight:700}.site-footer{min-height:8rem;display:grid;grid-template-columns:1fr auto auto;gap:3rem;align-items:center;color:var(--muted)}.site-footer p,.site-footer small{font-size:.65rem;letter-spacing:.12em}
.reveal{opacity:0;transform:translateY(2rem);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1)}.reveal.is-visible{opacity:1;transform:none}@keyframes float{to{transform:translateY(-1rem) rotate(-3deg)}}
@media(max-width:980px){.hero{grid-template-columns:1fr .75fr;gap:2rem}.experience{grid-template-columns:.25fr .8fr 1fr}.product-row{grid-template-columns:3rem minmax(12rem,.7fr) 1fr}.product-action{grid-column:3;justify-self:start}.about-grid{grid-template-columns:1fr}.principles article{padding:1.4rem}.principles h3{margin-top:3rem}}
@media(max-width:760px){:root{--side:1.25rem}.site-header{height:76px}.menu-button{display:block}.site-header nav{display:none;position:absolute;z-index:20;top:76px;left:var(--side);right:var(--side);padding:1.25rem;border-radius:.75rem;background:var(--forest);color:#fff;box-shadow:0 1rem 3rem rgba(0,0,0,.2);flex-direction:column}.site-header nav.open{display:flex}.hero{min-height:auto;grid-template-columns:1fr;padding-block:4.5rem 3rem}.hero h1{font-size:clamp(3.1rem,13vw,5.3rem)}.lead br{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:1rem}.hero-object{min-height:20rem}.wonder-orb{width:min(78vw,24rem)}.hero-object p{font-size:clamp(3.8rem,17vw,6rem)}.hero-object small{right:0;bottom:1rem}.scroll-hint{display:none}.experience,.philosophy,.about{grid-template-columns:1fr}.experience{gap:3rem}.experience>.section-label{margin-bottom:1rem}.experience-media{min-height:25rem;grid-row:3}.section-head{grid-template-columns:1fr;gap:2.5rem}.product-row{min-height:0;grid-template-columns:2.5rem 1fr auto;gap:1rem;padding:2.5rem 0}.product-name{grid-column:2/-1}.product-name h3{font-size:clamp(3.2rem,16vw,5.5rem)}.product-copy{grid-column:2/-1;margin:.5rem 0}.product-action{grid-column:2/-1}.principles{grid-template-columns:1fr}.principles article{min-height:13rem;border-left:0;border-top:1px solid var(--line);padding:1.5rem 0}.principles article:first-child{border-top:0}.principles h3{margin:3rem 0 .5rem}.note-grid{grid-template-columns:1fr}.note-card{min-height:20rem}.contact h2{font-size:clamp(4rem,18vw,7rem)}.contact-bottom{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr auto;gap:1rem}.site-footer p{display:none}}
@media(max-width:430px){:root{--side:1.1rem}.hero{padding-top:3.5rem}.hero h1{font-size:12.6vw;line-height:1.08}.hero-object{min-height:17rem}.experience h2,.section-head h2,.philosophy h2,.about h2{font-size:11vw}.experience-media{min-height:21rem}.product-row{grid-template-columns:2rem 1fr}.product-action{grid-column:2}.product-name h3{font-size:17vw}.contact-bottom a{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wonder-orb{animation:none}.experience-media img,.product-row,.reveal{transition:none}.reveal{opacity:1;transform:none}}
.detail-hero,.detail-story,.detail-features{width:min(calc(100% - var(--side)*2),var(--max));margin-inline:auto}.detail-hero{position:relative;min-height:calc(100svh - 94px);padding-block:clamp(5rem,10vw,9rem);overflow:hidden}.detail-hero h1{position:relative;z-index:2;max-width:11ch;margin:1rem 0 2rem;font-size:clamp(4rem,9vw,9rem);line-height:.9;letter-spacing:-.08em}.detail-hero h1 span{color:#668a18}.detail-hero>p:last-of-type{position:relative;z-index:2;max-width:43rem;color:var(--muted);font-size:1.05rem}.detail-mark{position:absolute;right:0;bottom:8%;width:min(48vw,42rem);aspect-ratio:1.25;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#eef5db,#dff0ed);transform:rotate(-5deg)}.detail-mark b{font-size:clamp(3.5rem,8vw,8rem);letter-spacing:-.08em;transform:rotate(5deg)}.detail-mark span{position:absolute;left:14%;bottom:20%;color:#668a18;font-size:clamp(1.6rem,4vw,4rem);font-weight:700;transform:rotate(3deg)}.detail-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,9rem);padding-block:clamp(6rem,11vw,10rem);border-top:1px solid var(--line)}.detail-story h2{margin:1rem 0;font-size:clamp(3rem,6vw,6rem);line-height:1;letter-spacing:-.065em}.detail-story>div:last-child{align-self:end;color:var(--muted);font-size:1.06rem}.detail-features{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:clamp(6rem,10vw,10rem);border:1px solid var(--line);background:var(--line);gap:1px}.detail-features article{min-height:20rem;padding:2rem;background:var(--white)}.detail-features span{color:#668a18;font-size:.65rem;font-weight:800;letter-spacing:.12em}.detail-features h3{margin:6rem 0 .5rem;font-size:1.5rem}.detail-features p{color:var(--muted)}
@media(max-width:760px){.detail-hero{min-height:42rem}.detail-hero h1{font-size:15vw}.detail-mark{width:100%;bottom:4%}.detail-story,.detail-features{grid-template-columns:1fr}.detail-features article{min-height:14rem}.detail-features h3{margin-top:3rem}}

/* Interactive TOBIE preview and mobile typography refinement */
.hero h1{max-width:none}.hero-title-primary,.hero-title-secondary{display:block}.hero-title-secondary{color:var(--forest)}.hero-title-primary,.hero-title-primary .mobile-block{color:var(--ink)}.philosophy h2>span,.about h2>span,.contact h2>span,.contact h2>em{display:block}.experience h2,.section-head h2,.philosophy h2,.about h2,.contact h2{text-wrap:balance;line-break:strict}
.mini-demo{width:min(calc(100% - var(--side)*2),var(--max));margin-inline:auto;padding-block:clamp(6rem,11vw,11rem);border-top:1px solid var(--line);display:grid;grid-template-columns:.42fr 1.58fr;column-gap:clamp(2rem,5vw,6rem)}.demo-heading{grid-column:2;margin-bottom:3rem}.demo-heading h2{margin:.8rem 0 1rem;font-size:clamp(3rem,6vw,6.4rem);line-height:.94;letter-spacing:-.07em}.demo-heading>p:last-child{color:var(--muted)}.demo-stage{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:1px;background:var(--line);border-radius:var(--radius);overflow:hidden}.draw-panel,.wall-panel{min-width:0;padding:clamp(1rem,2.5vw,2rem);background:var(--white)}.demo-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.68rem;letter-spacing:.1em}.demo-panel-head span{color:var(--muted)}#draw-canvas{display:block;width:100%;height:auto;aspect-ratio:20/13;border:1px solid var(--line);border-radius:.75rem;background:#fbfbf7;touch-action:none;cursor:crosshair}.draw-tools{display:grid;grid-template-columns:1fr auto auto;gap:.75rem;align-items:center;margin-top:1rem}.color-tools{display:flex;gap:.45rem}.color-button{width:2.75rem;height:2.75rem;border:3px solid var(--white);border-radius:50%;background:var(--color);box-shadow:0 0 0 1px var(--line);cursor:pointer}.color-button[data-color="#19392d"]{--color:#19392d}.color-button[data-color="#30bad3"]{--color:#30bad3}.color-button[data-color="#ef7048"]{--color:#ef7048}.color-button[data-color="#b8f238"]{--color:#b8f238}.color-button.is-selected{box-shadow:0 0 0 2px var(--ink)}.tool-button,.send-button{min-height:2.75rem;border:1px solid var(--ink);border-radius:999px;padding:.65rem 1rem;background:transparent;font-weight:800;cursor:pointer}.send-button{background:var(--ink);color:#fff}.mini-wall{position:relative;min-height:21rem;overflow:hidden;border-radius:.75rem;background:radial-gradient(circle at 20% 20%,rgba(48,186,211,.55),transparent 27%),radial-gradient(circle at 80% 70%,rgba(184,242,56,.6),transparent 29%),var(--forest);display:grid;place-items:center}.mini-wall>p{color:#d6e0da;text-align:center;font-size:1.1rem;font-weight:700}.wall-drawing{position:absolute;width:55%;max-height:65%;object-fit:contain;padding:.5rem;border-radius:1rem;background:rgba(255,255,255,.92);box-shadow:0 1rem 3rem rgba(0,0,0,.25);animation:wall-arrive .65s cubic-bezier(.2,.8,.2,1),wall-float 4s .65s ease-in-out infinite alternate}.demo-status,.demo-note{color:var(--muted);font-size:.78rem}.demo-status{min-height:1.5rem;margin:1rem 0 0}.demo-note{grid-column:2;margin-top:1rem}@keyframes wall-arrive{from{opacity:0;transform:translateY(3rem) rotate(-8deg) scale(.65)}to{opacity:1;transform:translateY(0) rotate(2deg) scale(1)}}@keyframes wall-float{to{transform:translateY(-.7rem) rotate(-2deg)}}
@media(max-width:760px){.hero h1{font-size:clamp(2.85rem,11.5vw,4.6rem);line-height:1.08}.hero-title-primary .mobile-block{display:block}.mini-demo{grid-template-columns:1fr;padding-block:4.75rem}.mini-demo>.section-label,.demo-heading,.demo-stage,.demo-note{grid-column:1}.demo-heading{margin:2.5rem 0}.demo-heading h2{font-size:9.2vw;line-height:1.08}.demo-stage{grid-template-columns:1fr}.draw-tools{grid-template-columns:1fr auto}.send-button{grid-column:1/-1;width:100%;min-height:3.25rem}.mini-wall{min-height:19rem}.experience,.products,.philosophy,.about,.notes{padding-block:4.75rem}.experience h2,.section-head h2,.philosophy h2,.about h2{font-size:8.8vw;line-height:1.12}.philosophy-lead{font-size:1.15rem}.contact{padding-block:5rem}.contact h2{font-size:11.5vw;line-height:1.02;margin-bottom:3rem}.contact-bottom{gap:2rem}.note-card h3{font-size:1.65rem}.note-card{min-height:18rem}.color-button{width:2.9rem;height:2.9rem}}
@media(max-width:430px){.hero h1{font-size:11.2vw}.experience h2,.section-head h2,.philosophy h2,.about h2,.demo-heading h2{font-size:8.7vw}.contact h2{font-size:11vw}.about-copy>p:first-child{font-size:1.08rem}.philosophy-lead{font-size:1.08rem}.draw-panel,.wall-panel{padding:1rem}.color-tools{gap:.3rem}.color-button{width:2.65rem;height:2.65rem}.tool-button{padding-inline:.85rem}}
@media(prefers-reduced-motion:reduce){.wall-drawing{animation:none}}

/* Mobile reading rhythm — issue #16 */
.philosophy h2{max-width:none}
.phrase{display:inline-block}
.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.note-card{min-height:0;gap:0}
.note-category{margin:1.75rem 0 .75rem}
.note-card h3 .phrase{display:block}
@media(max-width:760px){
  .experience,.products,.philosophy,.about,.notes{padding-block:3.5rem}
  .philosophy,.about{gap:1.75rem}
  .section-head{gap:1.75rem;margin-bottom:2rem}
  .philosophy h2{font-size:clamp(1.65rem,7.1vw,3rem);line-height:1.35;letter-spacing:-.04em;margin:0 0 1.5rem;text-wrap:initial}
  .philosophy-lead{margin:0 0 2rem;font-size:1rem;font-weight:500;line-height:1.85;letter-spacing:0}
  .principles article{min-height:0;display:grid;grid-template-columns:1.75rem minmax(0,1fr);column-gap:.75rem;row-gap:.5rem;padding:1.5rem 0}
  .principles span{grid-column:1;align-self:center;font-size:.75rem}
  .principles h3{grid-column:2;margin:0;font-size:1.25rem;line-height:1.5}
  .principles p{grid-column:2;font-size:1rem;line-height:1.8}
  .note-grid{grid-template-columns:1fr}
  .note-card{min-height:0;padding:1.5rem}
  .note-card time{font-size:.8125rem}
  .note-category{font-size:.75rem;margin:1.25rem 0 .75rem}
  .note-card h3{font-size:clamp(1.125rem,5vw,1.65rem);line-height:1.5;letter-spacing:-.025em;margin-bottom:1rem}
  .note-card>p:last-child{font-size:1rem;line-height:1.85}
  .contact{padding-block:3.5rem}
  .contact h2{font-size:clamp(2rem,10vw,4.5rem);line-height:1.25;margin:1rem 0 1.75rem}
  .contact-bottom{gap:1.5rem}
  .contact-bottom p{font-size:1rem;line-height:1.85}
}

/* #18: transparent artwork and motion based on TOBIE WALL. */
.mini-wall{min-height:0;aspect-ratio:16/9;display:block;background:linear-gradient(to bottom,#78cfff 0 58%,#60b94b 58% 76%,#33863e 76% 100%)}
.mini-wall>p{position:absolute;inset:0;display:grid;place-content:center;margin:0;color:#19392d;pointer-events:none}
.mini-wall>p[hidden]{display:none}
.mini-wall[data-theme="deep-sea"]{background:radial-gradient(circle at 15% 65%,rgb(35 155 167 / 25%) 0 2px,transparent 3px),radial-gradient(circle at 85% 30%,rgb(90 224 194 / 22%) 0 3px,transparent 4px),linear-gradient(165deg,#075078 0%,#073555 38%,#031522 100%);background-size:90px 90px,140px 140px,auto}
.mini-wall[data-theme="space"]{background:radial-gradient(circle at 15% 22%,#fff 0 1px,transparent 1.8px),radial-gradient(circle at 68% 37%,#d7ecff 0 1.2px,transparent 2px),radial-gradient(ellipse at 58% 55%,rgb(115 69 196 / 35%) 0 8%,transparent 35%),linear-gradient(145deg,#090d24,#16123a 48%,#050812);background-size:72px 72px,118px 118px,auto,auto}
.mini-wall[data-theme="deep-sea"]>p,.mini-wall[data-theme="space"]>p{color:#fff}
.mini-artwork{position:absolute;top:0;left:0;pointer-events:none;will-change:transform}
.mini-wall .wall-drawing{position:static;display:block;width:100%;height:100%;max-height:none;object-fit:contain;padding:0;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 2px 2px rgb(0 0 0 / 30%)) drop-shadow(0 0 1px rgb(255 255 255 / 60%));animation:mini-arrive 900ms ease-out both}
.mini-artwork.is-leaving{z-index:2}
.mini-artwork.is-leaving .wall-drawing{animation:mini-farewell 1600ms ease-in both}
.wall-theme-label{display:flex;align-items:center;gap:.75rem;margin:1rem 0;font-size:.875rem}
.wall-theme-label select{min-height:44px;padding:.4rem .8rem;border:1px solid var(--line);border-radius:.5rem;background:var(--white);color:var(--ink);font:inherit}
@keyframes mini-arrive{from{opacity:0;scale:.2}to{opacity:1;scale:1}}
@keyframes mini-farewell{to{opacity:0;scale:2}}
@media(prefers-reduced-motion:reduce){.mini-wall .wall-drawing,.mini-artwork.is-leaving .wall-drawing{animation:none}}