@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--paper:#f5f0e6;--ink:#2d183b;--muted:#76677f;--pink:#d65397;--line:#dfd4e5;--gold:#f4c94e;--aqua:#8eddd3;--lilac:#b8a0ee;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}img,svg{display:block;max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--pink);outline-offset:6px}.skip{position:fixed;left:12px;top:-70px;z-index:100;padding:15px;background:white}.skip:focus{top:12px}.reading-progress{height:3px;background:var(--pink);position:fixed;top:0;left:0;width:100%;transform-origin:left;transform:scaleX(0);z-index:100}.header{padding:25px 5.5vw;display:flex;align-items:center;gap:28px;position:relative;z-index:5}.signature{font-size:32px;font-family:Georgia,serif;font-style:italic;font-weight:600;letter-spacing:-2px;display:inline-flex;gap:7px;align-items:center;line-height:1}.signature-star{font-family:Arial,sans-serif;font-size:25px;color:var(--pink);font-style:normal;font-weight:400;transform:rotate(15deg)}.header nav{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:13px}.header nav a{position:relative}.header nav a:not(.nav-contact):after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s}.header nav a:hover:after{transform:scaleX(1)}.nav-contact{border:1px solid var(--line);border-radius:28px;padding:12px 18px;display:flex;gap:22px}.motion-control{border:1px solid var(--line);width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:transparent;font-size:15px}.hero{min-height:calc(100svh - 100px);padding:45px 5.5vw 105px;display:grid;grid-template-columns:.95fr 1.1fr;align-items:center;position:relative;isolation:isolate;overflow:hidden}.hero-copy{position:relative;z-index:2}.hello{font-size:14px;display:flex;align-items:center;gap:10px;margin:0 0 25px}.hello>span{color:var(--pink);font-size:18px}.hero h1{font-family:Manrope,"Segoe UI",sans-serif;font-weight:650;font-size:clamp(65px,7.3vw,112px);line-height:1.03;letter-spacing:-.077em;margin:0 0 27px}.title-dot{color:var(--pink)}.hero-description{font-size:17px;line-height:1.75;color:var(--muted);max-width:380px;margin:0 0 30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;font-size:13px;font-weight:600;padding:17px 24px;border-radius:35px;transition:transform .3s var(--ease),box-shadow .3s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #2d183b1c}.button>span{font-size:21px;line-height:.7}.dark{background:var(--ink);color:var(--paper)}.light{background:var(--paper);color:#212841}.hero-footnote{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);margin-top:32px;max-width:310px;line-height:1.5}.small-orbit{border:1px solid currentColor;width:19px;height:10px;border-radius:50%;transform:rotate(-25deg);flex-shrink:0}.universe{position:relative;aspect-ratio:1;min-width:0;margin:-5% -4% 0 -4%;z-index:1}.universe-map{position:absolute;inset:0;width:100%;height:100%;opacity:.55;z-index:0;stroke:#cbb8d9;stroke-width:.8;fill:none}.universe-map path{stroke-dasharray:3 8}.universe canvas{position:absolute;inset:0;height:100%;width:100%;z-index:1;touch-action:pan-y}.portrait-orbit{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-5deg);width:33%;border-radius:50%;padding:7px;background:#fff9;box-shadow:0 10px 50px #8c65a51c;z-index:2;pointer-events:none}.portrait-orbit:before{content:"";position:absolute;inset:-11px;border:1px solid #dbc9e3;border-radius:50%;border-right-color:transparent;transform:rotate(30deg)}.portrait-orbit img{width:100%;height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover}.portrait-orbit>span{position:absolute;bottom:-13px;left:50%;transform:translateX(-50%) rotate(5deg);white-space:nowrap;padding:9px 14px;border:1px solid var(--line);background:var(--paper);border-radius:25px;font-size:10px}.world-label{position:absolute;display:flex;gap:9px;align-items:center;background:#fffc;border:1px solid #e3d8e9;border-radius:30px;box-shadow:0 7px 25px #48275b08;padding:12px 16px;font-size:11px;white-space:nowrap;z-index:3;transition:background .3s,transform .3s,border-color .3s}.world-label>span:last-child{font-size:15px}.world-label:hover,.world-label:focus-visible{background:white;border-color:var(--pink);transform:translateY(-4px)}.label-book{left:7%;top:23%}.label-lab{right:-1%;top:36%}.label-look{left:0;bottom:22%}.label-mentor{right:6%;bottom:13%}.world-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.yellow{background:var(--gold)}.pink{background:var(--pink)}.aqua{background:var(--aqua)}.lilac{background:var(--lilac)}.universe-star{position:absolute;z-index:1;color:#80618e}.star-a{left:55%;top:8%;font-size:34px;color:var(--gold);transform:rotate(15deg)}.star-b{left:13%;top:48%;font-size:20px}.star-c{right:13%;bottom:29%;font-size:21px;color:var(--pink)}.universe-hint{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;color:var(--muted);font-size:11px}.scroll-note{position:absolute;bottom:28px;left:5.5vw;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:14px}.scroll-note>span{font-size:20px}.worlds-intro{padding:90px 5.5vw 65px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.3fr 1fr;gap:10px 90px;align-items:end}.section-kicker{font-size:13px;margin:0 0 23px;color:var(--muted)}.worlds-intro .section-kicker{grid-column:1/-1}.worlds-intro h2{font-family:Manrope,sans-serif;font-size:clamp(40px,4.1vw,65px);font-weight:550;letter-spacing:-.065em;line-height:1.1;margin:0}.worlds-intro>p:last-child{max-width:340px;line-height:1.75;font-size:15px;color:var(--muted);margin:0 0 4px}.world-section{margin:0 3vw 28px;border-radius:28px;min-height:620px;padding:70px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;overflow:hidden;position:relative}.world-copy{position:relative;z-index:2;max-width:470px}.world-category{font-size:12px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 25px}.world-copy h2{font-family:Manrope,sans-serif;font-weight:550;font-size:clamp(40px,4.4vw,70px);letter-spacing:-.065em;line-height:1.06;margin:0 0 25px}.world-copy p:not(.world-category):not(.world-lead):not(.art-note){font-size:15px;line-height:1.8;opacity:.8;max-width:390px}.world-lead{font-size:22px;line-height:1.45;margin:0 0 20px;max-width:400px;letter-spacing:-.4px}.world-copy .button{margin-top:20px}.book-world{background:#202640;color:#f9f4e9}.book-art{height:430px;position:relative;isolation:isolate;display:grid;place-items:center}.large-27{font-family:Manrope,sans-serif;color:#f5cf55;font-size:290px;line-height:1;letter-spacing:-35px;font-weight:500;position:relative;z-index:0;transform:translateX(-15px);text-shadow:0 20px 40px #0003}.memory-glass{position:absolute;border:1px solid #f3e8b353;background:linear-gradient(120deg,#ffffff16,#ffffff00 60%);border-radius:16px;z-index:1;backdrop-filter:blur(3px)}.glass-one{width:160px;height:220px;left:0;top:15%;transform:rotate(-15deg)}.glass-two{width:110px;height:150px;right:6%;top:2%;transform:rotate(22deg)}.glass-three{width:190px;height:120px;right:0;bottom:5%;transform:rotate(-10deg)}.memory-line{position:absolute;height:1px;width:130%;background:#84c8e6;transform:rotate(-40deg);opacity:.4;z-index:-1}.book-art-caption{position:absolute;bottom:-10px;font-family:Georgia,serif;font-style:italic;font-size:16px;color:#e3d8bb}.book-details{border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;margin-top:25px}.book-details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;font-size:13px;padding:17px 0}.book-details summary::-webkit-details-marker{display:none}.book-details summary>span{font-size:20px;transition:transform .3s}.book-details[open] summary>span{transform:rotate(45deg)}.book-details p{margin:0 0 20px;font-size:14px!important}.lab-world{background:#e8f3f2}.lab-art{position:relative;transform:rotate(3deg)}.lab-window{border:1px solid #c6dfdb;background:#fffdf9;border-radius:18px;padding:20px;box-shadow:0 25px 60px #315d5915}.window-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#627e77;padding-bottom:18px;border-bottom:1px solid #e5eeec}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;background:#b7cfc9;border-radius:50%}.system-view{height:235px;position:relative;display:flex;align-items:center;justify-content:space-between}.system-node{width:75px;height:75px;border-radius:18px;border:1px solid #b2ccc5;background:#e6f4ef;display:grid;place-items:center;font-size:12px;position:relative;z-index:2}.system-stack{display:grid;gap:13px;position:relative;z-index:2}.system-stack>span{background:#f6f9f5;border:1px solid #c9dcd4;border-radius:10px;font-size:11px;padding:13px 16px;text-align:center}.system-view>svg{position:absolute;inset:30px 0;stroke:#89bdb0;stroke-width:1.7;fill:none;width:100%;height:175px}.system-core{position:absolute;left:45%;top:43%;font-size:40px;color:#498f81;background:#fffdf9;line-height:1}.method-tabs{display:flex;gap:5px;background:#f1f5f1;padding:5px;border-radius:12px}.method-tabs button{border:0;padding:11px 8px;background:transparent;border-radius:9px;font-size:10px;flex:1}.method-tabs button[aria-selected="true"]{background:white;box-shadow:0 3px 9px #0000000b}.method-panel{min-height:52px;font-size:12px;line-height:1.6;color:#647b75;margin:15px 2px 0}.look-world{background:#f1e6d2;gap:6vw}.look-art{position:relative;height:430px}.tee-sticker{position:absolute;inset:0 2%;transform:rotate(-12deg)}.tee-sticker svg{width:100%;height:100%}.look-spark{position:absolute;right:0;top:10px;color:#b93478;font-size:85px;transform:rotate(10deg)}.look-sticker{position:absolute;font-weight:600;font-size:18px;border-radius:9px;padding:12px 16px;box-shadow:0 10px 20px #b96b8a16}.sticker-a{left:0;top:40px;background:#f9ec90;transform:rotate(-10deg)}.sticker-b{right:0;bottom:30px;background:#d65397;color:white;transform:rotate(9deg)}.art-note{font-size:10px;opacity:.6;margin:18px 0 0}.mentor-world{background:#ebe7f7}.coming-soon{font-size:9px;border:1px solid #bfb2d5;border-radius:20px;padding:5px 8px;margin-left:4px}.text-link{display:inline-flex;gap:25px;border-bottom:1px solid #9d88bc;padding:10px 0;font-size:13px;font-weight:600;margin-top:20px}.mentor-art{height:390px;position:relative;display:grid;place-items:center;perspective:700px}.mentor-ring{width:310px;height:310px;border:1px solid #b8a0d3;border-radius:50%;position:absolute;transform:rotateX(60deg) rotateZ(-30deg)}.mentor-ring-two{transform:rotateY(60deg) rotateZ(30deg);width:280px;height:280px;border-width:2px;border-color:#c5b5df}.mentor-ring-three{transform:rotateX(-35deg) rotateY(-20deg);width:220px;height:220px;border-color:#d2c5e5}.mentor-seed{position:relative;height:145px;width:145px;background:radial-gradient(circle at 30% 25%,#eee1ff,#b99bda 60%,#9377bb);border-radius:40%;transform:rotate(-10deg);box-shadow:20px 30px 40px #8f75ae20;display:grid;place-items:center}.mentor-seed>span{font-family:Georgia,serif;font-style:italic;font-size:85px;color:white;line-height:1;transform:translateY(-8px)}.mentor-seed i{position:absolute;right:15px;top:10px;color:#fff;font-size:23px;font-style:normal}.mentor-word{position:absolute;background:#f9f5fe;border:1px solid #d6cbe5;border-radius:30px;padding:10px 15px;font-size:11px}.word-learn{left:3%;top:24%;transform:rotate(-7deg)}.word-try{right:-3%;top:45%;transform:rotate(5deg)}.word-grow{bottom:12%;left:25%;transform:rotate(-4deg)}.about{padding:110px 9vw 120px;display:grid;grid-template-columns:.85fr 1fr;gap:10vw;align-items:center}.about-image{position:relative;max-width:430px;transform:rotate(-4deg)}.about-image img{border-radius:20px;width:100%;height:auto}.about-sticker{position:absolute;bottom:-25px;right:-25px;background:#f4c94e;color:#32213f;padding:18px 23px;font-size:15px;font-weight:600;line-height:1.35;transform:rotate(9deg);box-shadow:0 8px 25px #0001;border-radius:4px}.about-copy h2{font-family:Manrope,sans-serif;font-size:clamp(44px,4.9vw,75px);font-weight:550;letter-spacing:-.07em;line-height:1.08;margin:0 0 27px}.about-copy p{font-size:15px;line-height:1.85;color:var(--muted);max-width:490px}.about-copy .about-lead{font-size:18px;color:var(--ink);line-height:1.65}.about-roles{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.about-roles>span{padding:8px 13px;border:1px solid var(--line);border-radius:20px;font-size:11px}.contact{text-align:center;padding:80px 5vw 65px;border-top:1px solid var(--line);position:relative;overflow:hidden}.contact-spark{display:block;font-size:55px;line-height:1.1;color:var(--pink);margin-bottom:22px}.contact>p{font-size:13px;color:var(--muted)}.contact h2{font-family:Manrope,sans-serif;font-size:clamp(50px,6.5vw,95px);font-weight:550;letter-spacing:-.075em;line-height:1.08;margin:20px 0 35px}.copy-email{display:block;border:0;border-bottom:1px solid var(--line);background:transparent;font-size:11px;margin:20px auto 0;padding:5px}.contact .copy-feedback{font-size:12px;min-height:22px;margin-bottom:0;word-break:break-word}.footer{padding:30px 5.5vw;display:flex;align-items:center;gap:35px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer .signature{font-size:27px;color:var(--ink)}.footer>p{margin-left:auto}.footer>a:last-child{margin-left:30px}.noscript{padding:20px 5vw;font-size:13px}.paused .memory-glass,.paused .mentor-ring{animation-play-state:paused}
@media(min-width:1600px){.hero{max-width:1700px;margin:auto}.universe{max-height:750px}.world-section{max-width:1600px;margin-left:auto;margin-right:auto}.worlds-intro,.about{max-width:1600px;margin:auto}.hero h1{font-size:125px}}
@media(max-width:1100px){.hero h1{font-size:80px}.hero-description{font-size:15px}.world-label{font-size:10px;padding:10px 12px;gap:6px}.label-book{left:0}.world-section{padding:55px 5vw;gap:5vw;min-height:560px}.world-copy h2{font-size:51px}.world-lead{font-size:21px}.large-27{font-size:230px}.book-art{height:370px}.look-art{height:360px}.mentor-art{height:330px}.mentor-ring{height:260px;width:260px}.mentor-ring-two{height:235px;width:235px}.about{gap:8vw;padding:90px 8vw}.system-core{left:39%}}
@media(max-width:760px){html{scroll-padding-top:15px}.header{padding:22px 6vw;gap:14px}.signature{font-size:29px}.header nav{gap:18px;font-size:11px}.header nav>a:nth-child(2){display:none}.nav-contact{padding:10px 14px;gap:12px}.motion-control{height:36px;width:36px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:30px 6vw 72px;min-height:auto;overflow:hidden}.hero h1{font-size:clamp(61px,13.8vw,91px);max-width:600px;margin-bottom:22px}.hello{font-size:12px;margin-bottom:20px}.hero-description{max-width:380px;font-size:15px;line-height:1.7}.button{font-size:12px;padding:16px 22px;gap:28px}.hero-footnote{display:none}.universe{margin:15px -4vw 0;aspect-ratio:1;max-width:650px;width:calc(100% + 8vw);align-self:center}.portrait-orbit{width:31%}.portrait-orbit>span{font-size:8px;padding:7px 9px;bottom:-12px}.world-label{font-size:9px;padding:10px 11px;gap:6px}.label-book{left:2%;top:22%}.label-lab{right:0;top:37%}.label-look{left:0;bottom:23%}.label-mentor{right:5%;bottom:14%}.universe-hint{font-size:9px;bottom:-2px}.star-a{font-size:29px}.scroll-note{bottom:22px;left:6vw;font-size:10px}.worlds-intro{padding:55px 6vw 38px;display:block}.worlds-intro h2{font-size:43px}.worlds-intro>p:last-child{font-size:14px;margin-top:22px}.worlds-intro .section-kicker{font-size:12px;margin-bottom:20px}.world-section{display:flex;flex-direction:column;margin:0 4vw 18px;border-radius:23px;padding:38px 7vw 45px;gap:22px;min-height:0;align-items:stretch}.world-copy{max-width:100%}.world-copy h2{font-size:45px;max-width:480px;margin-bottom:21px}.world-category{font-size:11px;margin-bottom:20px}.world-lead{font-size:21px;max-width:400px}.world-copy p:not(.world-category):not(.world-lead):not(.art-note){font-size:14px;line-height:1.75}.book-world .world-copy{order:0}.book-art{order:1;height:300px;width:100%;max-width:450px;margin:10px auto}.large-27{font-size:245px}.glass-one{left:6%;height:180px;width:130px;top:7%}.glass-two{height:120px;width:90px}.glass-three{height:100px;width:160px;right:4%;bottom:5%}.book-art-caption{font-size:13px;bottom:-3px}.book-details{margin-top:20px}.book-details summary{font-size:12px}.book-world .button{font-size:11px;gap:16px;padding:16px 18px}.lab-art{margin:15px 0 5px;max-width:500px;width:100%;align-self:center;transform:rotate(2deg)}.lab-window{padding:16px}.system-view{height:210px}.system-core{left:42%}.look-art{order:1;height:300px;max-width:420px;width:100%;align-self:center}.look-spark{font-size:65px;right:0}.look-sticker{font-size:15px;padding:10px 13px}.sticker-a{left:0;top:22px}.sticker-b{right:0;bottom:15px}.mentor-art{height:300px;width:100%;max-width:430px;align-self:center;margin:10px 0}.mentor-ring{height:250px;width:250px}.mentor-ring-two{height:220px;width:220px}.mentor-ring-three{height:180px;width:180px}.mentor-seed{height:125px;width:125px}.mentor-seed>span{font-size:74px}.mentor-word{font-size:10px;padding:9px 12px}.word-try{right:0}.word-grow{bottom:6%}.about{display:flex;flex-direction:column;padding:65px 8vw 70px;gap:55px;align-items:stretch}.about-image{width:85%;max-width:390px;align-self:center}.about-sticker{font-size:13px;right:-15px;bottom:-18px;padding:15px 18px}.about-copy h2{font-size:50px}.about-copy p{font-size:14px}.about-copy .about-lead{font-size:17px}.contact{padding:60px 6vw 42px}.contact-spark{font-size:43px}.contact h2{font-size:clamp(45px,11vw,72px);margin:20px 0 30px}.footer{padding:25px 6vw;gap:20px;flex-wrap:wrap}.footer .signature{font-size:25px}.footer>p{margin:0;order:2;width:100%;font-size:10px}.footer>a:last-child{margin-left:auto;font-size:10px}.coming-soon{font-size:8px}.memory-glass{backdrop-filter:blur(2px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Labels stay outside the central portrait. */
.label-book{left:2%;top:10%}.label-lab{right:0;top:20%}.label-look{left:1%;bottom:12%}.label-mentor{right:4%;bottom:5%}
@media(max-width:760px){.label-book{left:1%;top:10%}.label-lab{right:0;top:22%}.label-look{left:0;bottom:12%}.label-mentor{right:2%;bottom:6%}.universe-hint{bottom:-15px}}

/* Original portraits supplied by Laura. */
.portrait-orbit img{object-position:center 28%}.about-image img{aspect-ratio:4/5;object-fit:cover;object-position:center 32%}

/* Simple horizontal project index. */
.project-index{grid-column:1/-1;display:flex;align-items:center;gap:0;overflow-x:auto;padding:5px 0 18px;margin:0 0 22px;border-bottom:1px solid var(--line);scrollbar-width:thin}.project-index a{flex:none;font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;padding:6px 24px;border-right:1px solid var(--line)}.project-index a:first-child{padding-left:0}.project-index a:last-child{border-right:0}.project-index a:hover{text-decoration:underline;text-underline-offset:5px}.project-index a:focus-visible{outline:2px solid currentColor;outline-offset:-2px}@media(max-width:760px){.project-index{margin-bottom:25px;padding-bottom:15px}.project-index a{font-size:12px;padding:6px 14px}}

/* Keep MentorIA beside its planet on desktop and mobile. */
.label-mentor{left:71%;top:85%;right:auto;bottom:auto;transform:translateX(-50%)}.label-mentor:hover,.label-mentor:focus-visible{transform:translate(-50%,-4px)}

/* A little more distance in the portrait, with the original studio photograph. */
.hello{flex-wrap:wrap;gap:7px}.hello strong{font-weight:650}.hello .hello-name{font-size:11px;opacity:.7;letter-spacing:0}
.hero-description{max-width:440px}.hero-connection{font-size:17px;font-weight:600;line-height:1.5;margin:0 0 28px}
.portrait-frame{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#8b7e74}
.portrait-frame img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center 34%;transform:scale(1.18);border-radius:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.world-section{padding-top:70px;padding-bottom:70px}.world-copy p{max-width:540px}

/* Tangible memories, connected by a living blue thread. */
.book-art{height:450px;isolation:isolate;perspective:none}
.book-art .large-27{position:absolute;inset:0;display:grid;place-items:center;font-size:280px;line-height:1;z-index:0;opacity:.65;pointer-events:none}
.memory-thread{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.memory-thread path{fill:none;stroke-linecap:round}
.thread-glow{stroke:#54baff;stroke-width:9;opacity:.12;filter:blur(3px)}
.thread-line{stroke:#70c8ff;stroke-width:1.8;stroke-dasharray:5 2 50 0}
.thread-pin{fill:#d9f4ff;stroke:#67bfff;stroke-width:2}
.book-art .memory-piece{position:absolute;inset:auto;width:32%;height:30%;min-height:95px;z-index:2;transform:none;touch-action:none;user-select:none;cursor:grab;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:16px;text-align:left;border:1px solid #c4dfff5e;border-radius:15px;background:linear-gradient(125deg,#ffffff21,#ffffff08);backdrop-filter:blur(8px);box-shadow:0 14px 45px #0002;color:#f9f4e9;transition:box-shadow .2s,border-color .2s}
.book-art .glass-two{width:33%;height:27%}.book-art .glass-three{width:40%;height:25%}
.memory-piece:hover,.memory-piece:focus-visible,.memory-piece.is-dragging{border-color:#8ed4ff;box-shadow:0 10px 40px #428fd033}
.memory-piece.is-dragging{cursor:grabbing;z-index:4}
.memory-number{font-family:monospace;font-size:9px;letter-spacing:.04em;opacity:.7;white-space:nowrap}
.memory-piece strong{font-size:18px;font-weight:500;letter-spacing:-.03em;margin-top:9px}
.memory-bits{font-family:monospace;font-size:12px;letter-spacing:2px;color:#8ad3ff;margin-top:12px}
.book-art .book-art-caption{position:absolute;left:0;right:0;bottom:-25px;text-align:center;line-height:1.4;margin:0;pointer-events:none;font-size:15px}
.book-art-caption small{display:block;font:10px "DM Sans",sans-serif;margin-top:6px;color:#c1c7d9}
.memory-reset{position:absolute;right:0;top:-12px;background:transparent;border:0;color:#ccd7ea;font-size:10px;padding:6px;z-index:5}

/* Three visibly different steps, rather than one static illustration. */
.lab-art{transform:rotate(1deg)}.method-demo{margin:15px 0;min-height:265px;color:#315d55}
.method-demo-top{display:flex;align-items:center;justify-content:space-between;font:9px monospace;letter-spacing:1px;color:#69867f;padding:0 2px 12px}
.method-signal{width:7px;height:7px;border-radius:50%;background:#6fb5a2;box-shadow:0 0 0 4px #6fb5a212}
.method-scenes{position:relative;min-height:230px}.method-scene{min-height:230px}
.method-scene[hidden]{display:none}.demo-caption{text-align:center;font-size:11px!important;line-height:1.5;margin:14px 0 0;color:#627e77}
.sort-board{display:grid;gap:9px;max-width:320px;margin:0 auto;padding:5px 0}
.sort-piece{display:grid;grid-template-columns:24px 1fr;align-items:center;column-gap:7px;border:1px solid #c8ddd5;border-radius:10px;background:#f4f8f3;box-shadow:0 4px 8px #315d5906;padding:9px 14px;font-size:12px;animation:sort-together .75s var(--ease) both}
.sort-piece:nth-child(2){animation-delay:.1s}.sort-piece:nth-child(3){animation-delay:.2s}
.sort-piece i{grid-row:1/3;font-style:normal;color:#629b86}.sort-piece small{grid-column:2;font-size:9px;margin-top:3px;color:#7e9389}
@keyframes sort-together{from{opacity:.3;transform:translate(var(--piece-x),var(--piece-y)) rotate(var(--piece-r))}to{opacity:1;transform:none}}
.automation-flow{height:135px;position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:center;padding:15px 0}
.automation-flow:before{content:"";height:1px;background:#9ac9b9;position:absolute;left:10%;right:10%;top:50%}
.flow-node{position:relative;z-index:2;display:grid;place-items:center;align-content:center;height:76px;background:#edf5ee;border:1px solid #c0d9cd;border-radius:12px;font-size:11px;font-weight:500;text-align:center;box-shadow:0 4px 15px #315d5905}
.flow-node small{font-size:9px;font-weight:400;margin-top:6px;color:#789185}.flow-engine{background:#d4ece1;border-color:#9cc8b6}
.flow-pulse{position:absolute;top:calc(50% - 4px);left:10%;height:8px;width:8px;background:#438f76;border-radius:50%;z-index:3;box-shadow:0 0 0 4px #438f7618;animation:flow-through 3s linear infinite}
.pulse-two{animation-delay:1.5s;opacity:0}
@keyframes flow-through{0%{left:8%;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:91%;opacity:0}}
.flow-receipt{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#eef5ed;border-radius:10px;font-size:10px;line-height:1.5}
.flow-receipt>span{color:#51947b;font-size:17px}.autonomy-system{height:186px;position:relative;display:grid;place-items:center}
.autonomy-system:before{content:"";position:absolute;width:145px;height:145px;border-radius:50%;border:1px dashed #9ecbb6;transform:rotate(-20deg)}
.autonomy-person{height:75px;width:75px;border-radius:50%;background:#d9eee1;display:grid;place-items:center;border:1px solid #a3ccb6}
.autonomy-person svg{width:42px;height:42px;fill:none;stroke:#50866d;stroke-width:2;stroke-linecap:round}
.autonomy-tag{position:absolute;border:1px solid #c3dccb;background:#f3f7f0;border-radius:18px;font-size:10px;padding:8px 12px;animation:own-your-system .55s ease both}
.tag-understand{left:2%;top:21px}.tag-decide{right:1%;top:65px;animation-delay:.1s}.tag-own{left:12%;bottom:9px;animation-delay:.2s}
@keyframes own-your-system{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}
.method-panel{min-height:116px;font-size:12px;line-height:1.7}.method-tabs button{font-size:11px;padding:12px 6px}
.paused .flow-pulse,.paused .sort-piece,.paused .autonomy-tag{animation-play-state:paused}
@media(max-width:1100px){.book-art{height:410px}.memory-piece strong{font-size:16px}.memory-number{font-size:8px}}
@media(max-width:760px){.hello{font-size:12px;display:flex;line-height:1.8}.hello .hello-name{font-size:10px}.hero-description{max-width:450px}.hero-connection{font-size:16px;margin-bottom:23px}.book-art{height:345px;margin-top:30px;margin-bottom:22px}.book-art .large-27{font-size:240px}.book-art .memory-piece{padding:12px;min-height:83px}.memory-piece strong{font-size:15px}.memory-number{font-size:7px}.memory-bits{font-size:10px;margin-top:8px}.book-art .book-art-caption{font-size:13px;bottom:-29px}.lab-art{transform:none}.method-demo{min-height:245px}.method-scenes,.method-scene{min-height:215px}.method-panel{min-height:123px}.automation-flow{gap:9px}.flow-node{font-size:10px}.flow-node small{font-size:8px}.autonomy-tag{font-size:9px;padding:8px 9px}.world-section{padding-top:38px;padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){.sort-piece,.autonomy-tag,.flow-pulse{animation:none!important}.sort-piece,.autonomy-tag{opacity:1;transform:none}.flow-pulse{left:50%;opacity:1}}

.paused .sort-piece,.paused .autonomy-tag{animation:none;opacity:1;transform:none}.paused .flow-pulse{animation:none;left:50%;opacity:1}

/* More room for the words, with balanced side padding. */
.world-section{padding-inline:clamp(25px,4vw,70px);gap:clamp(28px,4vw,70px)}
.world-copy{max-width:none;width:100%}
.world-copy p:not(.world-category):not(.world-lead):not(.art-note){max-width:none}
.world-copy .world-lead{max-width:none}
.book-world{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.lab-world{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.look-world{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.about{padding-inline:7vw;gap:6vw;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.about-copy p{max-width:none}.hero-description{max-width:520px}
/* The wider studio portrait fits the circle, elbows included. */
.portrait-frame img{object-fit:cover;object-position:center;transform:none}
/* Actual Look by Lau garments, shown whole. */
.look-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;width:100%;max-width:620px;margin:auto}
.look-product{min-width:0;display:block;border:1px solid #d9cdb6;background:#fbf7ee;border-radius:18px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.look-product:first-child{transform:rotate(-3deg);margin-top:24px}.look-product:nth-child(2){transform:rotate(3deg)}
.look-product:hover,.look-product:focus-visible{transform:translateY(-6px) rotate(0);box-shadow:0 15px 30px #54432912}
.look-product-image{display:block;aspect-ratio:4/5;padding:12px 8px 4px}
.look-product-image img{width:100%;height:100%;object-fit:contain}
.look-product-name{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:15px 14px;border-top:1px solid #e7ddca}
.look-product-name>span{font-weight:400}.look-gallery>p{grid-column:1/-1;text-align:center;font-size:11px;line-height:1.6;margin:9px 0 0;color:#80705c}
/* One coherent mentoring card instead of scattered floating labels. */
.mentor-world{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:0;gap:clamp(28px,4vw,65px)}
.mentor-world .world-copy{max-width:630px}
.mentor-card{width:100%;max-width:440px;justify-self:end;border:1px solid #cfc2e0;background:#f8f5fc;border-radius:23px;padding:28px;box-shadow:0 15px 40px #7863910a}
.mentor-card-head{display:flex;align-items:center;gap:16px;padding-bottom:22px}
.mentor-mark{display:grid;place-items:center;flex:none;height:62px;width:62px;border-radius:19px;background:#ded2ed;color:#78599a;font:italic 47px/1 Georgia,serif;padding-bottom:8px}
.mentor-card-head p{font-family:Manrope,sans-serif;font-size:22px;font-weight:600;letter-spacing:-.8px;margin:0 0 6px}
.mentor-card-head>div>span{font-size:11px;color:#89789a}
.mentor-topics{list-style:none;padding:0;margin:0;border-top:1px solid #e2d9eb}
.mentor-topics li{display:flex;gap:15px;align-items:flex-start;padding:18px 0;border-bottom:1px solid #e2d9eb}
.mentor-topics li>span{font:10px monospace;color:#a692b8;padding-top:4px}
.mentor-topics strong{font-size:13px;font-weight:600}
.mentor-topics p{font-size:11px;line-height:1.6;margin:5px 0 0;color:#8b7b99}
.mentor-card .mentor-card-note{font-size:10px;line-height:1.7;margin:20px 0 0;color:#8b7b99;max-width:290px}
@media(max-width:1100px){.look-gallery{gap:12px}.look-product-name{font-size:10px;padding:13px 10px}.mentor-card{padding:22px}.mentor-card-head{gap:12px}.mentor-topics li{gap:12px;padding:16px 0}}
@media(max-width:760px){.world-section{padding-left:6vw;padding-right:6vw;gap:30px}.world-copy{max-width:none}.world-copy p:not(.world-category):not(.world-lead):not(.art-note){max-width:none}.look-gallery{order:1;max-width:470px;margin:0 auto 5px}.look-product-image{padding:10px 5px 2px}.look-product-name{font-size:10px}.look-gallery>p{font-size:10px}.mentor-card{max-width:none;align-self:stretch;padding:24px}.mentor-card .mentor-card-note{max-width:none}.about{padding-left:8vw;padding-right:8vw}}

@media(max-width:760px){.book-world,.lab-world,.look-world,.mentor-world,.about{grid-template-columns:1fr}}