/* Same website and content; a separate, intentionally quiet motion treatment. */
html.gentle{scroll-behavior:auto}
.gentle .paper-world{display:none!important}
.gentle .world{position:absolute;height:clamp(780px,100svh,900px);min-height:780px}
.gentle .hero-copy{animation:none}
.gentle .change-scene{height:auto;padding:95px 0 45px;background:var(--paper)}
.gentle .change-pin{position:relative;height:auto;min-height:0}
.gentle .change-content{padding:0 24px}
.gentle .begin-toggle,.gentle .before-copy{display:none}
.gentle .copy-stage{height:auto}
.gentle .after-copy{position:relative;opacity:1;visibility:visible}
.gentle .services{padding-top:35px}
.gentle .panel,.gentle .panel:nth-child(2){height:520px;clip-path:inset(0)}
.gentle .panel h3,.gentle .panel:nth-child(2) h3,.gentle .panel-action,.gentle .panel:nth-child(2) .panel-action{transform:none}
.gentle .panel-action>span,.gentle .panel-action svg{opacity:1;transform:none}
.gentle .button svg{transition-duration:.4s}
.gentle .header{transition:none}
.gentle dialog[open]{animation:gentle-arrival .16s ease-out both}
.intro-pending .intro{display:grid!important;animation:intro-failsafe .5s ease 10s both}
.gentle .intro{background:rgb(200 210 201 / .78);backdrop-filter:blur(18px);color:var(--forest)}
.gentle.intro-pending .header,.gentle.intro-pending main,.gentle.intro-pending .study-footer{visibility:hidden;animation:page-ready-failsafe 0s 10.5s forwards}
.gentle.intro-pending:not(.intro-ready):not(:focus-within) main *{visibility:hidden;animation:page-ready-failsafe 0s 10.5s forwards}
.gentle.intro-pending:focus-within .header,.gentle.intro-pending:focus-within main,.gentle.intro-pending:focus-within .study-footer{visibility:visible}
.gentle.intro-ready .header,.gentle.intro-ready main,.gentle.intro-ready .study-footer{visibility:visible}
.font-fallback body{font-family:Arial,sans-serif}
.font-fallback h1,.font-fallback h2,.font-fallback h3,.font-fallback .brand,.font-fallback .intro>div{font-family:Georgia,serif!important}
.art-fallback .branch{visibility:hidden}
@keyframes page-ready-failsafe{to{visibility:visible}}
.intro-pending .intro>div{opacity:0}
.intro-pending:focus-within .intro{display:none!important}
@keyframes intro-failsafe{to{opacity:0;visibility:hidden}}
@keyframes gentle-arrival{from{opacity:.65}to{opacity:1}}
@media(max-width:1100px){.gentle .panel,.gentle .panel:nth-child(2){height:500px}}
@media(max-width:720px){.gentle .world{min-height:960px}.gentle .branch{top:510px;bottom:auto;height:500px}.gentle .change-scene{padding:70px 0 25px}.gentle .services{padding-top:20px}.gentle .panels{gap:24px}.gentle .panel,.gentle .panel:nth-child(2){height:470px}}
@media(max-width:360px){.gentle .world{min-height:920px}}
/* User-selected mix: quiet scrolling, with motion only on deliberate interaction. */
@media(min-width:721px) and (hover:hover) and (prefers-reduced-motion:no-preference){
 .gentle .panel,.gentle .panel:nth-child(2){--panel-inset:35px;height:560px;clip-path:inset(var(--panel-inset) 0);transition:clip-path .55s var(--ease)}
 .gentle .panel:nth-child(2){--panel-inset:20px}
 .gentle .panel h3,.gentle .panel:nth-child(2) h3{transform:translateY(var(--panel-inset));transition:transform .55s var(--ease)}
 .gentle .panel-action,.gentle .panel:nth-child(2) .panel-action{transform:translateY(calc(-1 * var(--panel-inset)));transition:transform .55s var(--ease)}
 .gentle .panel>img{transition:transform .6s var(--ease)}
 .gentle .panel:is(:hover,:focus-visible){--panel-inset:0px}
 .gentle .panel:is(:hover,:focus-visible)>img{transform:scale(1.025)}
}