.portfolio-controls,.journey-swipe-hint{display:none}.section-lotus{transform:translateY(var(--scroll-shift,0px)) rotate(8deg)}.hero-flourish{transform:translateY(var(--scroll-shift,0px))}.drift-lotus{transform:translateY(var(--scroll-shift,0px)) rotate(15deg)}html[data-motion=on] .quiz-options button{animation:answer-arrive .42s cubic-bezier(.2,.7,.2,1) both!important}html[data-motion=on] .quiz-options button:nth-child(2){animation-delay:.05s!important}html[data-motion=on] .quiz-options button:nth-child(3){animation-delay:.1s!important}html[data-motion=on] .quiz-options button:nth-child(4){animation-delay:.15s!important}html[data-motion=on] .result-score{animation:score-arrive .65s cubic-bezier(.2,.7,.2,1) both!important}.is-pressed{filter:brightness(.96)}.button.is-pressed{transform:translate(3px,3px)!important;box-shadow:1px 1px 0 var(--orange)!important}html[data-motion=on] .journey-detail.card-changing .journey-card-body{animation:journey-slide .6s cubic-bezier(.2,.7,.2,1) both!important}.journey-detail.card-changing:before{content:'';position:absolute;inset:0;background:var(--cream);transform:scaleX(0);transform-origin:right;pointer-events:none;z-index:3}html[data-motion=on] .journey-detail.card-changing:before{animation:paint-sweep .5s cubic-bezier(.6,0,.2,1) both!important}.journey-card-body{--entry-x:32px}.journey-detail[data-direction=back] .journey-card-body{--entry-x:-32px}@keyframes journey-slide{from{opacity:.1;transform:translateX(var(--entry-x)) scale(.97)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes paint-sweep{0%{transform:scaleX(.7);opacity:.7}100%{transform:scaleX(0);opacity:0}}@keyframes answer-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes score-arrive{from{opacity:0;transform:translateY(15px) scale(.9)}to{opacity:1;transform:none}}
@media(max-width:650px){html[data-motion=on] .scene-item:not(.scene-visible){opacity:0!important;animation:none!important}html[data-motion=on] .scene-item.scene-visible{animation:mobile-scene .8s cubic-bezier(.16,1,.3,1) both!important;animation-delay:var(--scene-delay,0ms)!important}html[data-motion=on] .signals article.scene-visible{animation-name:mobile-card!important}.method-grid article{position:relative;padding:22px 15px;border-left:3px solid transparent;transition:background .4s,border-color .4s}.method-grid article.step-active{background:var(--cream);border-left-color:var(--teal)}.method-grid article.step-active>span{color:var(--teal);text-shadow:2px 2px var(--orange);transform:rotate(-7deg);transition:transform .5s,color .5s}.method-grid{gap:5px}.work{padding-inline:0;overflow:hidden}.work>.section-label,.work>h2,.work>.small-note{margin-left:6%;margin-right:6%}.work-grid{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-padding-left:6%;padding:12px 6% 20px;margin-top:25px;scrollbar-width:none;touch-action:pan-x pan-y}.work-grid::-webkit-scrollbar{display:none}.work-grid .case{display:block;flex:0 0 88%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;transform-origin:center}.work-grid .case:last-child{margin-right:0}.work-grid .case-visual{height:255px}.work-grid .case-title h3{font-size:24px}.work-grid .case p{font-size:13px}.portfolio-controls{display:flex;justify-content:space-between;align-items:center;margin:10px 6% 0;gap:12px}.swipe-label{font-size:9px;color:var(--teal);font-weight:700;letter-spacing:.07em}.swipe-label>span{font-size:22px;display:inline-block;margin-left:5px}html[data-motion=on] .swipe-label>span{animation:swipe-invite 2.5s ease-in-out 5!important}.portfolio-controls>div{display:flex;gap:12px;align-items:center}.portfolio-controls button{width:42px;height:42px;border:1px solid var(--teal);background:transparent;color:var(--teal);font-size:18px}.portfolio-controls button:disabled{opacity:.3}.portfolio-count{font-size:10px;min-width:42px;text-align:center}.journey-box{position:relative}.journey-swipe-hint{display:flex;justify-content:center;align-items:center;gap:10px;grid-column:1/-1;font-size:10px;background:var(--ink);color:var(--cream);padding:12px 15px;margin:0}.journey-swipe-hint>span{font-size:20px}.journey-detail{touch-action:pan-y}.journey-detail .moment-number{font-size:82px;line-height:.95;color:var(--cream);text-shadow:2px 2px var(--ink)}.journey-card-body blockquote{font-size:24px;line-height:1.4}.journey-detail{min-height:490px}.journey-card-nav button{min-height:48px}.recognition .signals{gap:22px 16px}.signals article{background:var(--cream);padding:18px 14px;border-top:3px solid var(--teal);box-shadow:3px 3px 0 #087f7c18}.signals h3{font-size:19px}.signals p{font-size:12px}.commercial-grid article{padding:22px;background:var(--cream);border-top:3px solid var(--teal)}.closing h2{line-height:1.15}.quiz-options button{min-height:48px}.quiz{overflow:hidden}.founder-copy>p{position:relative}html[data-motion=off] .scene-item{opacity:1!important;transform:none!important}.motion-control{bottom:max(10px,env(safe-area-inset-bottom));font-size:10px;padding:7px 11px;min-height:36px;min-width:90px}.hero h1{animation:headline-arrive .9s cubic-bezier(.16,1,.3,1) both}.hero-art .art-note{letter-spacing:.12em}@keyframes mobile-scene{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes mobile-card{from{opacity:0;transform:translateY(35px) rotate(2deg) scale(.96)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes swipe-invite{0%,100%{transform:translateX(0)}45%{transform:translateX(8px)}}@keyframes headline-arrive{from{opacity:0;transform:translateY(25px);clip-path:inset(0 0 25% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}}
@media(max-width:360px){.portfolio-controls{gap:5px}.swipe-label{font-size:8px}.portfolio-controls>div{gap:8px}.signals article{padding:16px 11px}.signals h3{font-size:17px}.case .case-title h3{font-size:22px}.work-grid .case{flex-basis:91%}}
