/* Published playful portfolio: visuals and interactions stay in the flow. */
body.playful-preview{--paper:#f5f8ff;--ink:#162e57;--accent:#2c5bea;--muted:#5c7396;background:var(--paper);cursor:auto;}
body.playful-preview .shell{max-width:1510px;padding-inline:clamp(24px,5.5vw,84px);}
body.playful-preview header{margin:14px -18px 0;padding:19px 22px;border-radius:24px;background:#ffffffa8;border:1px solid #d3e0f5;box-shadow:0 8px 28px -20px #19479c55;gap:18px;}
body.playful-preview .identity{font-size:clamp(30px,2.8vw,42px);line-height:1.1;white-space:nowrap;}
body.playful-preview .identity span{display:none;}
body.playful-preview header nav{font-size:14px;gap:18px;}
body.playful-preview .site-language{padding-left:12px;}
body.playful-preview .site-language a{font-size:12px;min-width:30px;padding:8px;}
body.playful-preview .button{border-radius:99px;}
body.playful-preview .button.dark{background:var(--accent);border-color:var(--accent);box-shadow:0 8px 23px -13px #1b4abb8a;}
body.playful-preview .button.dark:hover{background:#214ccc;transform:translateY(-3px);}
body.playful-preview .eyebrow{font-size:11px;letter-spacing:.08em;line-height:1.6;}
body.playful-preview .playful-hero{padding:46px 0 24px;}
body.playful-preview .playful-hero-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center;}
body.playful-preview .playful-hero-copy{min-width:0;}
body.playful-preview .hero h1{font-size:clamp(57px,6.8vw,100px);line-height:.98;letter-spacing:-.045em;margin:21px 0 25px;}
body.playful-preview .hero h1 em{display:inline-block;font-size:.66em;line-height:1.1;letter-spacing:-.04em;position:relative;white-space:normal;}
body.playful-preview .hero h1 em::after{content:'';position:absolute;inset:auto -4px -7px;height:5px;border-radius:50%;border-top:2px solid #91b1f5;transform:rotate(-2deg);}
body.playful-preview .hero-bottom{display:block;}
body.playful-preview .hero-bottom>p{font-size:16px;line-height:1.7;max-width:460px;margin:0;}
body.playful-preview .hero-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap;}
body.playful-preview .hero-actions .button{font-size:14px;padding:11px 19px;min-height:46px;}
body.playful-preview .winner-ribbon{display:inline-flex;flex-wrap:wrap;gap:7px 10px;width:auto;margin-top:24px;padding:10px 14px;border:1px solid #a8c1f2;border-radius:9px;background:#e6eeff;transform:rotate(-1.4deg);font-size:10px;transition:transform .25s;}
body.playful-preview .winner-ribbon:hover{transform:rotate(0) scale(1.02);}
body.playful-preview .winner-ribbon>span:last-child{font-size:10px;}
body.playful-preview .shortcut{margin-top:23px;font-size:11px;gap:8px;}
body.playful-preview .shortcut .small-note{display:none;}
body.playful-preview .playful-shortcuts{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:15px 30px;padding:24px 0 4px;margin-top:25px;}
body.playful-preview .playful-shortcuts>span{font:10px/1.5 var(--mono);letter-spacing:.08em;color:var(--muted);}
body.playful-preview .playful-shortcuts a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:underline;text-decoration-color:#b6c9ed;text-underline-offset:6px;transition:transform .2s,color .2s;}
body.playful-preview .playful-shortcuts a:hover{color:var(--accent);transform:rotate(-2deg) translateY(-2px);}
body.playful-preview .orbit-side-note{display:block;text-align:center;font:9px/1.4 var(--mono);letter-spacing:.08em;color:#6d84aa;}
body.playful-preview .motion-intro{margin-top:16px;padding-top:8px;}
body.playful-preview .mini-gyro{width:86px;}
body.playful-preview .mini-gyro canvas{height:70px;}
body.playful-preview .motion-intro-copy p{font-size:18px;}
body.playful-preview .motion-intro-copy .eyebrow{font-size:9px;}
body.playful-preview .motion-intro-copy .text-button{min-height:32px;font-size:12px;}
body.playful-preview .motion-switch{min-height:40px;font-size:12px;padding:8px 14px;}
body.playful-preview main>section:not(.hero):not(.story-journey){padding-block:75px;scroll-margin-top:55px;}
body.playful-preview .section-heading h2{font-size:clamp(41px,5vw,68px);line-height:1.06;}
body.playful-preview .section-heading p{font-size:17px;line-height:1.7;}
body.playful-preview .playful-project .project{gap:45px;margin-top:42px;align-items:start;}
body.playful-preview .playful-project .project-media{transform:rotate(-1deg);}
body.playful-preview .playful-project .video-frame{border-radius:22px;overflow:hidden;box-shadow:0 22px 44px -23px #1b408d66;border:1px solid #a9bfe9;}
body.playful-preview .playful-project .video-heading{background:transparent;padding:0 0 14px;}
body.playful-preview .project-description h3{font-size:48px;}
body.playful-preview .project-description p{font-size:16px;line-height:1.7;}
body.playful-preview .project-contribution{border-radius:0 24px 24px 0;background:#e9f0ff;padding:25px;}
body.playful-preview .project-contribution h4{font-size:30px;}
body.playful-preview .project-contribution p{font-size:15px;}
body.playful-preview .gridready-process>div{transition:background .35s,transform .35s;border-radius:12px;}
body.playful-preview .gridready-process>div.is-current{background:#e1ebff;transform:translateY(-6px);}
body.playful-preview .story-heading h2{font-size:clamp(47px,5.5vw,78px);}
body.playful-preview .story-visual{box-shadow:0 25px 75px -30px #709aec33;}
body.playful-preview .decision-head h2{font-size:clamp(48px,6vw,80px);}
body.playful-preview .decision-route{border-radius:22px;transform:rotate(-1.4deg);}
body.playful-preview .decision-prose p{font-size:18px;line-height:1.8;}
body.playful-preview .decision-quote{border-radius:24px;}
body.playful-preview .lab{position:relative;border-top:1px solid #c8d8f3;}
body.playful-preview .lab h2{max-width:830px;font-size:clamp(42px,5vw,70px);line-height:1.07;}
body.playful-preview .chart-wrap{border-radius:24px;background:#ebf1ff;box-shadow:inset 0 1px 0 #fff;}
body.playful-preview .lab-controls{padding-top:24px;}
body.playful-preview .lab-controls input{cursor:pointer;}
body.playful-preview .kinetic-surface{border-radius:26px;}
body.playful-preview .kinetic-copy h3{font-size:clamp(35px,3.8vw,53px);}
body.playful-preview .playful-experience .experience-list{display:grid;grid-template-columns:1fr 1fr;gap:34px 38px;align-items:start;margin-top:55px;padding:5px;perspective:1300px;}
body.playful-preview .playful-experience .experience-list>article{display:block;border:1px solid #bfd1ef;border-radius:25px;padding:31px;background:#edf3ff;box-shadow:0 15px 35px -26px #28509988;transform:rotate(var(--card-angle)) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .25s ease,box-shadow .25s ease;}
body.playful-preview .playful-experience .experience-list>article:nth-child(even){background:#fff;margin-top:48px;}
body.playful-preview .playful-experience .experience-list>article:hover{box-shadow:0 22px 40px -25px #28509988;}
body.playful-preview .playful-experience .experience-list h3{font-size:32px;line-height:1.15;margin:18px 0 24px;}
body.playful-preview .playful-experience .experience-list h3::after{display:none;}
body.playful-preview .playful-experience .experience-list h4{font-size:16px;line-height:1.5;margin:12px 0;}
body.playful-preview .playful-experience .experience-list p{font-size:15px;line-height:1.75;}
body.playful-preview .playful-experience .experience-list img{margin-bottom:18px;}
body.playful-preview .playful-band{margin:35px -18px 0;padding:36px 0 30px 80px;border-radius:24px;background:#e0ebff;border-color:#c3d5f7;transform:rotate(-1.2deg);}
body.playful-preview .playful-band p{font-size:clamp(45px,6.8vw,94px);}
body.playful-preview .playful-band small{font-size:10px;}
body.playful-preview .playful-band .scroll-spark{top:36px;left:13px;font-size:54px;}
body.playful-preview .focus-grid article{border-radius:20px;}
body.playful-preview .about{gap:70px;}
body.playful-preview .about-portrait{transform:rotate(-1.2deg);border-radius:22px;}
@media(hover:hover) and (pointer:fine){body.playful-preview .about-portrait:hover{transform:rotate(0deg) translateY(-4px);}}
body.playful-preview.motion-paused .about-portrait{transform:none;transition:none;}
@media(prefers-reduced-motion:reduce){body.playful-preview .about-portrait{transform:none!important;transition:none;}}
body.playful-preview .membership-grid article{border-radius:18px;}
body.playful-preview .tool-skill-grid article{border-radius:18px;}
body.playful-preview .travel-stage{border-radius:28px;overflow:hidden;}
body.playful-preview .hobby-grid article{border-radius:23px;}
body.playful-preview .market-card{border-radius:23px;}
body.playful-preview .regatta-layout{border-radius:26px;}
body.playful-preview .contact h2{font-size:clamp(47px,6vw,80px);}
body.playful-preview .scroll-progress{top:0;z-index:1200;}
@media(max-width:1100px){
 body.playful-preview header{gap:12px;}
 body.playful-preview header nav{gap:12px;font-size:12px;}
 body.playful-preview .identity{font-size:30px;}
 body.playful-preview .playful-hero-layout{gap:20px;}
 body.playful-preview .hero h1{font-size:68px;}
 body.playful-preview .playful-experience .experience-list{gap:30px;}
}
@media(max-width:900px){
 body.playful-preview header{position:relative;}
 body.playful-preview .nav-toggle{display:inline-flex;margin-left:auto;}
 body.playful-preview #main-nav{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;background:#f9fbff;border:1px solid #c6d7f1;border-radius:20px;padding:18px;grid-template-columns:1fr 1fr;z-index:200;box-shadow:0 15px 35px -20px #1f417f88;}
 body.playful-preview #main-nav.nav-open{display:grid;}
 body.playful-preview #main-nav>a{display:flex;align-items:center;min-height:44px;font-size:14px;}
 body.playful-preview #main-nav .site-language{grid-column:1/-1;padding:10px 0 0;border-left:0;border-top:1px solid #d1def3;}
 body.playful-preview .playful-hero-layout{grid-template-columns:1.05fr 1fr;gap:0;}
 body.playful-preview .hero h1{font-size:60px;}
 body.playful-preview .hero-bottom>p{font-size:15px;}
 body.playful-preview .hero-actions .button{font-size:12px;padding:10px 15px;}
 body.playful-preview .playful-shortcuts{gap:8px 20px;}
 body.playful-preview .playful-project .project{gap:25px;}
 body.playful-preview .project-description h3{font-size:39px;}
 body.playful-preview .playful-experience .experience-list>article{padding:23px;}
 body.playful-preview .playful-experience .experience-list h3{font-size:28px;}
}
@media(max-width:650px){
 body.playful-preview .shell{padding-inline:23px;}
 body.playful-preview header{margin:13px -9px 0;padding:16px 14px;border-radius:19px;}
 body.playful-preview .identity{font-size:28px;}
 body.playful-preview .playful-hero{padding-top:30px;}
 body.playful-preview .playful-hero-layout{display:flex;flex-direction:column;gap:25px;align-items:stretch;}
 body.playful-preview .hero .eyebrow{font-size:9px;}
 body.playful-preview .hero h1{font-size:clamp(61px,17vw,80px);line-height:.96;margin-block:20px 26px;}
 body.playful-preview .hero h1 em{font-size:.64em;line-height:1.14;}
 body.playful-preview .hero-bottom>p{font-size:15px;line-height:1.7;}
 body.playful-preview .hero-actions{gap:9px;margin-top:20px;}
 body.playful-preview .hero-actions .button{font-size:12px;padding:11px 15px;min-height:46px;width:auto;}
 body.playful-preview .winner-ribbon{font-size:9px;gap:3px 8px;margin-top:20px;}
 body.playful-preview .winner-ribbon>span:last-child{width:auto;padding:0;font-size:9px;}
 body.playful-preview .shortcut{font-size:11px;margin-top:20px;}
 body.playful-preview .playful-shortcuts{justify-content:flex-start;margin-top:3px;padding-top:14px;gap:2px 22px;}
 body.playful-preview .playful-shortcuts>span{width:100%;font-size:9px;}
 body.playful-preview .playful-shortcuts a{font-size:12px;}
 body.playful-preview .motion-intro{margin-top:12px;gap:9px;}
 body.playful-preview .mini-gyro{width:72px;}
 body.playful-preview .mini-gyro canvas{height:72px;}
 body.playful-preview .motion-intro-copy p{font-size:17px;}
 body.playful-preview .motion-switch{width:100%;}
 body.playful-preview main>section:not(.hero):not(.story-journey){padding-block:48px;}
 body.playful-preview .section-heading h2{font-size:43px;}
 body.playful-preview .section-heading p{font-size:15px;}
 body.playful-preview .playful-project .project{display:grid;grid-template-columns:1fr;gap:28px;margin-top:30px;}
 body.playful-preview .playful-project .project-media{margin:0 3px;}
 body.playful-preview .project-description p{font-size:15px;line-height:1.75;}
 body.playful-preview .project-contribution{padding:20px;}
 body.playful-preview .project-contribution h4{font-size:27px;}
 body.playful-preview .story-heading h2{font-size:46px;}
 body.playful-preview .decision-head h2{font-size:44px;}
 body.playful-preview .decision-route{transform:rotate(-.6deg);}
 body.playful-preview .decision-prose p{font-size:16px;}
 body.playful-preview .lab h2{font-size:43px;}
 body.playful-preview .lab-top{align-items:start;}
 body.playful-preview .lab-top>button{flex:none;}
 body.playful-preview .chart-wrap{border-radius:19px;}
 body.playful-preview .playful-experience .experience-list{grid-template-columns:1fr;gap:25px;margin-top:32px;padding:0 3px;}
 body.playful-preview .playful-experience .experience-list>article{padding:24px;}
 body.playful-preview .playful-experience .experience-list>article:nth-child(even){margin-top:0;}
 body.playful-preview .playful-experience .experience-list h3{font-size:30px;margin-top:14px;}
 body.playful-preview .playful-experience .experience-list p{font-size:15px;}
 body.playful-preview .playful-band{margin-inline:-8px;padding:26px 0 22px 54px;}
 body.playful-preview .playful-band .scroll-spark{left:9px;top:27px;font-size:38px;}
 body.playful-preview .playful-band p{font-size:49px;}
 body.playful-preview .playful-band small{font-size:8px;}
 body.playful-preview .about{gap:30px;}
 body.playful-preview .contact h2{font-size:43px;}
}
@media(prefers-reduced-motion:reduce){body.playful-preview [data-memory-card],body.playful-preview .winner-ribbon,body.playful-preview .playful-shortcuts a,body.playful-preview .button,body.playful-preview .gridready-process>div{transform:none!important;transition:none!important;}}
body.playful-preview.motion-paused [data-memory-card]{transform:none!important;}
/* Let the typography and live instrument breathe, without a panel around the introduction. */
body.playful-preview .hero-bottom{padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;border-radius:0;}
@media(max-width:650px){
 body.playful-preview .playful-hero-copy{display:contents;}
 body.playful-preview .playful-hero-copy>.eyebrow{order:0;}
 body.playful-preview .playful-hero-copy>h1{order:1;margin-block:0 8px;}
 body.playful-preview .playful-hero-layout>.curiosity-console{order:2;margin-top:-6px;}
 body.playful-preview .playful-hero-copy>.hero-bottom{order:3;}
 body.playful-preview .playful-hero-copy>.winner-ribbon{order:4;align-self:flex-start;margin-top:0;}
 body.playful-preview .playful-hero-copy>.shortcut{order:5;margin-top:0;}
 body.playful-preview .playful-hero-layout{gap:18px;}
}
@media(min-width:901px){
 body.playful-preview header{padding-block:15px;}
 body.playful-preview .playful-hero{padding-top:30px;}
 body.playful-preview .hero h1{font-size:clamp(66px,6.3vw,92px);}
}

/* The full regatta remains below; golf now has its own centred space. */
body.playful-preview .hobby-grid.golf-only{grid-template-columns:minmax(0,1fr);max-width:740px;margin-inline:auto;}

/* Equal insets keep every GridReady step inside its own highlighted card. */
body.playful-preview .playful-project .gridready-process{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:0;align-items:stretch;}
body.playful-preview .playful-project .gridready-process>div{min-width:0;padding:18px;border:1px solid #c9d9f2;border-radius:14px;}
body.playful-preview .playful-project .gridready-process>div.is-current{border-color:#a8c2ee;}
body.playful-preview .playful-project .gridready-process .eyebrow{display:block;font-size:10px;line-height:1.65;letter-spacing:.025em;}
body.playful-preview .playful-project .gridready-process p{margin:9px 0 0;font-size:14px;line-height:1.65;overflow-wrap:break-word;}
@media(max-width:650px){
 body.playful-preview .playful-project .gridready-process{grid-template-columns:1fr;gap:12px;}
 body.playful-preview .playful-project .gridready-process>div{padding:18px 20px;}
 body.playful-preview .playful-project .gridready-process p{font-size:15px;}
}
/* Travel the complete measured sentence, not an arbitrary 90-pixel offset. */
body.playful-preview .playful-band{padding-right:24px;}
body.playful-preview .playful-band .band-window{overflow:hidden;min-width:0;}
body.playful-preview .playful-band .band-window p{width:max-content;max-width:none;white-space:nowrap;transform:translateX(var(--full-band-shift,0px));}
body.playful-preview.motion-paused .playful-band .band-window p{width:auto;white-space:normal;transform:none!important;}
@media(max-width:650px){body.playful-preview .playful-band .band-window p{font-size:40px;}}
@media(prefers-reduced-motion:reduce){body.playful-preview .playful-band .band-window p{width:auto;white-space:normal;transform:none!important;}}

/* A text-led introduction after removing the large orbital object. */
body.playful-preview .motion-intro{display:flex;justify-content:flex-end;}
body.playful-preview .playful-hero-layout{display:block;}
body.playful-preview .playful-hero-copy{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:clamp(28px,5vw,72px);align-items:start;}
body.playful-preview .playful-hero-copy>.eyebrow{grid-column:1/-1;margin-bottom:22px;}
body.playful-preview .playful-hero-copy>h1{grid-column:1;grid-row:2/5;margin:0;}
body.playful-preview .playful-hero-copy>.hero-bottom{grid-column:2;grid-row:2;align-self:end;padding-top:6px;}
body.playful-preview .playful-hero-copy>.winner-ribbon{grid-column:2;grid-row:3;justify-self:start;}
body.playful-preview .playful-hero-copy>.shortcut{grid-column:2;grid-row:4;}
@media(max-width:900px){
 body.playful-preview .playful-hero-copy{display:flex;flex-direction:column;gap:24px;align-items:stretch;}
 body.playful-preview .playful-hero-copy>.eyebrow{margin:0;}
 body.playful-preview .playful-hero-copy>h1{margin:0 0 8px;}
 body.playful-preview .playful-hero-copy>.hero-bottom{align-self:stretch;padding:0;}
 body.playful-preview .hero-bottom>p{max-width:640px;font-size:16px;line-height:1.75;}
 body.playful-preview .playful-hero-copy>.winner-ribbon{align-self:flex-start;margin-top:0;}
 body.playful-preview .playful-hero-copy>.shortcut{margin-top:0;}
}
@media(max-width:430px){
 body.playful-preview .hero h1{font-size:clamp(48px,15.4vw,66px);}
 body.playful-preview .hero-actions{gap:10px;}
 body.playful-preview .hero-actions .button{font-size:14px;min-height:48px;}
 body.playful-preview .playful-shortcuts a{min-height:44px;font-size:13px;}
}
@media(max-width:650px){
 body.playful-preview .travel-places{gap:8px;}
 body.playful-preview .travel-places button{font-size:13px;min-height:44px;padding:9px 12px;}
 body.playful-preview .travel-actions button{font-size:14px;min-height:44px;}
 body.playful-preview .travel-hint{font-size:14px;}
}
@media(max-width:360px){
 body.playful-preview header{gap:10px;}
 body.playful-preview .identity{font-size:25px;}
 body.playful-preview .nav-toggle{min-width:76px;padding-inline:12px;}
}