/* Yous & Co. portfolio — brand palette, editorial typography, restrained motion. */
:root{--bot-paper:var(--brand-paper);--bot-ink:var(--brand-ink);--bot-accent:var(--brand-ink);--bot-muted:var(--brand-secondary)}
body.page-mode{background:var(--bot-paper);color:var(--bot-ink)}
.topbar{background:rgba(251,248,244,.93)!important;border-bottom:1px solid rgba(27,27,31,.12)!important;backdrop-filter:blur(20px);padding:0 3.5vw;min-height:86px;gap:2rem}
.topbar .wordmark{min-width:0;gap:0}
.topbar .wordmark-mark,.topbar .wordmark-sub{display:none!important}
.topbar .wordmark-name{font-family:var(--font-body);font-size:1.3rem;font-weight:500;letter-spacing:-.055em;color:var(--bot-ink);white-space:nowrap}
.identity-dot{color:#1b1b1f}
.topbar .nav{gap:1.6rem}
.topbar .nav a{font-family:var(--font-body);font-size:.84rem;letter-spacing:0;color:var(--bot-ink)}
.topbar .nav a::after{background:var(--bot-accent)}
.topbar .topbar-tools{gap:1.25rem}
.topbar .lang-btn{color:var(--bot-muted);font-size:.7rem}
.topbar .lang-btn[aria-pressed=true]{color:var(--bot-accent)}
.topbar .btn{border-radius:40px;background:var(--bot-ink);color:var(--bot-paper);border-color:var(--bot-ink);font-size:.72rem;letter-spacing:0;padding:.75rem 1.2rem}
.topbar .burger{color:var(--bot-ink)}
body.portfolio-mode #main{display:block;background:var(--bot-paper);padding:0;min-height:0;overflow:clip}
body.portfolio-mode .progress-line,body.portfolio-mode .sticky-cta,body.portfolio-mode .concierge-fab{display:none!important}
body.portfolio-mode .footer{background:#1b1b1f;color:#ede7de;border:0;margin:0;padding-bottom:5rem}
body.portfolio-mode .footer a,body.portfolio-mode .footer p{color:#ede7de}
body.portfolio-mode .footer .wordmark-name{font-size:2rem}
#natureCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;opacity:0;transition:opacity .6s;display:none}
body.portfolio-mode:not(.exploring) #natureCanvas{display:block}
body.nature-ready.portfolio-mode:not(.exploring) #natureCanvas{opacity:1}
.bot-portfolio{font-family:var(--font-body);font-size:17px;line-height:1.65;--space:clamp(5rem,9vw,9rem)}
.bot-portfolio h1,.bot-portfolio h2,.bot-portfolio h3{color:var(--bot-ink);font-family:var(--font-display);font-weight:400;letter-spacing:-.047em;text-wrap:initial}
.bot-portfolio h2{font-size:clamp(3.2rem,5.7vw,5.8rem);line-height:.97;margin:0}
.bot-portfolio em{font-weight:300;color:var(--bot-accent)}
.bot-portfolio p{margin:0}
.bot-portfolio a:focus-visible,.bot-portfolio button:focus-visible{outline:2px solid var(--bot-accent);outline-offset:6px}
.bot-container{width:89%;max-width:1440px;margin-inline:auto}
.bot-kicker{font-size:.68rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:1.7}
.bot-dot{display:inline-block;width:6px;height:6px;background:#1b1b1f;border-radius:50%;margin-inline-end:10px;vertical-align:middle}
.bot-hero{position:relative;min-height:780px;height:calc(100svh - 86px);max-height:1100px;isolation:isolate;display:flex;align-items:center;overflow:hidden}
.bot-hero-landscape{position:absolute;inset:-2.5%;z-index:-2;transform:translate3d(var(--nature-x,0px),var(--nature-y,0px),0) scale(1.025);will-change:transform}
.bot-hero-landscape>img{width:100%;height:100%;object-fit:cover;object-position:64% 50%}
.bot-hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,248,244,.56) 0%,rgba(251,248,244,.45) 33%,transparent 62%)}
.bot-hero-copy{width:63%;padding:1.5rem 0 4rem 5.5vw;position:relative;z-index:2}
.bot-hero h1{font-size:clamp(5rem,7.9vw,9rem);line-height:.96;letter-spacing:-.055em;margin:1.9rem 0 1.6rem}
.bot-hero .bot-role{font-size:.78rem;letter-spacing:.08em;font-weight:500;text-transform:uppercase;margin-bottom:1.1rem}
.bot-hero .bot-intro{max-width:26rem;font-size:1rem;line-height:1.75;color:#1b1b1f}
.bot-actions{display:flex;gap:1.6rem;align-items:center;flex-wrap:wrap;margin-top:1.8rem}
.bot-button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--bot-ink);color:#fff;border:1px solid var(--bot-ink);border-radius:60px;padding:1rem 1.5rem;font-size:.82rem;line-height:1.4;transition:background .3s,transform .3s}
.bot-button span{font-size:1.25rem;line-height:1}
.bot-button:hover{background:#1b1b1f;transform:translateY(-3px)}
.bot-textlink{display:inline-flex;align-items:center;justify-content:space-between;gap:1.7rem;font-size:.81rem;line-height:1.5;border-bottom:1px solid currentColor;padding:.55rem 0;color:inherit;transition:color .25s}
.bot-textlink span{font-size:1.25rem;transition:transform .3s}
.bot-textlink:hover{color:var(--bot-accent)}
.bot-textlink:hover span{transform:translate(3px,-3px)}
.bot-hero .bot-place{font-size:.67rem;letter-spacing:.07em;margin-top:1.7rem;color:#55504b}
.eco-hero-link{display:inline-flex;align-items:center;gap:1rem;margin-top:1.6rem;color:#1b1b1f}
.eco-hero-symbol{font-family:var(--font-mono);font-size:1.1rem;letter-spacing:-.09em;color:#1b1b1f}
.eco-hero-link strong,.eco-hero-link small{display:block;font-weight:400}
.eco-hero-link strong{font-size:.74rem}.eco-hero-link small{font-size:.66rem;color:#1b1b1f;margin-top:.15rem}
.eco-hero-link:hover .eco-hero-symbol{color:#1b1b1f}
.bot-hero:has(.eco-hero-link) .bot-place{margin-top:.9rem}
.eco-system{padding:6.5rem 0 4rem;background:var(--brand-ink);color:#ede7de;position:relative;scroll-margin-top:85px}
body.page-mode #main .eco-system h2,body.page-mode #main .eco-system h3{color:#fbf8f4}
.eco-system em{color:#ede7de}
.eco-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:5rem;align-items:end;margin-bottom:3rem}
.eco-kicker,.eco-label,.eco-meta,.eco-id{font-family:var(--font-mono);font-size:.63rem;line-height:1.6;letter-spacing:.06em}
.eco-kicker{color:#ede7de;text-transform:uppercase;margin-bottom:1.4rem!important}
.eco-heading h2{font-size:clamp(3rem,4.6vw,5rem);line-height:1.04}
.eco-heading>div>p:not(.eco-kicker){font-size:.92rem;line-height:1.85;color:#ede7de;max-width:29rem}
.eco-meta{display:block;margin-top:1.4rem;color:#ede7de}
.eco-direction{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;font-size:.75rem;color:#ede7de}
.eco-direction img{width:38px;height:38px;object-fit:cover;object-position:50% 30%;border-radius:50%}
.eco-direction-line{flex:1;height:1px;background:linear-gradient(90deg,#ede7de77,#ede7de19);position:relative}
.eco-direction-line::after{content:"";position:absolute;inset:auto 0 -2px auto;width:5px;height:5px;border-radius:50%;background:#ede7de}
.eco-direction small{font-family:var(--font-mono);font-size:.59rem;letter-spacing:.12em;color:#ede7de}
.eco-packs{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.6rem}
.eco-packs button{font:inherit;font-size:.74rem;display:flex;align-items:center;gap:.8rem;color:#ede7de;background:transparent;border:1px solid #ede7de55;border-radius:30px;padding:.75rem 1rem;cursor:pointer;transition:background .2s,border-color .2s}
.eco-packs button span{font-family:var(--font-mono);font-size:.64rem;color:#ede7de}
.eco-packs button[aria-pressed=true]{background:#c8ff2e;color:#1b1b1f;border-color:#c8ff2e}
.eco-packs button[aria-pressed=true] span{color:#55504b}
.eco-packs button:hover{border-color:#c8ff2e}
.eco-workspace{display:grid;grid-template-columns:1.3fr 1fr;gap:3rem;align-items:stretch}
.eco-agents{display:grid;grid-template-columns:1fr 1fr;gap:0 1.2rem;align-content:start}
.eco-agent{display:flex;align-items:center;gap:.7rem;background:transparent;border:0;border-bottom:1px solid #ede7de2b;color:#fbf8f4;text-align:start;padding:1.1rem .4rem;font:inherit;cursor:pointer;min-height:83px;transition:background .2s}
.eco-agent[aria-pressed=true]{background:#ede7de0d;border-bottom-color:#c8ff2e}
.eco-agent:hover{background:#ede7de13}
.eco-agent svg{flex-shrink:0;filter:saturate(.55)}
.eco-agent>span{min-width:0;flex:1}
.eco-agent strong{display:block;font-size:.88rem;font-weight:500;line-height:1.5}
.eco-agent small{display:block;font-size:.64rem;line-height:1.5;color:#ede7de;margin-top:.14rem}
.eco-agent>b{font-size:1rem;font-weight:400;color:#ede7de;margin-inline-start:.3rem}
.eco-profile{background:#2a2a2e;border:1px solid #ede7de40;padding:1.9rem;position:relative;border-radius:2px}
.eco-profile::before{content:"";position:absolute;top:-1px;left:1.9rem;width:5rem;height:1px;background:#ede7de}
.eco-profile-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#ede7de;font-size:.65rem}
.eco-profile-identity{display:flex;align-items:center;gap:1rem;margin:1.8rem 0}
.eco-profile-identity svg{flex-shrink:0;filter:saturate(.6)}
.eco-profile h3{font-size:3.3rem;margin:0 0 .3rem;line-height:1}
.eco-profile-identity p{font-size:.78rem;line-height:1.6;color:#ede7de}
.eco-label{color:#ede7de}
.eco-profile blockquote{margin:.8rem 0 1.8rem;color:#fbf8f4;font-family:var(--font-display);font-style:italic;font-size:1.85rem;line-height:1.18;min-height:2.5em}
.eco-meet{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;font:inherit;font-size:.74rem;background:transparent;color:#ede7de;border:0;border-bottom:1px solid #ede7de8c;padding:.6rem 0;width:100%;cursor:pointer;text-align:start}
.eco-meet:hover{color:#fff}.eco-meet:disabled{opacity:.6;cursor:wait}.eco-open-status{font-size:.65rem;margin-top:.6rem!important;color:#ede7de;min-height:1em}
.eco-flow{list-style:none;margin:2.5rem 0 1.6rem;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ede7de40;border-bottom:1px solid #ede7de40}
.eco-flow li{display:flex;align-items:center;gap:.75rem;padding:1.2rem .9rem;font-size:.74rem;border-inline-end:1px solid #ede7de2e}
.eco-flow li:first-child{padding-inline-start:0}.eco-flow li:last-child{border:0}.eco-flow span{font: .61rem var(--font-mono);color:#ede7de}.eco-flow b{font-weight:400;color:#ede7de;margin-inline-start:auto}
.eco-footer{display:flex;align-items:center;justify-content:space-between;gap:2.5rem}
.eco-footer p{font-size:.67rem;line-height:1.7;max-width:42rem;color:#ede7de}
.eco-footer small{display:block;font-size:.65rem;color:#ede7de;margin-top:.65rem}
.eco-footer .bot-textlink{color:#ede7de;white-space:nowrap;font-size:.75rem}
.eco-system button:focus-visible,.eco-system a:focus-visible{outline:2px solid #c8ff2e;outline-offset:4px}
@media(max-width:1100px){.eco-workspace{grid-template-columns:1fr 1fr;gap:1.5rem}.eco-agents{grid-template-columns:1fr}.eco-heading{gap:2rem}.eco-profile{align-self:start;position:sticky;top:110px}.eco-profile-identity{flex-wrap:wrap}.eco-flow li{font-size:.65rem}}
@media(max-width:700px){.bot-hero:has(.eco-hero-link){min-height:970px}.eco-hero-link{margin-top:1.4rem}.eco-hero-link strong{font-size:.69rem}.eco-hero-link small{font-size:.62rem}.eco-system{padding:4rem 0 3rem;scroll-margin-top:72px}.eco-heading{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.eco-heading h2{font-size:3.05rem}.eco-heading>div>p:not(.eco-kicker){font-size:.88rem}.eco-meta{font-size:.58rem}.eco-direction{gap:.65rem;font-size:.65rem}.eco-direction small{display:none}.eco-packs{gap:.5rem}.eco-packs button{font-size:.65rem;padding:.65rem .8rem;gap:.55rem}.eco-workspace{display:flex;flex-direction:column;gap:1.5rem}.eco-agents{grid-template-columns:1fr 1fr;gap:0 .65rem}.eco-agent{gap:.4rem;padding:.8rem .1rem;min-height:90px}.eco-agent svg{width:33px;height:33px}.eco-agent strong{font-size:.79rem}.eco-agent small{font-size:.55rem}.eco-agent>b{display:none}.eco-profile{position:relative;top:auto;width:100%;padding:1.5rem}.eco-profile-identity{flex-wrap:nowrap;margin:1.4rem 0}.eco-profile-identity svg{width:85px;height:85px}.eco-profile h3{font-size:2.8rem}.eco-profile blockquote{font-size:1.75rem;min-height:0}.eco-flow{grid-template-columns:1fr 1fr;margin-top:2rem}.eco-flow li{padding:1rem .6rem;font-size:.64rem}.eco-flow li:nth-child(2){border-inline-end:0}.eco-flow li:nth-child(3){padding-inline-start:0}.eco-footer{display:block}.eco-footer .bot-textlink{margin-top:1.4rem}.eco-footer p{font-size:.63rem}.eco-footer small{font-size:.62rem}}
.bot-nature-note{position:absolute;right:5.5vw;bottom:7rem;max-width:20rem;color:#fff;text-shadow:0 2px 14px #1b1b1f}
.bot-nature-note>span{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase}
.bot-nature-note p{font-family:var(--font-display);font-size:1.9rem;font-style:italic;line-height:1.1;margin-top:.75rem}
.bot-hero-bottom{position:absolute;inset:auto 5.5vw 3.6rem;display:flex;justify-content:space-between;font-size:.65rem;letter-spacing:.05em}
.bot-hero-bottom a{display:flex;align-items:center;gap:1.5rem}
.bot-hero-bottom>a span{font-size:1.5rem}
.bot-hero-bottom>span{color:#fff;text-shadow:0 1px 10px #1b1b1f}
.bot-motion-control{position:fixed;bottom:1.2rem;left:1.4rem;z-index:30;display:flex;align-items:center;background:rgba(251,248,244,.91);border:1px solid rgba(27,27,31,.17);border-radius:30px;padding:.6rem .9rem;backdrop-filter:blur(12px);box-shadow:0 4px 18px #1b1b1f09}
.bot-motion-control button{font:inherit;font-size:.65rem;color:var(--bot-ink);padding:0;background:none;border:0;cursor:pointer}
.bot-motion-control .bot-dot{width:5px;height:5px}
.bot-butterfly-fallback{position:absolute;top:20%;right:20%;width:170px;transform:rotate(-25deg);pointer-events:none}
body.nature-ready .bot-butterfly-fallback{display:none}
body.nature-unavailable .bot-motion-control{display:none}
.bot-introduction{padding:var(--space) 0;display:grid;grid-template-columns:1fr 2fr;gap:2rem 5rem;border-bottom:1px solid #1b1b1f24;align-items:start}
.bot-introduction h2{font-size:clamp(3rem,4.8vw,5rem);margin-bottom:1.75rem}
.bot-introduction>div>p{max-width:39rem;color:var(--bot-muted);font-size:1rem}
.bot-introduction>a{grid-column:2;justify-self:start}
.bot-work{padding:var(--space) 0}
.bot-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;margin-bottom:4rem}
.bot-section-head .bot-kicker{margin-bottom:1.5rem}
.bot-section-head>p{max-width:23rem;font-size:.9rem;color:var(--bot-muted);padding-bottom:.5rem}
.bot-project{display:grid;grid-template-columns:1.28fr 1fr;gap:clamp(3rem,7vw,8rem);align-items:center;margin:0 0 6rem}
.bot-project:nth-of-type(2){grid-template-columns:1fr 1.28fr}
.bot-project:nth-of-type(2) .bot-preview{order:2}
.bot-preview{min-height:450px;aspect-ratio:1.2;display:grid;place-items:center;position:relative;background:#ede7de;overflow:hidden;isolation:isolate}
.bot-preview-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:95% 50%;z-index:-1;filter:brightness(.76);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.bot-preview:hover .bot-preview-photo{transform:scale(1.06)}
.bot-mock{width:72%;min-height:73%;margin:3rem 0;display:flex;flex-direction:column;background:#fbf8f4;padding:2rem 2.1rem;box-shadow:0 20px 80px #55504b1c;transform:rotate(-3deg);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.bot-preview:hover .bot-mock{transform:rotate(0) translateY(-5px)}
.bot-mock-brand{font-size:.64rem;text-transform:uppercase;letter-spacing:.17em}
.bot-mock>strong{font-family:var(--font-display);font-size:clamp(2.2rem,3vw,3.4rem);font-weight:400;line-height:1.06;letter-spacing:-.035em;margin:2rem 0}
.bot-mock-steps{display:grid;gap:.6rem}
.bot-mock-steps>span{display:flex;gap:.8rem;align-items:center;border-bottom:1px solid #1b1b1f24;padding:.55rem 0;font-size:.74rem}
.bot-mock-steps small{opacity:.6;font-size:.6rem}
.bot-mock-steps i{margin-inline-start:auto;font-style:normal}
.bot-mock-bottom{display:flex;justify-content:space-between;gap:1rem;font-size:.57rem;letter-spacing:.03em;margin-top:1.8rem}
.bot-preview-arrow{position:absolute;bottom:1.3rem;right:1.3rem;width:42px;height:42px;border-radius:50%;background:#fff8;display:grid;place-items:center;font-size:1.25rem;backdrop-filter:blur(8px)}
.bot-project--gulf .bot-mock{background:#fbf8f4eb;transform:rotate(3deg);backdrop-filter:blur(12px)}
.bot-project--piece .bot-preview{background:#ede7de}
.bot-project--piece .bot-mock{background:#1b1b1f;color:#ede7de;transform:rotate(-2deg)}
.bot-project--piece .bot-mock-steps>span{border-color:#ede7de44}
.bot-project-copy h3{font-size:clamp(3rem,4.6vw,5rem);margin:1.2rem 0 1.4rem;line-height:.99}
.bot-project-copy>p:not(.bot-kicker){font-size:.95rem;max-width:25rem;color:var(--bot-muted)}
.bot-project-copy .bot-tags{font-size:.65rem!important;margin:1.8rem 0 .7rem;color:#55504b!important}
.bot-all{margin-left:calc(50% + 1rem)}
.bot-expertise{background:#ede7de;padding:var(--space) 0}
.bot-skills{display:grid;grid-template-columns:repeat(3,1fr);gap:3.5rem}
.bot-skill{display:grid;grid-template-columns:1fr auto;gap:1rem 0;border-top:1px solid #1b1b1f45;padding:1.5rem 0 0;transition:transform .3s}
.bot-skill:hover{transform:translateY(-5px)}
.bot-skill>span{font-size:.67rem;color:var(--bot-muted);grid-column:1/-1}
.bot-skill h3{font-size:2.25rem;line-height:1.08;margin:.8rem 0;grid-column:1/-1;max-width:17rem}
.bot-skill p{font-size:.9rem;color:var(--bot-muted);grid-column:1/-1}
.bot-skill>b{font-size:1.65rem;font-weight:400;grid-column:2;justify-self:end}
.bot-about{padding:var(--space) 0;display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(4rem,10vw,10rem);align-items:center}
.bot-about figure{margin:0;position:relative}
.bot-about figure>img{width:100%;aspect-ratio:3/3.7;object-fit:cover;border-radius:45% 45% 3px 3px;display:block}
.bot-about figcaption{margin-top:.8rem;font-size:.65rem;color:var(--bot-muted);letter-spacing:.09em;text-transform:uppercase}
.bot-about h2{margin:1.5rem 0 1.8rem}
.bot-about p:not(.bot-kicker){font-size:.95rem;color:var(--bot-muted);max-width:31rem}
.bot-about .bot-about-ai{margin:1.2rem 0}
.bot-signature{display:block;font-family:var(--font-script);font-size:5rem;color:var(--bot-accent);line-height:1;margin-top:1.75rem;transform:rotate(-8deg);width:8rem}
.bot-studio{display:grid;grid-template-columns:1.2fr 1fr;gap:5rem;align-items:center;border-top:1px solid #1b1b1f26;padding:5rem 0 6rem}
.bot-studio h2{font-size:clamp(2.7rem,4.5vw,4.7rem);margin-top:1.5rem}
.bot-studio>div>p:not(.bot-kicker){font-size:.95rem;max-width:29rem;color:var(--bot-muted)}
.bot-studio .bot-textlink{margin:1.5rem 0}
.bot-studio small{display:block;font-size:.68rem;color:var(--bot-muted)}
.bot-contact{position:relative;isolation:isolate;padding:7rem 0 8rem;text-align:center;overflow:hidden}
.bot-contact>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.38}
.bot-contact::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fbf8f4df 15%,#fbf8f488 60%,#fbf8f444)}
.bot-contact h2{font-size:clamp(3.7rem,7.4vw,8rem);margin:1.5rem 0 2.5rem}
.bot-contact .bot-button{margin-bottom:1.4rem}
.bot-contact p:last-child{font-size:.8rem}
.bot-portfolio [data-reveal]{transition:opacity .9s ease,translate .9s cubic-bezier(.2,.8,.2,1)}
.bot-portfolio.reveal-enabled [data-reveal]:not(.is-visible){opacity:0;translate:0 35px}
.bot-portfolio [dir=rtl],.bot-portfolio[dir=rtl]{text-align:right}
.bot-portfolio[dir=rtl] .bot-hero-copy{padding-inline:5.5vw 0}
.bot-portfolio[dir=rtl] h1,.bot-portfolio[dir=rtl] h2{letter-spacing:0;line-height:1.25}
.bot-portfolio[dir=rtl] .bot-hero-landscape{scale:-1 1}
.bot-portfolio[dir=rtl] .bot-nature-note{right:auto;left:5.5vw}
@media(min-width:1101px){.topbar .nav{display:flex;position:static;flex-direction:row;background:none;border:0;padding:0;max-height:none;overflow:visible}.topbar .burger{display:none}}
@media(max-width:1100px){.topbar .nav{background:var(--bot-paper)}.bot-hero h1{font-size:7.8vw}.bot-hero-copy{width:67%}.bot-actions{align-items:flex-start;gap:1rem;flex-direction:column}.bot-preview{min-height:350px}.bot-mock{width:80%;padding:1.6rem}.bot-project{gap:3rem}.bot-skills{gap:2rem}.bot-about{gap:4rem}.bot-nature-note{max-width:15rem}}
@media(max-width:700px){
  .topbar{min-height:72px;padding:0 5.5vw;gap:1rem}.topbar .wordmark-name{font-size:1.1rem}.topbar .topbar-tools{gap:1rem}.topbar-tools>[data-book]{display:none}.topbar .lang{gap:.2rem}.topbar .lang-btn{font-size:.6rem}.topbar .burger{width:25px}.topbar .nav a{padding:.5rem;font-size:1rem}
  .bot-hero{height:auto;min-height:850px;align-items:flex-start}.bot-hero-landscape{inset:-1.5%}.bot-hero-landscape>img{object-position:76% 20%}.bot-hero-wash{background:linear-gradient(0deg,#fbf8f4 5%,#fbf8f4f2 27%,#fbf8f49c 61%,#fbf8f405 95%)}
  .bot-hero-copy{width:100%;padding:15rem 5.5vw 7rem}.bot-hero h1{font-size:clamp(3.5rem,12.7vw,5.2rem);margin:1.5rem 0;max-width:100%}.bot-hero .bot-kicker{font-size:.6rem}.bot-hero .bot-role{font-size:.68rem;max-width:18rem}.bot-hero .bot-intro{font-size:.94rem;max-width:22rem}.bot-actions{margin-top:1.5rem;gap:.85rem}.bot-hero .bot-place{margin-top:1.2rem;font-size:.61rem}.bot-nature-note{display:none}.bot-hero-bottom{bottom:1.5rem;font-size:.6rem}.bot-hero-bottom>span{display:none}.bot-butterfly-fallback{width:115px;top:8%;right:24%}
  .bot-portfolio{--space:4.5rem}.bot-container{width:89%}.bot-portfolio h2{font-size:3.2rem}.bot-kicker{font-size:.62rem;letter-spacing:.1em}.bot-introduction{display:block}.bot-introduction h2{margin:1.7rem 0}.bot-introduction>div>p{font-size:.95rem}.bot-introduction>a{margin-top:1.5rem}.bot-section-head{display:block;margin-bottom:2.5rem}.bot-section-head>p{margin-top:1.5rem;font-size:.85rem}.bot-project,.bot-project:nth-of-type(2){grid-template-columns:1fr;gap:1.8rem;margin-bottom:3.5rem}.bot-project:nth-of-type(2) .bot-preview{order:0}.bot-preview{min-height:330px;aspect-ratio:1.08}.bot-mock{width:75%;padding:1.5rem;margin:2rem 0}.bot-mock>strong{font-size:2.3rem;margin:1.7rem 0}.bot-project-copy h3{font-size:3.25rem}.bot-project-copy .bot-tags{margin-top:1.3rem}.bot-all{margin-left:0}.bot-skills{grid-template-columns:1fr;gap:1.8rem}.bot-skill{grid-template-columns:2rem 1fr 1rem;gap:1rem}.bot-skill>span{grid-column:1;grid-row:1;align-self:center}.bot-skill h3{grid-column:2;grid-row:1;font-size:1.8rem;margin:0}.bot-skill p{grid-column:2;font-size:.85rem}.bot-skill>b{grid-column:3;grid-row:1}.bot-expertise .bot-section-head>a{margin-top:1.5rem}.bot-about{grid-template-columns:1fr;gap:2.5rem}.bot-about figure{max-width:330px;margin-inline:auto}.bot-studio{grid-template-columns:1fr;gap:2rem;padding:3.5rem 0 4rem}.bot-studio h2{font-size:2.9rem}.bot-contact{padding:5rem 0 6rem}.bot-contact h2{font-size:3.7rem}.bot-contact p:last-child{max-width:19rem;margin-inline:auto}.bot-motion-control{bottom:.8rem;left:.8rem;padding:.5rem .75rem}.bot-motion-control button{font-size:.59rem}
}
@media(prefers-reduced-motion:reduce){.bot-portfolio *{scroll-behavior:auto!important;transition:none!important}.bot-hero-landscape{transform:scale(1.025)}.bot-portfolio.reveal-enabled [data-reveal]{opacity:1!important;translate:0!important}}

/* The character is the first chapter; the existing 3D volume opens next. */
.character-story-home{position:relative;z-index:3;width:100%;height:max(680px,calc(100svh - 86px));overflow:hidden;background:#fbf8f4;isolation:isolate}
.character-story-frame{display:block;width:100%;height:100%;border:0;background:#fbf8f4}
@media(max-width:700px){.character-story-home{height:max(820px,calc(100svh - 72px))}}

/* Personal brand: acid is a surface signal, never small text on paper. */
.topbar .identity-dot{color:var(--brand-ink)}
.topbar .btn{background:var(--brand-ink);border-color:var(--brand-ink);color:var(--brand-paper);border-radius:2px}
.topbar .nav a::after{background:var(--brand-ink)}
.topbar .lang-btn[aria-pressed=true]{color:var(--brand-ink);text-decoration-color:var(--brand-ink)}
.bot-button{border-radius:2px}.bot-button:hover{background:var(--brand-secondary)}
.bot-contact{background:var(--brand-nude)}
.bot-contact>img{display:none}.bot-contact::before{display:none}
.eco-profile{box-shadow:none}.eco-direction-line{background:#ede7de55}
.eco-packs button,.eco-profile{border-radius:2px}
.character-story-home,.character-story-frame{background:var(--brand-paper)}