@font-face{font-family:DM;src:url('assets/dm-sans.ttf') format('truetype');font-display:swap}@font-face{font-family:Bodoni;src:url('assets/bodoni-italic.ttf') format('truetype');font-style:italic;font-display:swap}
:root{--paper:#eeeade;--ink:#182e2c;--accent:#e4d8b5;--bg:#153839;--glass:#152e2dcc;--border:#fff4;--progress:0;--photo-zoom:1.04;--video-opacity:0;--world-fade:1;--photo-x:0px;--photo-y:0px;--path:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--paper);background:var(--bg);font:14px DM,Arial,sans-serif;overflow-x:clip}body[data-world=salon]{--bg:#302326;--ink:#38292c;--glass:#322429d9;--accent:#efc9aa}body[data-world=trail],body[data-world=book]{--bg:#263b2f;--ink:#293d2e;--glass:#24392ed9;--accent:#e1d6ac}body[data-world=quote]{--bg:#3c3025;--ink:#3c3025;--accent:#e0bc8b}body[data-world=shop]{--bg:#343531;--ink:#303831;--accent:#d5dcbb}body[data-world=learn]{--bg:#2f2b40;--ink:#353047;--accent:#d3c9ed}body[data-world=connect]{--bg:#173c40;--ink:#193638;--accent:#bfe1d7}body[data-style=premium]{--accent:#edc89a}body[data-style=minimal]{--accent:#e1e4e3}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}em{font-family:Bodoni,Georgia,serif;font-weight:400}h1,h2,h3,p{margin:0}button:disabled{opacity:.55;cursor:default}[hidden]{display:none!important}::selection{background:var(--accent);color:var(--ink)}.skip{position:fixed;top:-100px;left:20px;z-index:60;padding:14px;background:var(--paper);color:var(--ink)}.skip:focus{top:20px}
#world{position:fixed;inset:0;z-index:-5;isolation:isolate;background:var(--bg);overflow:hidden}.photo-world,#scene,.world-shade,.world-grain,.world-veil{position:absolute;inset:0;width:100%;height:100%}.photo-world{opacity:0;transition:opacity 1.4s;z-index:0;overflow:hidden}.photo-world.active{opacity:1}.photo-world img{width:100%;height:100%;object-fit:cover;object-position:62% center;transform:translate(var(--photo-x),var(--photo-y)) scale(var(--photo-zoom));will-change:transform;filter:brightness(.72) saturate(.8);transition:filter 1s}.photo-world[data-plate=salon] img{object-position:65% center}.photo-world[data-plate=trail] img{filter:brightness(.62) saturate(.73)}.photo-world video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;transform:scaleX(-1);opacity:var(--video-opacity);filter:brightness(.66) saturate(.65);transition:opacity .8s}.photo-world.abstract{background:radial-gradient(ellipse at 78% 40%,#bba78355,transparent 55%),linear-gradient(125deg,#1b2527,var(--bg));opacity:0}.photo-world.abstract.active{opacity:1}.abstract span{position:absolute;inset:-10%;background:repeating-linear-gradient(105deg,transparent 0 140px,#f5e0b508 142px 143px,transparent 146px 300px);transform:rotate(-10deg)}#scene{z-index:1;opacity:var(--world-fade);transition:opacity .6s;pointer-events:none}.world-shade{z-index:2;background:linear-gradient(90deg,#0c181b85,transparent 75%),linear-gradient(0deg,#0c191c95,transparent 45%,transparent 80%,#10202035);pointer-events:none}body[data-world=salon] .world-shade{background:linear-gradient(90deg,#1f1119a3,transparent 80%),linear-gradient(0deg,#22151a90,transparent 65%)}.world-grain{z-index:3;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}.world-veil{background:var(--bg);z-index:4;pointer-events:none;opacity:0;transition:opacity .5s}body.changing-world .world-veil{opacity:.3}body[data-style=premium] .photo-world img{filter:brightness(.67) saturate(.65) sepia(.12)}body[data-style=minimal] .photo-world img{filter:brightness(.65) saturate(.25)}
header{position:absolute;top:0;left:0;right:0;z-index:12;padding:27px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24}.wordmark{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.13em}.wordmark b{font-size:41px;font-weight:400;line-height:1}header nav{display:flex;gap:35px;font-size:10px}.header-tools{display:flex;align-items:center;gap:20px;font-size:10px}.header-tools button{min-height:40px}#sound{display:flex;align-items:center;gap:8px}.sound-bars{font-size:19px;letter-spacing:1px}#sound[aria-pressed=true] .sound-bars{animation:sound .7s infinite alternate}@keyframes sound{to{transform:scaleY(.4)}}#motion{font-size:17px;min-width:24px}#language{color:inherit;background:none;border:0;font-size:10px;padding:8px 0}#language option{color:#233b37;background:#f0ece2}
.hero{height:100svh;min-height:800px;position:relative;padding:140px 7% 230px}.hero-meta{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.14em}.hero-meta>span:first-child{display:flex;align-items:center;gap:12px}.hero-meta i{height:5px;width:5px;background:var(--accent);border-radius:50%}.hero-meta>span:last-child{opacity:.6}.hero-copy{margin-top:55px;position:relative;max-width:1000px}.eyebrow{display:block;font-size:9px;letter-spacing:.14em}.hero-copy h1{font-weight:400;font-size:clamp(65px,8.2vw,140px);line-height:.99;letter-spacing:-.065em;margin:24px 0}.hero-copy h1 span,.hero-copy h1 em{display:block}.hero-copy h1 em{letter-spacing:-.045em;color:var(--accent);margin-left:7vw;line-height:1.1}.hero-copy>p{font-size:13px;line-height:1.7;max-width:310px;margin-left:7vw}.world-signature{position:absolute;right:4%;top:43%;writing-mode:vertical-rl;display:flex;align-items:center;gap:20px;font-size:8px;letter-spacing:.15em;opacity:.7}.world-signature i{height:70px;width:1px;background:#fff5}.scroll-invitation{position:absolute;bottom:26px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.14em}.scroll-invitation b{font-weight:400;font-size:22px}#intentNote{margin:18px 0 0 7vw;max-width:380px;padding:12px 16px;border:1px solid #ffffff40;background:var(--glass);backdrop-filter:blur(15px);border-radius:3px}#intentNote p{font-size:11px;line-height:1.5}#intentChoices{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}#intentChoices:empty{display:none}#intentChoices button{font-size:10px;border-bottom:1px solid var(--accent);padding:5px 0;margin-right:10px;color:var(--accent)}
.composer{position:fixed;z-index:25;left:7%;bottom:78px;width:86%;padding:17px 0 12px;border-top:1px solid #ffffff80;transition:width .5s,left .5s,bottom .5s,background .5s,padding .5s;max-width:1600px}.composer label{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.13em;cursor:text}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex:none}.composer.is-typing .live-dot{animation:pulse .8s infinite alternate}@keyframes pulse{to{opacity:.25;box-shadow:0 0 12px var(--accent)}}.composer-live{margin-left:auto;font-size:7px;opacity:.6}.input-row{display:flex;align-items:center;gap:15px}.input-row input{flex:1;width:0;min-width:0;background:transparent;color:var(--paper);border:0;padding:15px 0 13px;font-size:clamp(17px,1.9vw,28px);outline-offset:0;caret-color:var(--accent)}.input-row input::placeholder{color:#eeeee4a3}.input-row input:focus{outline:none}#clearIdea{font-size:23px;line-height:1;width:32px;height:36px;opacity:.6}.composer:focus-within{border-color:var(--accent)}.composer-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:25px}.composer-foot>span{font-size:9px;line-height:1.5;max-width:65%;opacity:.75}#quickExamples{display:flex;gap:6px}#quickExamples button{padding:6px 12px;border:1px solid #ffffff44;border-radius:30px;font-size:9px;white-space:nowrap}#quickExamples button[aria-pressed=true]{background:var(--paper);color:var(--ink)}body.compact .composer{bottom:20px;left:30px;width:420px;max-width:calc(100vw - 60px);padding:13px 18px 11px;border:1px solid #ffffff3b;border-radius:4px;background:var(--glass);backdrop-filter:blur(28px);box-shadow:0 6px 35px #0002}body.compact .composer label{font-size:7px}body.compact .composer .input-row input{font-size:13px;padding:10px 0 6px}body.compact .composer .composer-foot>span{font-size:8px;max-width:none}body.compact #quickExamples{display:none}body.compact .composer-foot{min-height:15px}#ambiguityOptions{display:flex;gap:8px;margin-top:12px}#ambiguityOptions button{font-size:10px;padding:7px 10px;border:1px solid #ffffff55;border-radius:20px}.idea-pocket{position:fixed;bottom:24px;right:30px;z-index:23;background:var(--glass);border:1px solid #ffffff40;backdrop-filter:blur(25px);border-radius:4px;max-width:310px;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}.idea-pocket button{padding:16px 42px 16px 18px;text-align:left;position:relative}.idea-pocket span:first-child{display:block;font-size:7px;letter-spacing:.1em;opacity:.65}.idea-pocket strong{display:block;font-size:12px;font-weight:400;margin-top:7px}.pocket-detail{display:block;font-size:8px;margin-top:5px;opacity:.7}.idea-pocket i{font-style:normal;position:absolute;right:16px;top:36%;font-size:21px}body.compact .idea-pocket{opacity:1;transform:none}body.on-paper .composer,body.on-paper .idea-pocket{--glass:#223833ed;color:#eeeade;--paper:#eeeade}
.section-meta{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.13em;gap:20px}.journey{height:420svh;position:relative}.journey-sticky{position:sticky;top:0;height:100svh;min-height:630px;padding:45px 7% 140px;overflow:hidden}.journey-copy{position:absolute;left:7%;top:27%;max-width:540px;z-index:2}.journey-copy h2{font-size:clamp(45px,5.5vw,90px);font-weight:400;letter-spacing:-.055em;line-height:1.04;white-space:pre-line;margin:20px 0 25px}.journey-copy p{max-width:290px;font-size:12px;line-height:1.8}.journey-copy.appear{animation:appear .8s cubic-bezier(.2,.7,.2,1) both}@keyframes appear{from{opacity:0;transform:translateY(20px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}#chapterExtras{display:flex;flex-wrap:wrap;gap:7px;max-width:345px;margin-top:24px}#chapterExtras span,#chapterExtras button{padding:8px 12px;border:1px solid #ffffff55;border-radius:25px;backdrop-filter:blur(12px);font-size:10px;background:#172c2c40}#chapterExtras button[aria-pressed=true]{background:var(--accent);color:var(--ink)}.discovery{position:absolute;right:10%;top:38%;width:260px;pointer-events:none;transition:transform 1.3s,opacity .8s;transform:translateY(calc((1 - var(--path))*45px));opacity:var(--path)}.discovery-index{display:block;font:italic 150px/1 Bodoni,Georgia,serif;color:var(--accent);letter-spacing:-.1em}.discovery-line{height:1px;margin:12px 0 20px;background:linear-gradient(90deg,var(--accent),transparent);transform-origin:left;transform:scaleX(var(--path))}.discovery>span:last-child{font-size:10px;letter-spacing:.15em;text-transform:uppercase}.stage-navigation{position:absolute;left:7%;right:7%;bottom:160px;display:flex;gap:25px;align-items:center}#stageButtons{display:flex;gap:8px}#stageButtons button{width:38px;height:38px;border:1px solid #ffffff60;border-radius:50%;font-size:10px;background:#15272a30;backdrop-filter:blur(8px)}#stageButtons button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.journey-track{height:1px;background:#ffffff40;flex:1}.journey-track i{display:block;height:2px;width:0;background:var(--accent)}#stageHint{font-size:8px;letter-spacing:.12em}.visual-note{position:absolute;right:7%;bottom:125px;font-size:8px;opacity:.55}
.experience{position:relative;min-height:900px;padding:85px 7% 110px;background:linear-gradient(180deg,#142c2d00,var(--bg) 25%);--world-fade:.2}.experience-grid{display:grid;grid-template-columns:1fr 440px;align-items:start;gap:9vw;margin-top:90px}.experience-copy h2{font-size:clamp(42px,4.6vw,76px);line-height:1.04;letter-spacing:-.06em;font-weight:400;white-space:pre-line;margin:24px 0}.experience-copy>p{max-width:315px;font-size:12px;line-height:1.8}.demo-tag{padding:7px 10px;border:1px solid #ffffff40;border-radius:20px;font-size:7px}.style-picker{margin-top:45px}.style-picker>span{font-size:8px;letter-spacing:.12em}.style-picker>div{display:flex;gap:18px;margin-top:18px}.style-picker button{display:flex;align-items:center;gap:8px;font-size:10px;padding:8px 0;border-bottom:1px solid transparent}.style-picker button[aria-pressed=true]{border-color:var(--accent)}.style-picker i{display:block;height:10px;width:10px;background:#9ca783;border-radius:50%}.style-picker [data-style=premium] i{background:#ceae79}.style-picker [data-style=minimal] i{background:#e2e4df}.demo-shell{background:var(--paper);color:var(--ink);border-radius:4px;box-shadow:0 30px 100px #0003;overflow:hidden;transform:perspective(1300px) rotateY(-3deg);transition:transform .7s}.demo-shell:hover,.demo-shell:focus-within{transform:none}.demo-header{padding:22px 26px;border-bottom:1px solid #19383120;display:flex;justify-content:space-between;align-items:center;gap:18px}.demo-brand{font-family:Bodoni,Georgia,serif;font-style:italic;font-size:24px}.demo-badge{font-size:6px;letter-spacing:.12em;opacity:.6;max-width:80px;text-align:right}#demoBody{padding:27px 26px 15px;min-height:320px}#demoBody h3{font-size:25px;letter-spacing:-.04em;font-weight:400;margin-bottom:9px}#demoBody p{font-size:11px;line-height:1.7;opacity:.7}.field-label{display:block;font-size:9px;margin:25px 0 12px}.choices{display:flex;gap:7px;flex-wrap:wrap}.choices button{padding:10px 13px;border:1px solid #243a3133;border-radius:20px;font-size:10px}.choices button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.primary{width:100%;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 20px;margin-top:28px;border-radius:25px;font-size:11px}.primary b{font-size:20px;font-weight:400}.demo-foot{border-top:1px solid #203e3120;padding:18px 26px;font-size:9px;line-height:1.7;min-height:64px}.cost-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #263a2b23;font-size:11px}.cost-row span:last-child{opacity:.6;font-size:9px;text-align:right;max-width:140px}.demo-success{padding:28px 0}.demo-success>span{display:block;font-family:Bodoni;font-style:italic;font-size:70px;line-height:1;margin-bottom:20px}.demo-success button{font-size:11px;text-decoration:underline;margin-top:20px}.demo-foot[data-success=true]{background:#dbe4d4}.demo-shell input[type=range]{width:100%;accent-color:var(--ink)}.demo-shell input[type=number]{width:80px;background:transparent;border:1px solid #0003;padding:10px;color:inherit}.booking-off{padding:20px 0 5px}.booking-off button{font-size:10px;text-decoration:underline;margin-top:10px}
.idea-summary{background:var(--paper);color:var(--ink);padding:90px 7% 100px}.summary-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:9vw;margin-top:80px}.summary-grid h2{font-weight:400;font-size:clamp(55px,6.6vw,110px);line-height:1.05;letter-spacing:-.06em}.summary-grid h2 span,.summary-grid h2 em{display:block}.summary-grid h2 em{letter-spacing:-.045em}.original-idea{font-size:17px;line-height:1.5;margin-bottom:32px;overflow-wrap:anywhere}.summary-detail dl{margin:0}.summary-detail dl>div{border-top:1px solid #223c312b;display:grid;grid-template-columns:100px 1fr;gap:20px;padding:17px 0}.summary-detail dt{font-size:9px;opacity:.6}.summary-detail dd{font-size:12px;margin:0;line-height:1.5}.download-button{display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper);padding:20px 23px;border-radius:3px;width:100%;margin-top:25px;font-size:12px}.download-button b{font-size:25px;font-weight:400}.save-note{font-size:9px;opacity:.6;line-height:1.6;margin-top:12px}#costScope{font-size:11px;line-height:1.7;margin-top:20px;padding:16px;border:1px solid #223b3130}.more-worlds{background:var(--paper);color:var(--ink);padding:50px 7% 120px;display:grid;grid-template-columns:1fr 1.4fr;gap:9vw}.more-worlds h2{font-size:clamp(35px,4vw,65px);font-weight:400;line-height:1.08;letter-spacing:-.045em;margin-top:20px}#exampleList{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}#exampleList button{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-top:1px solid #203c312b;font-size:12px;text-align:left}#exampleList small{font-size:8px;opacity:.5}#exampleList b{font-size:20px;font-weight:400}footer{padding:30px 7% 175px;background:var(--bg);display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:8px;line-height:1.7}footer>span{opacity:.6}footer button{font-size:8px;padding:12px 0}dialog{background:var(--paper);color:var(--ink);border:0;border-radius:4px;width:560px;max-width:calc(100vw - 35px);padding:45px;max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:#101e1acb;backdrop-filter:blur(10px)}dialog h2{font:italic 40px/1.1 Bodoni,Georgia,serif;margin:15px 0 25px}dialog p{font-size:12px;line-height:1.8;margin:20px 0}dialog a{display:block;text-decoration:underline;font-size:11px;margin:16px 0}dialog .fine{font-size:10px;opacity:.7}#closeCredits{position:absolute;right:15px;top:12px;font-size:28px;width:36px;height:36px}.no-webgl #scene{display:none}.no-webgl .photo-world img{transform:none}
body.paused *,body.paused *:before{animation-play-state:paused!important}body.paused .journey-copy.appear{animation:none!important;opacity:1;transform:none;filter:none}
@media(min-width:1600px){.hero{padding-top:160px;min-height:900px}.hero-copy{margin-top:65px}.composer{bottom:95px}.hero-copy h1{font-size:140px}}
@media(max-width:1100px){header nav{display:none}.hero h1{font-size:9.4vw}.hero{min-height:820px}.experience-grid{grid-template-columns:1fr 390px;gap:6vw}.summary-grid{gap:6vw}.discovery{right:5%;width:220px}.discovery-index{font-size:125px}.journey-copy{max-width:480px}.more-worlds{gap:5vw}.idea-pocket{right:22px;max-width:260px}body.compact .composer{width:370px;left:22px}}
@media(max-width:700px){header{padding:20px 6%;height:82px}.wordmark{font-size:7px;gap:8px}.wordmark b{font-size:32px}.header-tools{gap:13px}#soundLabel{display:none}#language{font-size:10px}.hero{height:100svh;min-height:850px;padding:125px 7% 255px}.hero-meta{font-size:6px;letter-spacing:.1em}.hero-meta>span:last-child{display:none}.hero-copy{margin-top:60px}.hero-copy h1{font-size:clamp(48px,13.8vw,85px);line-height:1.02;margin:23px 0}.hero-copy h1 em{margin-left:0;line-height:1.05;max-width:340px}.hero-copy .eyebrow{font-size:7px;max-width:280px;line-height:1.5}.hero-copy>p{font-size:11px;line-height:1.8;margin-left:0;max-width:240px}.world-signature{display:none}.photo-world img{object-position:65% center}.photo-world[data-plate=salon] img{object-position:67% center}.photo-world[data-plate=trail] img{object-position:65% center}.photo-world video{object-position:28% center}.world-shade{background:linear-gradient(0deg,#0b2026dd,transparent 85%),linear-gradient(90deg,#091c2355,transparent)}body[data-world=salon] .world-shade{background:linear-gradient(0deg,#22151ad9,transparent 90%),linear-gradient(90deg,#28131d40,transparent)}.composer{left:7%;bottom:70px;width:86%;padding-top:14px}.composer label{font-size:7px}.input-row input{font-size:16px;padding:16px 0 12px}.composer-foot{display:block}.composer-foot>span{font-size:8px;max-width:100%;display:block;min-height:24px;line-height:1.5}#quickExamples{margin-top:10px;gap:7px}#quickExamples button{font-size:8px;padding:7px 11px}.composer-live{font-size:6px}.scroll-invitation{font-size:6px;bottom:25px}.scroll-invitation b{font-size:20px}#intentNote{margin:15px 0 0;max-width:300px;padding:11px 12px}#intentNote p{font-size:10px}#intentChoices button{font-size:9px}body:has(#intentNote:not([hidden])) .hero-copy{margin-top:38px}body:has(#intentNote:not([hidden])) .hero-copy h1{font-size:12vw}.idea-pocket{display:none!important}body.compact .composer{left:16px;bottom:16px;width:calc(100% - 32px);max-width:none;padding:12px 15px 10px;transition:background .3s,padding .3s}body.compact .composer .input-row input{font-size:13px}body.compact .composer .composer-foot>span{font-size:7px;min-height:12px}.journey{height:390svh}.journey-sticky{min-height:650px;padding:35px 7% 160px}.section-meta{font-size:6px;letter-spacing:.09em}.journey-copy{top:18%;left:7%;right:7%;max-width:320px}.journey-copy h2{font-size:clamp(38px,11.8vw,70px);line-height:1.04;margin:18px 0}.journey-copy>p{font-size:11px;max-width:245px}.journey-copy .eyebrow{font-size:7px}.discovery{top:auto;bottom:210px;right:7%;width:95px;text-align:right}.discovery-index{font-size:80px}.discovery-line{margin:4px 0 10px}.discovery>span:last-child{font-size:6px;letter-spacing:.04em}#chapterExtras{max-width:260px;gap:6px;margin-top:18px}#chapterExtras span,#chapterExtras button{font-size:8px;padding:8px 10px}.stage-navigation{bottom:155px;gap:15px}#stageButtons button{width:32px;height:32px;font-size:9px}#stageButtons{gap:6px}#stageHint{display:none}.visual-note{display:none}.experience{padding:50px 7% 70px;min-height:0;background:linear-gradient(180deg,#14332e22,var(--bg) 20%)}.experience-grid{display:block;margin-top:50px}.experience-copy h2{font-size:12vw}.experience-copy>p{font-size:11px;max-width:280px}.style-picker{margin:32px 0 40px}.style-picker>span{font-size:7px}.style-picker>div{gap:18px}.style-picker button{font-size:9px}.demo-shell{transform:none;margin-top:45px}.demo-header{padding:20px}.demo-brand{font-size:23px}.demo-badge{font-size:6px}#demoBody{padding:22px 20px 12px}#demoBody h3{font-size:24px}.choices button{font-size:9px;padding:10px 12px}.demo-foot{padding:17px 20px;font-size:8px}.idea-summary{padding:55px 7% 60px}.summary-grid{display:block;margin-top:45px}.summary-grid h2{font-size:15vw;margin-bottom:40px}.original-idea{font-size:15px;margin-bottom:25px}.summary-detail dl>div{grid-template-columns:85px 1fr;gap:15px}.summary-detail dd{font-size:11px}.summary-detail dt{font-size:8px}.more-worlds{display:block;padding:25px 7% 70px}.more-worlds h2{font-size:11vw;max-width:300px}#exampleList{margin-top:35px;gap:0 20px}#exampleList button{font-size:10px;padding:18px 0;gap:10px}#exampleList small{display:none}#exampleList b{font-size:17px}footer{padding:25px 7% 160px;display:flex;flex-wrap:wrap;gap:20px;font-size:7px}footer>span{flex-basis:100%}footer a{margin-left:auto}footer button{font-size:7px}dialog{padding:35px 25px}dialog h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.photo-world img{will-change:auto}.demo-shell{transform:none}.journey-copy.appear{opacity:1;transform:none;filter:none}}

@media(min-width:701px) and (max-height:800px){.hero{min-height:720px;padding-top:125px}.hero-copy{margin-top:30px}.hero-copy h1{font-size:7.3vw;margin:20px 0}.hero-copy>p{font-size:12px}.composer{bottom:65px}.scroll-invitation{bottom:22px}#intentNote{margin-top:12px;padding:10px 14px}.hero:has(#intentNote:not([hidden])) h1{font-size:6.7vw}.hero:has(#intentNote:not([hidden])) .hero-copy{margin-top:22px}}

.blueprint{position:absolute;right:8%;top:21%;width:330px;z-index:3;opacity:0;transform:perspective(1200px) rotateY(-13deg) rotateX(3deg) translateY(30px);transition:opacity .9s,transform 1.2s;pointer-events:none}.blueprint.visible{opacity:1;transform:perspective(1200px) rotateY(-8deg) rotateX(2deg) translateY(0)}.blueprint-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;margin-bottom:16px;color:var(--accent)}.blueprint-window{border:1px solid #ffffff60;background:var(--glass);backdrop-filter:blur(24px);border-radius:6px;box-shadow:0 30px 90px #0004;overflow:hidden}.blueprint-top{display:flex;gap:10px;align-items:center;padding:16px;font-size:10px}.blueprint-top b{font-size:22px;font-weight:400}.blueprint-top i{margin-left:auto;font-size:9px;font-style:normal;letter-spacing:2px;opacity:.55}.blueprint-image{position:relative;height:165px;overflow:hidden}.blueprint-image img{width:100%;height:100%;object-fit:cover;object-position:60% center;filter:brightness(.62)}.blueprint-image>div{position:absolute;left:20px;bottom:22px;font-size:24px;line-height:1.1;letter-spacing:-.04em}.blueprint-image span,.blueprint-image em{display:block}.blueprint-image em{font-size:30px;color:var(--accent)}.blueprint-services{padding:0 18px;max-height:0;opacity:0;transform:translateY(20px);transition:max-height 1s,opacity .7s,transform .9s}.blueprint-services>span{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #ffffff2a;font-size:9px}.blueprint-services i{font-style:normal;opacity:.5}.blueprint-contact{margin:0 18px;display:flex;justify-content:space-between;align-items:center;max-height:0;opacity:0;transform:translateY(12px);padding:0 14px;background:var(--accent);color:var(--ink);font-size:10px;border-radius:2px;transition:opacity .6s,max-height .7s,margin .7s,padding .7s,transform .7s}.blueprint-contact b{font-size:18px;font-weight:400}.blueprint-languages{padding:12px 18px;font-size:7px;letter-spacing:.1em;opacity:.5}body[data-stage="1"] .blueprint-services,body[data-stage="2"] .blueprint-services{max-height:150px;opacity:1;transform:none}body[data-stage="2"] .blueprint-contact{max-height:60px;opacity:1;transform:none;margin:18px 18px 0;padding:13px 14px}.discovery{right:6%;top:13%;width:100px;text-align:right}.discovery-index{font-size:60px}.discovery-line{margin:5px 0 10px}.discovery>span:last-child{font-size:6px}.journey-copy{max-width:510px}
@media(max-width:1100px){.blueprint{right:5%;width:300px}.journey-copy{max-width:420px}.journey-copy h2{font-size:5.5vw}}
@media(max-width:700px){.blueprint{width:180px;right:7%;top:auto;bottom:208px;transform:perspective(1000px) rotateY(-12deg) translateY(15px)}.blueprint.visible{transform:perspective(1000px) rotateY(-8deg)}.blueprint-label{font-size:5px;margin-bottom:8px}.blueprint-top{padding:8px;font-size:6px;gap:6px}.blueprint-top b{font-size:15px}.blueprint-top i{font-size:6px}.blueprint-image{height:75px}.blueprint-image>div{left:10px;bottom:10px;font-size:13px}.blueprint-image em{font-size:16px}.blueprint-services{padding:0 10px}.blueprint-services>span{font-size:5px;padding:6px 0}.blueprint-contact{margin-inline:10px;font-size:6px}.blueprint-contact b{font-size:12px}body[data-stage="2"] .blueprint-contact{margin:10px 10px 0;padding:8px}.blueprint-languages{padding:7px 10px;font-size:4px}.discovery{display:none}.journey-copy{top:12%;max-width:310px}.journey-copy h2{font-size:11.5vw}.journey-copy>p{font-size:10px;max-width:220px}.journey-copy #chapterExtras{max-width:160px}.journey-copy #chapterExtras span,.journey-copy #chapterExtras button{font-size:7px;padding:7px 9px}.journey-copy #chapterExtras{margin-top:16px}}

@media(min-width:1101px){.journey-copy{max-width:660px}}

/* 09 — a studio identity and deliberate scene framing */
body[data-world=home]{--bg:#081d2b;--ink:#112b33;--glass:#102733df;--accent:#eed4b0}
body[data-world=quote]{--glass:#35281fdf}
body[data-world=shop]{--glass:#3b2c23df;--bg:#33271f;--ink:#33271f;--accent:#e7c09b}
body[data-world=learn]{--glass:#15333bdf;--bg:#12313a;--ink:#17373d;--accent:#dddfce}
body[data-world=book]{--glass:#1d3035df;--bg:#14272f}
body[data-world=connect]{--glass:#152b40df;--bg:#11233a;--accent:#ecd0a7}
.brand-symbol{width:39px;height:39px;display:block;flex-shrink:0}.brand-symbol svg{width:100%;height:100%}.brand-name{font-size:26px;letter-spacing:-.07em;line-height:1.05}.brand-name small{display:block;font-size:5.5px;letter-spacing:.3em;margin:7px 0 0 2px}.wordmark{gap:8px}.mini-mark svg{width:24px;height:24px;vertical-align:middle}
body[data-world=home] .hero-copy h1{font-size:clamp(60px,7.2vw,120px)}
body[data-world=home] .hero-copy h1 em{margin-left:4vw;font-size:.87em}
body[data-world=home] .hero-copy>p{margin-left:4vw;max-width:360px}
.photo-world picture{display:block;width:100%;height:100%}
.photo-world img{filter:brightness(.86) saturate(.88)}
.photo-world[data-plate=home] img{object-position:73% center;filter:brightness(.86)}
.photo-world[data-plate=trail] img{filter:brightness(.8) saturate(.85)}
.photo-world[data-plate=shop] img,.photo-world[data-plate=quote] img{object-position:72% center}
.photo-world[data-plate=learn] img{object-position:76% center}
.photo-world[data-plate=book] img,.photo-world[data-plate=connect] img{object-position:70% center}
body[data-style=premium] .photo-world img{filter:brightness(.82) saturate(.8) sepia(.05)}
body[data-style=minimal] .photo-world img{filter:brightness(.8) saturate(.4)}
#life{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:var(--world-fade);transition:opacity .6s}
.language-whispers{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity 1s;pointer-events:none}
body[data-world=learn] .language-whispers{opacity:1}
.language-whispers span{position:absolute;top:20%;left:61%;font:italic clamp(23px,3vw,44px) Bodoni,Georgia,serif;color:#f1e4ca;opacity:.8;animation:wordFloat 9s ease-in-out infinite}
.language-whispers span:nth-child(2){left:82%;top:15%;animation-delay:-3s}.language-whispers span:nth-child(3){left:83%;top:72%;animation-delay:-5s}
@keyframes wordFloat{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(-10px);opacity:.9}}
body.paused .language-whispers span{animation-play-state:paused}
.blueprint-window{background:var(--glass)}.blueprint-image img{object-position:76% center}
#exampleList button{display:grid;grid-template-columns:20px 72px 1fr 20px;align-items:center;gap:18px;text-align:left}
#exampleList img{display:block;width:72px;height:54px;object-fit:cover;object-position:76% center;filter:saturate(.7);border-radius:2px;transition:filter .5s,transform .5s}
#exampleList button:hover img{filter:saturate(1);transform:scale(1.04)}
#exampleList span{font-size:13px}#exampleList b{justify-self:end}
.brand-proposal{margin-left:auto}
@media(max-width:700px){
 .brand-symbol{width:31px;height:31px}.brand-name{font-size:24px}.brand-name small{font-size:5px}
 body[data-world=home] .hero-copy h1{font-size:13.5vw;max-width:330px}
 body[data-world=home] .hero-copy h1 em{font-size:1em;margin-left:0;margin-top:7px}
 body[data-world=home] .hero-copy>p{margin-left:0;max-width:260px}
 body[data-world=home] .hero-copy{margin-top:50px}
 .photo-world[data-plate=water] img{object-position:50% 50%;filter:brightness(.88) saturate(.9)}
 .photo-world[data-plate=home] img{object-position:80% center}
 .photo-world[data-plate=trail] img{object-position:77% center}
 .photo-world[data-plate=salon] img{object-position:75% center}
 .photo-world[data-plate=shop]:before,.photo-world[data-plate=quote]:before,.photo-world[data-plate=learn]:before,.photo-world[data-plate=book]:before,.photo-world[data-plate=connect]:before{content:"";position:absolute;inset:-20px;background:var(--scene-photo) 75% center/cover;filter:blur(16px) brightness(.48);opacity:.9}
 .photo-world[data-plate=shop] img,.photo-world[data-plate=quote] img,.photo-world[data-plate=learn] img,.photo-world[data-plate=book] img,.photo-world[data-plate=connect] img{position:absolute;top:32%;left:0;width:100%;height:auto;object-fit:contain;transform:none;filter:brightness(.9) saturate(.9);mask-image:linear-gradient(transparent 0%,#000 14%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(transparent 0%,#000 14%,#000 88%,transparent 100%)}
 .world-shade{background:linear-gradient(180deg,#071b2a80,transparent 53%,#0b2026b0),linear-gradient(90deg,#091c2330,transparent)}
 body[data-world=home] .world-shade{background:linear-gradient(90deg,#0716268a,transparent 95%),linear-gradient(0deg,#071626b0,transparent 70%)}
 .language-whispers span{top:29%;left:22%;font-size:26px}.language-whispers span:nth-child(2){left:76%;top:30%}.language-whispers span:nth-child(3){left:68%;top:57%}
 .blueprint{width:148px;right:6%;bottom:198px}.blueprint-image{height:68px}.blueprint-top{padding:7px}.blueprint-label{font-size:4.6px}.blueprint-image>div{font-size:12px}.blueprint-image em{font-size:14px}
 .blueprint-services>span{font-size:5px;padding:5px 0}
 #exampleList button{grid-template-columns:48px 1fr 15px;gap:9px;padding:16px 0}
 #exampleList img{width:48px;height:44px}#exampleList span{font-size:9px}
 #exampleList small{display:none}
 .brand-proposal{margin-left:0}
}
@media(max-height:740px) and (max-width:700px){.journey-copy h2{font-size:10.4vw}.journey-copy>p{font-size:9px}.blueprint{width:132px;bottom:175px}.blueprint-image{height:55px}.stage-navigation{bottom:132px}}
@media(prefers-reduced-motion:reduce){.language-whispers span{animation:none}}

/* Mobile subjects have their own safe composition; text never dictates a blind crop. */
header{background:linear-gradient(180deg,#081a2c66,transparent)}
@media(max-width:700px){
 .photo-world[data-plate=water] img{position:absolute;top:0;left:0;width:100%;height:calc(100% + 100px);object-fit:cover;object-position:35% 50%}
 .photo-world[data-plate=shop] img,.photo-world[data-plate=quote] img,.photo-world[data-plate=learn] img,.photo-world[data-plate=book] img,.photo-world[data-plate=connect] img{top:46%}
 body[data-world=shop] .blueprint,body[data-world=quote] .blueprint,body[data-world=learn] .blueprint,body[data-world=book] .blueprint,body[data-world=connect] .blueprint{opacity:0;transform:translateY(15px);bottom:165px;width:138px}
 body[data-stage="2"][data-world=shop] .blueprint.visible,body[data-stage="2"][data-world=quote] .blueprint.visible,body[data-stage="2"][data-world=learn] .blueprint.visible,body[data-stage="2"][data-world=book] .blueprint.visible,body[data-stage="2"][data-world=connect] .blueprint.visible{opacity:1;transform:perspective(1000px) rotateY(-8deg)}
 .language-whispers span{top:44%;left:15%}.language-whispers span:nth-child(2){left:76%;top:45%}.language-whispers span:nth-child(3){left:75%;top:74%}
}

.photo-world:not(.active):before{display:none}

@media(max-width:700px){.language-whispers span:first-child{top:54%;left:12%}.language-whispers span:nth-child(3){top:66%;left:74%}}

.photo-world.active picture{animation:worldReveal 1.3s cubic-bezier(.18,.65,.23,1) both}
@keyframes worldReveal{from{clip-path:polygon(41% 0,62% 0,56% 100%,35% 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}
body[data-world=home]:has(.composer.is-typing) .photo-world.active img{filter:brightness(1);transform:translate(var(--photo-x),var(--photo-y)) scale(1.05)}
@media(prefers-reduced-motion:reduce){.photo-world.active picture{animation:none}}

/* Only visible photographs are promoted; subjects retain their full mobile composition. */
#life{display:none}.photo-world:not(.active) img{will-change:auto}.photo-world.active img{will-change:transform}.photo-world img{aspect-ratio:1672/941}body.paused .photo-world.active picture{animation:none}
@media(max-width:700px){.photo-world[data-plate=water] img{aspect-ratio:941/1672}}