/* Local preview: original Pulida art direction, built with native HTML and CSS. */
.experience-hero {padding-block:60px 76px;min-height:calc(100svh - 115px);grid-template-columns:.95fr 1.05fr;gap:6%;position:relative;overflow:clip}
.experience-hero .signature-intro {padding:0;position:relative;z-index:2}
.experience-hero .signature-intro h1 {font-size:clamp(60px,6.55vw,104px);line-height:.99;letter-spacing:-.055em;margin-top:24px}
.experience-hero h1 span {color:#d8bf97}
.experience-hero .signature-copy {max-width:34ch;font-size:23px;line-height:1.45;margin-top:27px}
.experience-hero .signature-actions {gap:20px;flex-wrap:wrap;margin-top:28px}
.hero-scroll-link {display:inline-flex;align-items:center;gap:16px;font-size:17px;color:var(--muted);margin-top:43px}
.scroll-stem {border:1px solid var(--line);border-radius:30px;width:29px;height:46px;display:grid;place-items:center;color:var(--accent)}
.hero-stage {position:relative;padding:40px 3px 0;isolation:isolate;min-width:0;perspective:1200px}
.orbit {position:absolute;z-index:-1;border:1px solid #d0b88e35;border-radius:50%;pointer-events:none;inset:5% -7% 12%;transform:rotate(-26deg)}
.orbit-two {inset:15% -9% 4%;transform:rotate(31deg);border-color:#d0b88e17}
.stage-annotation {position:absolute;top:0;right:0;color:#b6a383;font-size:16px;letter-spacing:.02em}
.world-window {background:#eee7d9;color:#2b2821;border:1px solid #c7b68f;border-radius:9px;overflow:hidden;box-shadow:0 35px 85px #0007;transform:rotate(-3deg);transform-origin:center;transition:transform .6s ease}
.motion-enabled .hero-stage:hover .world-window {transform:rotate(-1deg)}
.world-bar,.world-bottom {display:flex;align-items:center;justify-content:space-between;padding:13px 19px;font-size:14px;gap:12px}
.world-bar>span:first-child {font-size:8px;letter-spacing:3px;color:#948166}
.world-bar #world-name {font-size:17px}
.world-photo {position:relative;height:clamp(310px,29vw,455px);overflow:hidden;background:#393a30}
.world-photo>img {width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.65,.2,1)}
.motion-enabled .hero-stage:hover .world-photo>img {transform:scale(1.035)}
.world-photo:after {content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101912e8,transparent 85%);pointer-events:none}
.world-copy {position:absolute;inset:auto 28px 26px;z-index:1;color:#fff6e9}
.world-copy>span {font-size:14px;letter-spacing:.07em}
.world-copy>p {font-size:clamp(38px,4.4vw,66px);line-height:.94;letter-spacing:-.03em;margin:18px 0 22px}
.world-copy>a {display:inline-flex;align-items:center;gap:24px;font-size:17px;border-bottom:1px solid #f3e7ce85;padding-bottom:5px;min-height:40px}
.world-bottom>span:last-child {font-size:24px}
.world-picker {display:flex;justify-content:center;gap:8px;margin-top:28px;position:relative;z-index:2}
.world-picker button {border:1px solid #5b5041;border-radius:30px;background:#201e19;color:var(--ink);font:inherit;font-size:18px;min-height:44px;padding:7px 17px;cursor:pointer}
.world-picker button span {font-size:13px;opacity:.65;margin-right:8px}
.world-picker button[aria-pressed=true] {background:#ddc9a6;color:#231f19;border-color:#ddc9a6}
.world-disclaimer {text-align:center;color:#b4aa97;font-size:15px;margin-top:14px}
.studio-ribbon {padding-block:25px 32px}
.studio-ribbon>span {font-size:clamp(42px,6.2vw,98px)}
.transformation-story {padding-block:85px;background:#eee8dd;color:#302b23;--ink:#302b23;--muted:#6c6253;--line:#cbbda7;--accent:#76603e;scroll-margin-top:110px}
.transformation-sticky {display:grid;grid-template-columns:.78fr 1.22fr;gap:6%;align-items:center}
.transformation-copy h2 {font-size:clamp(39px,4.1vw,64px);line-height:1.05;margin:20px 0}
.transformation-copy>p:not(.eyebrow) {color:#6c6253;font-size:21px}
.story-chapters {list-style:none;padding:0;margin:26px 0 20px}
.story-chapters li {display:flex;gap:18px;padding:16px 0;border-top:1px solid #cbbda7;opacity:.48;transition:opacity .3s}
.story-chapters li.is-current {opacity:1}
.story-chapters li>span {font-size:15px;padding-top:4px;color:#76603e}
.story-chapters h3 {font-size:25px;line-height:1.1;margin:0 0 6px}
.story-chapters p {font-size:18px;line-height:1.35;max-width:26ch}
.transformation-copy .story-hint {font-size:16px}
#follow-story {background:transparent;color:#57452e;border:0;border-bottom:1px solid #a68d69;padding:10px 0;min-height:44px;font:inherit;font-size:17px;cursor:pointer}
.transformation-story .signature-lab {padding:22px;border:1px solid #c5b69d;box-shadow:0 20px 50px #4e392415;background:#f9f5ed}
.transformation-story .lab-heading h2 {font-size:30px}
.transformation-story .lab-heading>.eyebrow {display:none}
.transformation-story .redesign-intro {font-size:17px;margin-block:8px 16px}
.transformation-story .scene-tabs button {background:transparent;color:#544735;border-color:#b8a78c;font-size:16px;min-height:42px;padding:8px 12px}
.transformation-story .scene-tabs button[aria-pressed=true] {background:#322c23;color:#f8f0e2}
.transformation-story .redesign-explanation {font-size:17px;line-height:1.4;min-height:4.2em;margin:14px 0 9px;color:#655847}
.transformation-story .comparison-note {font-size:15px}
.transformation-story .lab-sample {color:#634d2e;font-size:17px}
.transformation-story .range-label {font-size:14px}
.transformation-story .comparison-presets {gap:9px}
.transformation-story .comparison-presets button {color:#59482f;border-color:#bfa988;font-size:15px;min-height:36px;padding:5px 10px}
.transformation-story .comparison-presets button[aria-pressed=true] {background:#322c23;color:#f8f0e2}
.transformation-story .polish-range {accent-color:#715936}
.transformation-story :focus-visible {outline-color:#614a28}
.selected {padding-top:80px}
.home-projects .project-image {perspective:1000px;overflow:hidden;min-height:330px}
.motion-enabled .home-projects .project-image .site-screen {transform:rotateX(var(--card-x,0deg)) rotateY(var(--card-y,0deg));transition:transform .35s ease}
.motion-enabled .home-projects .project-image:hover .site-screen {transform:rotateX(var(--card-x,0deg)) rotateY(var(--card-y,0deg)) translateY(-6px)}
.home-projects .project-image:focus-visible {outline:3px solid #e7c894;outline-offset:5px}
.home-projects .project-image:focus-visible .explore-disc {opacity:1;transform:scale(1)}
.design-playground {background:#d9c5a3;color:#30291f;padding-block:90px;--ink:#30291f;--muted:#695741;--accent:#6f5230;--line:#b7a07d;overflow:hidden}
.playground-grid {display:grid;grid-template-columns:.7fr 1.3fr;gap:7%;align-items:center}
.playground-copy h2 {font-size:clamp(43px,4.8vw,72px);line-height:1.03;margin:22px 0}
.playground-copy>p:not(.eyebrow) {font-size:21px;line-height:1.45;max-width:31ch;color:#614f38}
#playground-controls fieldset {padding:0;border:0;margin:26px 0 0}
#playground-controls legend {font-size:17px;margin-bottom:12px}
.mood-options,.layout-options {display:flex;flex-wrap:wrap;gap:8px}
.mood-options button,.layout-options button {font:inherit;font-size:17px;border:1px solid #ae936c;background:transparent;color:#382d20;border-radius:24px;padding:8px 12px;min-height:44px;cursor:pointer}
.mood-options button[aria-pressed=true],.layout-options button[aria-pressed=true] {background:#30291f;color:#f7ecd9;border-color:#30291f}
.mood-options i {display:inline-block;width:11px;height:11px;border-radius:50%;background:#e8d7b6;border:1px solid #ac916b;margin-right:6px}
.mood-options [data-mood=plum] i {background:#9d6b85}.mood-options [data-mood=sage] i {background:#7b8770}
.play-actions {display:flex;align-items:center;gap:24px;margin-top:25px}
.play-actions button {min-height:44px;font:inherit;font-size:18px;cursor:pointer}
.surprise-button {display:flex;justify-content:space-between;gap:22px;align-items:center;padding:10px 18px;background:#30291f;color:#f3e8d4;border:1px solid #30291f}
.surprise-button span {font-size:24px}
#reset-design {background:transparent;border:0;border-bottom:1px solid #9b805b;color:#54422c;padding:8px 0}
.playground-copy .playground-fallback {font-size:16px;margin-top:20px}
.play-preview {--play-paper:#f1e7d5;--play-ink:#40372b;--play-disc:#cab18a;box-shadow:0 25px 65px #4d39272a;transform:rotate(2deg);border:1px solid #59463038;border-radius:7px;overflow:hidden;background:var(--play-paper);color:var(--play-ink)}
.play-preview[data-mood=plum] {--play-paper:#eadce5;--play-ink:#562d44;--play-disc:#bd90a9}
.play-preview[data-mood=sage] {--play-paper:#e4e7db;--play-ink:#354330;--play-disc:#a7b098}
.play-browser {display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;padding:11px 16px;border-bottom:1px solid #806e552b}
.play-browser>span:first-child {font-size:7px;letter-spacing:3px}
.play-site {padding:25px 28px 20px;background:var(--play-paper)}
.play-nav {display:flex;justify-content:space-between;gap:15px;align-items:center}
.play-nav b {font-size:29px;font-weight:500;letter-spacing:-.06em}
.play-nav>span {font-size:13px}
.play-composition {position:relative;display:grid;grid-template-columns:1fr .95fr;min-height:330px;align-items:center;isolation:isolate}
.play-type {z-index:2;position:relative}
.play-type>span:first-child {font-size:12px;letter-spacing:.04em}
.play-type h3 {font-size:clamp(38px,3.6vw,58px);line-height:.96;letter-spacing:-.04em;margin:19px 0 23px}
.play-type h3 em {font-style:normal;font-weight:400}
.play-faux-link {font-size:14px;display:inline-flex;gap:20px;border-bottom:1px solid #806e5570;padding-bottom:6px}
.play-art {position:relative;align-self:stretch;min-width:0;display:grid;place-items:center;isolation:isolate}
.play-art img {width:100%;height:330px;object-fit:contain;mix-blend-mode:multiply;position:relative;z-index:1}
.art-disc {position:absolute;width:100%;aspect-ratio:1;border-radius:50%;background:var(--play-disc);top:18%;opacity:.52}
.play-site-footer {display:flex;justify-content:space-between;border-top:1px solid #806e5540;padding-top:16px;font-size:13px}
.play-preview[data-layout=immersive] .play-composition {grid-template-columns:1fr;min-height:330px;text-align:center}
.play-preview[data-layout=immersive] .play-art {position:absolute;inset:0;z-index:-1;opacity:.25}
.play-preview[data-layout=immersive] .art-disc {width:64%;top:4%}
.play-preview[data-layout=immersive] .play-art img {width:65%;height:330px}
.play-preview[data-layout=immersive] .play-type h3 {font-size:clamp(42px,4.3vw,68px)}
.motion-enabled .play-preview,.motion-enabled .play-site,.motion-enabled .art-disc {transition:background-color .45s ease,color .45s ease,transform .45s ease}
.motion-enabled .play-preview.is-surprised {transform:rotate(-1deg)}
.play-result-caption {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px}
.play-result-caption p {font-size:18px;line-height:1.35;max-width:30ch}
.play-result-caption .text-link {font-size:18px;color:#47341f;white-space:nowrap}
.play-note {font-size:14px;margin-top:14px;color:#6c573c}
.design-playground :focus-visible {outline:3px solid #6a4a26;outline-offset:4px}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.motion-disabled .world-window {transform:none}
@media(min-width:1100px) and (min-height:900px) {
  .motion-enabled .transformation-story.scroll-story-active {height:250vh;padding-block:0}
  .motion-enabled .scroll-story-active .transformation-sticky {position:sticky;top:108px;min-height:calc(100vh - 108px);padding-block:22px}
  .scroll-story-active .signature-lab {padding:16px}
  .scroll-story-active .lab-heading {margin-bottom:8px}
  .scroll-story-active .redesign-intro {display:none}
  .scroll-story-active .scene-tabs {margin-bottom:10px}
  .scroll-story-active .range-label {margin:8px 0 0}
  .scroll-story-active .comparison-presets {margin:6px 0}
  .scroll-story-active .redesign-explanation {min-height:0;padding-top:8px;margin:8px 0 4px}
  .scroll-story-active .comparison-note {line-height:1.4}
}
@media(max-width:1099px) {
  .experience-hero {gap:5%}.experience-hero .signature-intro h1 {font-size:68px}
  .experience-hero .signature-actions {gap:14px}.experience-hero .signature-actions a {font-size:17px}
  .transformation-sticky {grid-template-columns:1fr;gap:30px;max-width:820px}
  .story-chapters {display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.story-chapters li {gap:10px}.story-chapters h3 {font-size:23px}.story-chapters p {font-size:17px}
  .playground-grid {grid-template-columns:.8fr 1.2fr;gap:5%}.play-type h3 {font-size:40px}.play-site {padding-inline:20px}
}
@media(max-width:760px) {
  .experience-hero {grid-template-columns:1fr;padding-block:34px 45px;gap:40px;min-height:auto}
  .experience-hero .signature-intro h1 {font-size:clamp(57px,12.9vw,86px);line-height:1;margin-top:18px}
  .experience-hero .signature-copy {font-size:21px;max-width:32ch;margin-top:20px}
  .experience-hero .signature-actions {gap:17px;align-items:start}.experience-hero .signature-actions a {font-size:18px}
  .hero-scroll-link {margin-top:25px;font-size:16px}.hero-stage {padding:24px 9px 0}
  .stage-annotation {font-size:14px;right:14px}.world-window {transform:rotate(-2deg)}
  .world-photo {height:350px}.world-copy {inset:auto 21px 24px}.world-copy>p {font-size:53px}
  .world-bar,.world-bottom {padding:11px 13px;font-size:12px}.world-bar #world-name {font-size:16px}
  .world-picker {gap:7px;margin-top:25px}.world-picker button {padding:7px 14px;font-size:17px}
  .world-disclaimer {font-size:14px}.orbit {inset:3% 0 10%}.orbit-two {inset:12% -1% 5%}
  .studio-ribbon>span {font-size:9vw}.studio-ribbon {padding-block:22px}
  .transformation-story {padding-block:44px}.transformation-copy h2 {font-size:43px}.transformation-copy>p:not(.eyebrow) {font-size:20px}
  .story-chapters {display:block;margin-block:24px 15px}.story-chapters li {padding:12px 0;gap:17px;opacity:1}.story-chapters p {max-width:none}
  .transformation-story .signature-lab {padding:14px}.transformation-story .scene-tabs button {font-size:14px;padding:8px 5px}
  .transformation-story .lab-heading h2 {font-size:27px}.transformation-story .range-label {font-size:12px;gap:8px}.transformation-story .comparison-presets button {font-size:14px}
  .selected {padding-top:45px}.home-projects .project-image {min-height:0}
  .design-playground {padding-block:48px}.playground-grid {grid-template-columns:1fr;gap:35px}
  .playground-copy h2 {font-size:49px}.playground-copy>p:not(.eyebrow) {max-width:34ch}
  .play-preview {transform:rotate(1deg)}.play-site {padding:17px 16px}.play-nav>span {font-size:11px}
  .play-composition {min-height:270px;grid-template-columns:1fr .8fr}.play-art img {height:270px}.play-type h3 {font-size:39px}.play-type>span:first-child {font-size:11px}
  .play-faux-link {font-size:12px;gap:8px}.play-site-footer {font-size:11px}.play-preview[data-layout=immersive] .play-composition {min-height:270px}.play-preview[data-layout=immersive] .play-type h3 {font-size:48px}.play-preview[data-layout=immersive] .play-art img {height:270px}
  .play-result-caption {gap:15px}.play-result-caption p {font-size:17px}.play-result-caption .text-link {font-size:17px}
}
@media(prefers-reduced-motion:reduce) {.world-window,.play-preview{transform:none!important}.world-photo>img,.home-projects .site-screen{transform:none!important;transition:none!important}.story-chapters li{transition:none}}