/* fonts.css */
/* Locally hosted Latin subsets from Google Fonts. */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wenao-v8/assets/fonts/7e3d7e3c7de8e8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/wenao-v8/assets/fonts/eb889034c0832c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wenao-v8/assets/fonts/6d5e7fb80500ed.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wenao-v8/assets/fonts/6d5e7fb80500ed.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/wenao-v8/assets/fonts/cfe2037d813088.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wenao-v8/assets/fonts/f2192e0bc6a52a.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wenao-v8/assets/fonts/d8c30647abfeff.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/wenao-v8/assets/fonts/d8c30647abfeff.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/wenao-v8/assets/fonts/d8c30647abfeff.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* styles.css */
:root{--paper:#f8f2ff;--cream:#fffcf8;--plum:#382b47;--ink:#252a31;--muted:#68616f;--lilac:#e5d9f2;--sage:#dee8dd;--stone:#eee5dd;--night:#111820;--panel:#182029;--line:rgba(56,43,71,.13);--serif:'PT Serif',Georgia,serif;--sans:'Plus Jakarta Sans',sans-serif;--mono:'IBM Plex Mono',monospace;--ease:cubic-bezier(.22,1,.36,1);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:clip}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img,video{display:block;max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #79609a;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif);letter-spacing:-.055em;line-height:1.08}h1{font-size:clamp(48px,6.3vw,91px)}h2{font-size:clamp(34px,4.1vw,57px)}h3{font-size:23px;line-height:1.3;letter-spacing:-.035em}em{font-weight:400;color:#806694}p{max-width:62ch}svg.lucide{width:20px;height:20px;stroke-width:1.6;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:20px;top:-80px;background:var(--plum);color:var(--cream);padding:12px 18px;z-index:150}.skip:focus{top:16px}.reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:100;pointer-events:none}.reading-progress span{display:block;height:100%;background:#967da8;width:100%;transform:scaleX(0);transform-origin:left;transition:transform 80ms linear}.site-header{max-width:1440px;margin:auto;padding:27px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:20px}.brand img{width:115px;height:34px;object-fit:contain;mix-blend-mode:multiply}.brand span{border-left:1px solid var(--line);padding-left:20px;font-size:10px;line-height:1.55;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}.header-right{display:flex;align-items:center;gap:15px}.local-clock{text-align:right;font-size:11px;line-height:1.65;color:var(--muted)}#greeting{display:block;font-size:13px;color:var(--plum);margin-bottom:2px}#date{display:block}.clock-line{display:flex;justify-content:flex-end;gap:7px;font-size:10px}#time{font-family:var(--mono);font-variant-numeric:tabular-nums}.icon-button{border:1px solid var(--line);background:rgba(255,252,248,.65);width:42px;height:42px;display:grid;place-items:center;border-radius:50%;transition:transform .3s,background .3s}.icon-button:hover{transform:rotate(-6deg);background:var(--cream)}.motion-control{width:35px;height:35px}.motion-control svg{width:15px;height:15px}
.wrap{max-width:1280px;margin:auto;padding:0 5.5%}.section{padding:86px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:35px}.section-head h2{max-width:760px}.eyebrow,.kicker{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;line-height:1.6;font-weight:500;color:var(--muted);margin-bottom:16px}.kicker{display:flex;align-items:center;gap:10px}.kicker:before{content:'';width:6px;height:6px;background:#9b80b2;border-radius:50%;box-shadow:0 0 0 5px #e7dff1}.lead{font-size:18px;line-height:1.65;color:#5c5564;max-width:45ch}.body-copy{font-size:15px;color:var(--muted);line-height:1.85}.note{font-size:11px;line-height:1.75;color:var(--muted)}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px}.pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--plum);color:var(--cream);border:0;border-radius:40px;min-height:52px;padding:14px 23px;font-size:12px;font-weight:500;box-shadow:0 8px 20px #382b4712;isolation:isolate;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s}.pill:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 20%,#ffffff29 48%,transparent 76%);transform:translateX(-100%);transition:transform .8s var(--ease)}.pill:hover:before{transform:translateX(100%)}.pill:hover{transform:translateY(-3px);box-shadow:0 14px 27px #382b4724}.pill svg{width:18px}.pill.light{background:var(--cream);color:var(--plum)}.pill.outline{background:transparent;color:var(--plum);border:1px solid var(--line);box-shadow:none}.text-link{display:inline-flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #382b4740;background:none;padding:7px 0;font-size:12px;line-height:1.4}.text-link svg{width:16px;height:16px;transition:transform .35s var(--ease)}.text-link:hover svg{transform:translate(3px,-3px)}
.hero{position:relative;isolation:isolate;overflow:clip;padding:50px 0 56px}.ambient{position:absolute;inset:-120px -10% 0;z-index:-1;pointer-events:none;overflow:hidden}.ambient:before,.ambient:after{content:'';position:absolute;width:750px;height:600px;filter:blur(65px);border-radius:50%;opacity:.55;animation:ambient-drift 18s ease-in-out infinite alternate}.ambient:before{right:-5%;top:0;background:radial-gradient(ellipse,#ded5ed,transparent 65%)}.ambient:after{left:-13%;bottom:0;background:radial-gradient(ellipse,#e3e9dd,transparent 68%);animation-delay:-8s}.hero-canvas{position:absolute;inset:0;z-index:-1;opacity:.36;width:100%;height:100%;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:46px;align-items:center}.hero-copy{padding:22px 0}.hero h1{font-size:clamp(50px,5.85vw,84px);line-height:1.07}.hero h1 .line{display:block}.hero h1 em{font-style:italic;color:#856a99}.hero .lead{font-size:16px;margin-top:24px;max-width:39ch}.hero .note{margin-top:15px}.hero-art{height:485px;position:relative;perspective:1300px;min-width:0}.hero-art:before{content:'';position:absolute;inset:16% 4%;background:radial-gradient(ellipse,#c9b8d59c,transparent 66%);filter:blur(18px)}.hero-film{position:absolute;inset:20px 18px 58px 10px;border-radius:160px 160px 90px 90px;overflow:hidden;background:var(--lilac);transform:rotate(5deg) translateY(calc(var(--hero-scroll,0)*-22px));box-shadow:0 20px 70px #382b4719;transition:transform .6s var(--ease);border:7px solid #fffaf58f}.hero-film video{width:100%;height:100%;object-fit:cover;filter:saturate(.58) contrast(.87)}.hero-film:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#e7dff10f,#382b472a)}.hero-film .film-label{position:absolute;top:22px;left:24px;color:var(--cream);font-size:9px;letter-spacing:.14em;z-index:1;display:flex;align-items:center;gap:8px}.film-label:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--cream)}.floating-record{position:absolute;background:rgba(255,252,248,.84);backdrop-filter:blur(22px);border:1px solid #ffffffdd;padding:20px 22px;border-radius:20px;box-shadow:0 15px 40px #382b471c;transform-style:preserve-3d;animation:record-float 6s ease-in-out infinite alternate;z-index:2}.floating-record small{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.02em;color:#71657f;margin-bottom:10px}.floating-record strong{display:block;font-family:var(--serif);font-weight:400;font-size:20px;line-height:1.3;letter-spacing:-.04em}.record-one{left:-18px;bottom:93px;--rotate:-8deg;transform:rotate(-8deg);width:230px}.record-two{right:-14px;top:42px;--rotate:9deg;width:184px;animation-delay:-3s;background:#dee8dddc}.record-three{right:25px;bottom:19px;--rotate:3deg;width:196px;animation-delay:-1s;background:#e5d9f2e6}.hero-art-footer{position:absolute;left:0;bottom:-4px;font-size:9px;font-family:var(--mono);color:#887391;letter-spacing:.06em}.hero-bottom{margin-top:40px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px}.hero-bottom span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hero-bottom a{display:flex;align-items:center;gap:10px;font-size:11px}.hero-bottom svg{width:16px}.intro-line{max-width:970px;margin:auto;text-align:center;padding:65px 5.5% 75px}.intro-line h2{font-size:clamp(30px,3.65vw,50px);line-height:1.2;color:#827389}.intro-line h2 strong{font-weight:400;color:var(--plum)}.intro-line p{font-size:13px;line-height:1.85;margin:22px auto 0;color:var(--muted);max-width:52ch}
.journey{position:relative;border-radius:38px;background:var(--night);color:#f4f0f7;overflow:clip;box-shadow:0 18px 60px #382b4710}.journey:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 70%,#52674e33,transparent 55%),radial-gradient(ellipse at 90% 10%,#7d59883a,transparent 50%);pointer-events:none}.journey .eyebrow{color:#aeb5bf}.journey h2{color:#f4f0f7;max-width:550px}.journey-header{padding:45px 48px 0;position:relative}.journey-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;padding:36px 48px 45px;position:relative;align-items:center}.work-map{height:320px;position:relative;isolation:isolate;background:radial-gradient(#9eacb733 1px,transparent 1px);background-size:22px 22px;border-radius:22px}.work-map:after{content:'';position:absolute;left:50%;top:18px;bottom:18px;width:1px;background:linear-gradient(transparent,#a5b4953d,transparent);z-index:-1}.atom{position:absolute;width:145px;min-height:69px;padding:13px 15px;background:#28303d;border:1px solid #a5b49523;border-radius:13px;box-shadow:0 8px 24px #0003;transition:left 1s var(--ease),top 1s var(--ease),transform 1s var(--ease),background .7s,color .7s,opacity .7s;font-size:10px;line-height:1.5}.atom b{display:block;font-family:var(--mono);font-weight:400;font-size:9px;letter-spacing:.04em;color:#b6c8b3;margin-bottom:5px}.atom:nth-child(1){left:6%;top:14%;transform:rotate(-11deg)}.atom:nth-child(2){left:52%;top:3%;transform:rotate(9deg)}.atom:nth-child(3){left:24%;top:40%;transform:rotate(7deg)}.atom:nth-child(4){left:55%;top:65%;transform:rotate(-12deg)}.atom:nth-child(5){left:2%;top:72%;transform:rotate(-5deg)}.work-map[data-stage="1"] .atom,.work-map[data-stage="2"] .atom{transform:rotate(0deg);width:44%;left:4%;top:9%}.work-map[data-stage="1"] .atom:nth-child(2),.work-map[data-stage="2"] .atom:nth-child(2){left:52%;top:9%}.work-map[data-stage="1"] .atom:nth-child(3),.work-map[data-stage="2"] .atom:nth-child(3){top:37%}.work-map[data-stage="1"] .atom:nth-child(4),.work-map[data-stage="2"] .atom:nth-child(4){left:52%;top:37%}.work-map[data-stage="1"] .atom:nth-child(5),.work-map[data-stage="2"] .atom:nth-child(5){top:65%}.work-map[data-stage="2"] .atom:nth-child(1){background:#c7dfc6;color:#253b2d}.work-map[data-stage="2"] .atom:nth-child(3){background:#d7c2ed;color:#3c2855}.work-map[data-stage="2"] .atom:nth-child(5){opacity:.32;transform:translateY(10px)}.work-map[data-stage="2"] .atom:nth-child(1) b,.work-map[data-stage="2"] .atom:nth-child(3) b{color:inherit}.map-result{position:absolute;right:4%;bottom:6%;background:#1c2530;border:1px solid #ffffff17;border-radius:12px;padding:11px 14px;font-family:var(--mono);font-size:9px;color:#e4d3f4;opacity:0;transform:translateY(12px);transition:opacity .7s,transform .7s;width:44%;text-align:center}.work-map[data-stage="2"] .map-result{opacity:1;transform:none}.journey-steps{display:flex;gap:6px;margin-bottom:24px;border-bottom:1px solid #ffffff18;padding-bottom:12px}.journey-steps button{flex:1;border:0;background:transparent;color:#a8b1bf;border-radius:9px;font-size:11px;padding:11px 8px;transition:background .4s,color .4s;min-height:44px}.journey-steps button[aria-pressed="true"]{background:#efe8f1;color:#382b47}.journey-copy h3{font-family:var(--serif);font-size:32px;letter-spacing:-.045em;line-height:1.2;max-width:14ch}.journey-copy p{color:#b4bdc7;font-size:13px;line-height:1.85;margin-top:15px;max-width:35ch}.journey .text-link{color:#e2d2ef;border-bottom-color:#e2d2ef55;margin-top:22px}.journey-caption{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #ffffff16;padding:17px 48px;font-family:var(--mono);font-size:9px;color:#a5afba}
.decision-section{padding:110px 0 80px}.decision-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.decision-intro h2{margin-bottom:24px}.decision-intro p{max-width:30ch}.decision-intro .big-aside{font-family:var(--serif);font-size:25px;color:#8a7698;margin-top:34px;line-height:1.3}.decision-display{background:var(--cream);border-radius:30px;padding:28px;position:relative;overflow:hidden;box-shadow:0 10px 45px #382b4709;transition:background .8s}.decision-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.decision-tab{border:1px solid var(--line);background:transparent;padding:11px 6px;min-height:45px;font-size:11px;border-radius:30px;display:flex;justify-content:center;align-items:center;gap:6px;transition:background .4s,transform .4s}.decision-tab:before{content:'';width:5px;height:5px;background:var(--status);border-radius:50%}.decision-tab[aria-pressed="true"]{background:var(--plum);color:var(--cream);border-color:var(--plum)}.decision-body{display:grid;grid-template-columns:115px 1fr;gap:24px;align-items:center;margin-top:32px;min-height:154px}.decision-orb{width:115px;height:115px;position:relative;display:grid;place-items:center;perspective:500px}.orb-core{position:absolute;inset:19px;background:var(--status,#c9b5ea);border-radius:29px;box-shadow:inset 2px 3px 12px #ffffffc0,inset -5px -7px 14px #382b4729,0 14px 24px #382b471a;transform:rotate(-18deg) rotateY(-18deg);transition:background .65s,transform .65s}.orb-ring{position:absolute;inset:0;border:1px solid #382b4718;border-radius:50%;transform:rotateX(60deg) rotate(-12deg)}.decision-orb svg{position:relative;color:var(--plum);width:27px;height:27px}.decision-body h3{font-family:var(--serif);font-size:31px;line-height:1.2}.decision-body p{font-size:12px;line-height:1.8;margin-top:12px;color:var(--muted)}.decision-footnote{margin-top:22px;font-family:var(--mono);font-size:9px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px}
.sector-gallery{display:flex;gap:16px;height:450px}.sector-panel{position:relative;flex:1;min-width:0;border-radius:27px;overflow:hidden;isolation:isolate;transition:flex 1s var(--ease)}.sector-panel.active{flex:1.55}.sector-panel img{width:100%;height:100%;object-fit:cover;filter:saturate(.5);transform:scale(1.035);transition:transform 1.2s var(--ease),filter 1s}.sector-panel:hover img,.sector-panel.active img{transform:scale(1);filter:saturate(.75)}.sector-panel:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#11182015 20%,#111820dc 100%)}.sector-select{position:absolute;inset:0;background:none;border:0;z-index:1;cursor:pointer}.sector-top{position:absolute;top:22px;left:24px;z-index:2;pointer-events:none;display:flex;gap:10px;color:#fff;font-family:var(--mono);font-size:9px}.sector-top span{padding:6px 10px;border-radius:20px;background:#fff2;backdrop-filter:blur(12px);border:1px solid #ffffff55}.sector-info{position:absolute;bottom:28px;left:28px;right:28px;z-index:2;pointer-events:none;color:#fffaf4}.sector-info h3{font-family:var(--serif);font-size:33px;letter-spacing:-.045em;line-height:1.15;max-width:16ch}.sector-info p{color:#ede4ed;font-size:12px;line-height:1.8;margin-top:13px;max-width:34ch}.sector-info .text-link{color:#fff;pointer-events:auto;border-bottom-color:#ffffff70;margin-top:17px}.sector-image-note{font-size:10px;color:var(--muted);margin-top:13px;display:flex;justify-content:space-between;gap:14px}.delivery-strip{padding:48px 0 34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:78px 0 0}.delivery-head{display:flex;align-items:center;justify-content:space-between;gap:25px}.delivery-head h2{font-size:36px}.delivery-track{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:38px}.delivery-stop{position:relative;padding-top:22px;border-top:1px solid var(--line)}.delivery-stop:before{content:'';position:absolute;width:7px;height:7px;top:-4px;left:0;border-radius:50%;background:#a08aaf;box-shadow:0 0 0 5px var(--paper)}.delivery-stop b{font-family:var(--mono);font-size:11px;font-weight:400;color:var(--plum)}.delivery-stop p{font-size:11px;line-height:1.75;margin-top:9px;color:var(--muted)}
.founder-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;padding:90px 0}.founder-image{position:relative;border-radius:100px 100px 28px 28px;background:var(--sage);overflow:hidden;aspect-ratio:1/1.04;max-width:470px}.founder-image img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;filter:saturate(.68)}.founder-image .portrait-caption{position:absolute;left:20px;bottom:20px;padding:10px 16px;backdrop-filter:blur(18px);background:#fffaf1cd;border-radius:40px;font-size:11px;color:var(--plum)}.founder-copy blockquote{font-family:var(--serif);font-size:clamp(29px,3.5vw,47px);letter-spacing:-.045em;line-height:1.22;margin:0 0 24px;color:var(--plum)}.founder-copy p{font-size:13px;color:var(--muted);line-height:1.8;max-width:43ch}.founder-copy .text-link{margin-top:24px}.insights-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:30px}.insight-feature{background:var(--sage);border-radius:26px;overflow:hidden;position:relative;display:block}.insight-art{height:240px;overflow:hidden;position:relative;background:var(--sage)}.insight-art video{width:100%;height:100%;object-fit:cover;filter:saturate(.55);transition:transform 1s var(--ease)}.insight-feature:hover video{transform:scale(1.035)}.insight-feature .insight-copy{padding:28px}.insight-copy .eyebrow{font-size:9px}.insight-copy h3{font-family:var(--serif);font-size:30px;line-height:1.15;letter-spacing:-.04em}.insight-list{display:flex;flex-direction:column;justify-content:space-between}.insight-row{display:block;padding:26px 0;border-bottom:1px solid var(--line)}.insight-row:first-child{padding-top:4px}.insight-row h3{font-family:var(--serif);font-size:28px;line-height:1.2;max-width:21ch}.insight-row .eyebrow{font-size:9px;margin-bottom:12px}.insight-row .text-link{margin-top:17px}.book-note{display:flex;gap:23px;align-items:center;padding:30px 0;margin-top:36px;border-top:1px solid var(--line)}.book-note img{width:55px;height:76px;object-fit:contain;border-radius:2px;box-shadow:3px 3px 0 #a897b7}.book-note p{font-family:var(--serif);font-size:18px;color:var(--plum)}.book-note .eyebrow{font-size:9px;margin-bottom:6px}.book-note .text-link{margin-left:auto;white-space:nowrap}.cohort-note{border-top:1px solid var(--line);padding-top:32px;display:flex;justify-content:space-between;gap:30px}.cohort-note p{font-size:12px;color:var(--muted);max-width:55ch}.closing{margin:30px auto 60px;max-width:1280px;padding:65px 5.5%;text-align:center;position:relative;isolation:isolate;overflow:hidden;border-radius:36px;background:#e9dfef}.closing:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,#fff8,transparent 55%);animation:closing-glow 14s ease-in-out infinite alternate;z-index:-1}.closing h2{max-width:780px;margin:auto;font-size:clamp(36px,4.7vw,67px)}.closing p{font-size:13px;line-height:1.8;margin:20px auto 25px;color:var(--muted)}.closing .eyebrow{margin-bottom:22px}.closing .pill{margin:auto}.site-footer{max-width:1440px;margin:auto;padding:50px 5.5% 135px}.footer-main{display:grid;grid-template-columns:1.35fr .7fr .8fr 1.2fr;gap:38px}.footer-brand{font-family:var(--serif);font-size:28px;letter-spacing:-.04em;line-height:1.18;display:block}.footer-main p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:20px}.footer-main nav,.footer-main>div:last-child{display:flex;align-items:flex-start;flex-direction:column;gap:8px;font-size:12px}.footer-main .eyebrow{font-size:9px;margin-bottom:8px}.footer-email{font-size:10px;overflow-wrap:anywhere}.social-links{display:flex;gap:14px;margin-top:15px}.social-links a{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line)}.social-links svg{width:17px}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;margin-top:45px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.footer-bottom button{display:flex;align-items:center;gap:7px;font-size:10px;border:0;background:none;padding:0}.footer-bottom button svg{width:13px;height:13px}
.dock-shell{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:60;max-width:calc(100% - 24px)}.dock{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:50px;background:rgba(255,252,248,.8);backdrop-filter:blur(26px) saturate(1.1);border:1px solid #fff;box-shadow:inset 0 1px 0 #fff,0 8px 35px #382b4720,0 1px 4px #382b470d}.dock>a,.dock>button{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:66px;height:56px;border:0;background:none;border-radius:30px;color:#6b6172;font-size:9px;gap:6px;transition:background .4s,color .4s,transform .4s var(--ease);line-height:1.2}.dock svg{width:19px;height:19px;transition:transform .4s var(--ease)}.dock>a:hover svg,.dock>button:hover svg{transform:translateY(-3px) scale(1.12)}.dock>a:hover,.dock>button:hover{background:#e5d9f24d;color:var(--plum)}.dock [aria-current="page"]{background:var(--lilac);color:var(--plum)}.dock .dock-contact{background:var(--plum);color:var(--cream);width:65px}.dock .dock-contact:hover{background:#574468;color:var(--cream)}.mobile-dock{display:none}.site-menu{position:fixed;z-index:65;bottom:115px;left:50%;transform:translateX(-50%);width:min(540px,calc(100% - 28px));border-radius:26px;background:var(--cream);border:1px solid #fff;box-shadow:0 25px 90px #382b4733;padding:24px;max-height:calc(calc(var(--stable-vh,1svh)*100) - 155px);overflow:auto}.menu-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.menu-top .eyebrow{margin:0;font-size:9px}.menu-top .icon-button{width:33px;height:33px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.menu-grid a{padding:12px;font-size:12px;border-radius:12px;transition:background .3s}.menu-grid a:hover,.menu-grid a[aria-current="page"]{background:var(--lilac)}.menu-scrim{position:fixed;inset:0;background:#382b471a;backdrop-filter:blur(3px);z-index:55}.site-menu:not([hidden]){animation:menu-enter .35s var(--ease)}[hidden]{display:none!important}dialog{border:1px solid #ffffffd0;box-shadow:0 20px 100px #382b4744;border-radius:25px;padding:28px;background:var(--cream);color:var(--ink);max-width:470px;width:calc(100% - 32px)}dialog::backdrop{background:#382b4740;backdrop-filter:blur(6px)}.review-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.review-head h2{font-size:28px}.review-head .icon-button{width:35px;height:35px}dialog label{font-size:12px;display:block}dialog select{margin-top:10px;width:100%;font-size:16px;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--plum)}dialog p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:23px}.photo-credit a{text-decoration:underline}
.page-intro{padding:55px 0 65px;position:relative;isolation:isolate}.page-intro h1{max-width:1000px;font-size:clamp(47px,5.7vw,80px)}.page-intro .lead{font-size:16px;margin-top:28px;max-width:50ch}.page-intro.with-media{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:55px}.intro-media{aspect-ratio:1/1;position:relative;border-radius:85px 85px 24px 24px;overflow:hidden;background:var(--lilac);transform:rotate(3deg)}.intro-media img,.intro-media video{width:100%;height:100%;object-fit:cover;filter:saturate(.5)}.intro-media img.portrait{object-position:50% 15%}.intro-media .media-tag{position:absolute;bottom:20px;left:20px;font-size:9px;font-family:var(--mono);background:#fffaf3d9;border:1px solid #fff;border-radius:30px;padding:9px 15px;color:var(--plum);max-width:calc(100% - 40px)}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.quiet-card{border-radius:26px;background:var(--cream);padding:30px}.quiet-card.sage{background:var(--sage)}.quiet-card.lilac{background:var(--lilac)}.quiet-card.stone{background:var(--stone)}.quiet-card h3{font-family:var(--serif);font-size:28px;line-height:1.18;margin-bottom:15px}.quiet-card p{font-size:13px;color:var(--muted);line-height:1.8}.quiet-card .text-link{margin-top:20px}.card-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#fff7;margin-bottom:25px;color:var(--plum)}.detail-row{border-top:1px solid var(--line);padding:22px 0}.detail-row:last-child{border-bottom:1px solid var(--line)}.detail-row summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none;gap:20px;font-size:14px}.detail-row summary::-webkit-details-marker{display:none}.detail-row summary:after{content:'+';font-family:var(--mono);font-size:18px;transition:transform .4s}.detail-row[open] summary:after{content:'−'}.detail-row p{font-size:13px;line-height:1.9;color:var(--muted);max-width:65ch;padding-top:17px}.split-detail{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.split-detail h2{max-width:10ch}.split-detail .body-copy{margin-top:24px}.instrument{background:var(--night);color:#f3edf7;border-radius:30px;padding:42px;position:relative;overflow:hidden}.instrument .eyebrow{color:#aeb5bf}.instrument h2{font-size:42px}.instrument h3{font-family:'IBM Plex Sans',sans-serif}.instrument p{color:#b7c0cb;font-size:13px;line-height:1.85}.instrument .body-copy{color:#b7c0cb}.instrument .grid2{margin-top:30px}.mini-instrument{background:var(--panel);border:1px solid #ffffff12;border-radius:18px;padding:25px}.mini-instrument h3{font-size:20px;margin-bottom:13px}.mini-instrument .number{font-family:var(--mono);font-size:60px;line-height:1;margin-bottom:18px;display:block;color:#e7d8ee}.method-layout{display:grid;grid-template-columns:.7fr 1.7fr;gap:40px;align-items:start}.method-index{position:sticky;top:25px}.method-index button{width:100%;display:flex;align-items:center;text-align:left;gap:18px;background:none;border:0;border-bottom:1px solid var(--line);padding:16px 8px;font-size:14px;min-height:60px;transition:padding .5s,background .4s}.method-index button span{font-family:var(--mono);font-size:10px;color:#9a899f}.method-index button[aria-pressed="true"]{background:var(--lilac);border-radius:12px;border-color:transparent;padding-left:18px}.method-index button svg{margin-left:auto;width:17px}.method-panel .eyebrow{margin-bottom:20px}.method-panel h2{font-size:38px;margin-bottom:22px}.method-panel .method-description{max-width:46ch}.method-caption{font-family:var(--mono);font-size:9px;line-height:1.8;color:#a9b3c1;margin-top:25px;padding-top:18px;border-top:1px solid #ffffff17}.method-video{border-radius:16px;overflow:hidden;margin-top:25px;position:relative;height:200px}.method-video video{width:100%;height:100%;object-fit:cover;filter:saturate(.3) brightness(.65)}.method-video span{position:absolute;bottom:20px;left:20px;right:20px;font-family:var(--mono);font-size:10px;color:#f4eef6}.atom-table{display:flex;flex-direction:column;gap:7px;margin-top:24px}.atom-row{display:grid;grid-template-columns:36px 1fr 55px;align-items:center;gap:12px;padding:15px 12px;border-radius:12px;background:var(--panel);font-size:11px;line-height:1.6}.atom-row b{font-family:var(--mono);font-size:10px;font-weight:400;color:#d6c4e6}.atom-row small{font-family:var(--mono);text-align:right;font-size:9px;color:#b0bbca}.score-diagram{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;gap:10px;align-items:center;margin-top:32px}.score-block{border-radius:16px;background:var(--panel);padding:23px 13px;text-align:center}.score-block strong{display:block;font-family:var(--mono);font-size:42px;font-weight:400;color:#e0cdeb;line-height:1.2}.score-block span{display:block;font-size:9px;line-height:1.5;margin-top:12px;color:#b0bac5}.gate-bar{margin-top:25px;border-radius:13px;background:#292036;color:#e7d8f0;padding:15px 18px;display:flex;align-items:center;gap:13px;font-size:11px;line-height:1.7}.gate-bar svg{width:18px}.sequence-list{list-style:none;counter-reset:sequence;padding:0;margin:25px 0 0}.sequence-list li{counter-increment:sequence;display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #ffffff16;font-size:12px;color:#c8c0d2}.sequence-list li:before{content:'0'counter(sequence);font-family:var(--mono);font-size:10px;color:#c6acd9}.method-proof{display:flex;align-items:center;gap:22px;background:var(--sage);padding:25px 30px;border-radius:20px;margin-top:28px}.method-proof svg{width:30px;height:30px;color:#72846b}.method-proof p{font-size:12px;line-height:1.8;color:#566650}.service-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:28px}.service-selector button{border:1px solid var(--line);border-radius:18px;padding:22px 18px;background:#fffcf866;text-align:left;transition:background .5s,transform .5s;min-height:115px}.service-selector button[aria-pressed="true"]{background:var(--plum);color:var(--cream);transform:translateY(-4px)}.service-selector small{font-family:var(--mono);font-size:9px;display:block;margin-bottom:12px;color:#8a7992}.service-selector button[aria-pressed="true"] small{color:#d3bfdc}.service-selector strong{font-size:16px;font-weight:400;line-height:1.4;display:block}.service-result{background:var(--cream);border-radius:28px;padding:37px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.service-result h2{font-size:40px;margin-bottom:18px}.service-result .service-spec{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.service-spec span{font-family:var(--mono);font-size:9px;border:1px solid var(--line);border-radius:30px;padding:5px 10px;color:#82728c}.service-result .body-copy{font-size:13px}.service-result .pill{margin-top:27px}.deliverable-list{list-style:none;padding:0;margin:0}.deliverable-list li{border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:12px;padding:15px 0;font-size:12px;line-height:1.65;color:var(--muted)}.deliverable-list li svg{width:15px;height:15px;color:#82728c;margin-top:2px}.six-timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:36px}.six-timeline .delivery-stop p{font-size:10px}.sector-banner{height:420px;position:relative;overflow:hidden;border-radius:30px}.sector-banner img{width:100%;height:100%;object-fit:cover;filter:saturate(.48);transform:translateY(calc(var(--image-parallax,0px))) scale(1.12)}.sector-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,#111820be)}.sector-banner figcaption{position:absolute;left:30px;bottom:27px;right:30px;z-index:1;font-family:var(--serif);font-size:34px;line-height:1.22;color:var(--cream);letter-spacing:-.035em;max-width:30ch}.sector-figure{margin:0}.sector-figure>.note{margin-top:14px}.sector-principles{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:40px 0}.sector-principle{padding:28px 0;border-top:1px solid var(--line)}.sector-principle h3{font-family:var(--serif);font-size:29px;margin-bottom:18px}.sector-principle p{font-size:13px;color:var(--muted);line-height:1.85}.work-cases{display:grid;grid-template-columns:1fr 1fr;gap:25px}.case{background:var(--cream);border-radius:27px;overflow:hidden}.case img{width:100%;height:230px;object-fit:cover;filter:saturate(.35)}.case-copy{padding:30px}.case .eyebrow{font-size:9px}.case h2{font-size:32px;margin-bottom:18px}.case p{font-size:13px;color:var(--muted);line-height:1.8}.case details{margin-top:22px}.case details p{font-size:12px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.filters button{border:1px solid var(--line);border-radius:30px;background:transparent;font-size:11px;min-height:42px;padding:9px 17px;transition:background .4s,color .4s}.filters button[aria-pressed="true"]{background:var(--plum);color:var(--cream)}.blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.blog-card{display:block;overflow:hidden;border-radius:25px;background:var(--cream)}.blog-card img,.blog-card video{width:100%;height:225px;object-fit:cover;filter:saturate(.45);transition:transform 1s var(--ease)}.blog-card:hover img,.blog-card:hover video{transform:scale(1.035)}.blog-card .blog-copy{padding:30px;position:relative;background:var(--cream)}.blog-card h2{font-size:32px}.blog-card .text-link{margin-top:20px}.empty-category{padding:50px 30px;background:var(--cream);border-radius:25px}.empty-category h3{font-family:var(--serif);font-size:30px}.empty-category p{font-size:13px;color:var(--muted);margin-top:12px}.book-feature{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding:35px 0 75px}.book-feature h1{font-size:60px;margin:20px 0 28px}.book-feature p{font-size:14px;color:var(--muted);line-height:1.85}.book-stage{display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse,#d6c5e7aa,transparent 70%);padding:45px 20px;perspective:1200px}.book-stage img{width:270px;border-radius:3px;box-shadow:15px 18px 38px #382b4733,7px 3px 0 #ac9bb6;transform:rotateY(-13deg) rotate(-5deg);transition:transform .8s var(--ease)}.book-stage:hover img{transform:rotateY(0deg) rotate(-2deg)}.contact-layout{display:grid;grid-template-columns:1.35fr .8fr;gap:50px}.contact-form{background:var(--cream);padding:35px;border-radius:28px}.contact-form label{font-size:11px;display:block;color:var(--muted)}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;padding:13px 15px;min-height:49px;border:1px solid var(--line);border-radius:12px;background:#f9f4fd;color:var(--plum);font-size:16px;margin:9px 0 23px}.contact-form textarea{resize:vertical;min-height:130px}.contact-form .grid2{gap:20px}.contact-form .consent{display:flex;gap:11px;align-items:flex-start;line-height:1.8;cursor:pointer;margin-top:5px}.consent input{width:17px;height:17px;min-height:0;flex-shrink:0;margin:4px 0;accent-color:var(--plum)}.consent span{padding-bottom:9px}.contact-form .pill{margin-top:23px}.form-result{padding:15px 18px;border-radius:12px;margin-top:23px;background:var(--lilac);font-size:12px;color:var(--plum)}.contact-aside{position:sticky;top:30px;align-self:start}.contact-aside h3{font-family:var(--serif);font-size:30px;margin-bottom:19px}.contact-aside .contact-details{margin-top:32px;font-size:12px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.contact-aside a{overflow-wrap:anywhere}.contact-aside .note{margin-top:20px}.contact-list{padding-left:17px;margin:20px 0 0;font-size:12px;color:var(--muted);line-height:1.9}.contact-list li{margin-bottom:10px}.page-wipe{animation:page-enter .65s var(--ease)}.reveal{opacity:1;transform:none}.motion-enabled .reveal:not(.visible){opacity:0;transform:translateY(25px)}.reveal{transition:opacity .85s var(--ease),transform .85s var(--ease);transition-delay:var(--reveal-delay,0ms)}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused .hero-film,.motion-paused .sector-banner img{transform:none!important}
@keyframes ambient-drift{from{transform:translate(-30px,5px) rotate(-12deg) scale(.93)}to{transform:translate(70px,-20px) rotate(16deg) scale(1.1)}}@keyframes record-float{from{transform:translateY(0) rotate(var(--rotate,0deg))}to{transform:translateY(-13px) rotate(calc(var(--rotate,0deg) + 2deg))}}@keyframes closing-glow{from{transform:translateX(-15%)}to{transform:translateX(25%)}}@keyframes menu-enter{from{opacity:0;transform:translate(-50%,15px) scale(.96)}to{opacity:1;transform:translate(-50%,0) scale(1)}}@keyframes page-enter{from{opacity:.65;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:1100px){.hero-art:hover .hero-film{transform:rotate(2deg) rotateY(-5deg) translateY(calc(var(--hero-scroll,0)*-22px))}.sector-panel:not(.active) .sector-info p{opacity:.65}}
@media(max-width:1000px){.site-header{padding:24px 5%}.hero-grid{gap:25px;grid-template-columns:1.12fr 1fr}.hero h1{font-size:64px}.hero-art{height:410px}.record-one{width:190px;left:-10px;padding:16px}.record-two{width:145px;padding:15px;right:-4px}.record-three{width:170px;padding:17px}.floating-record strong{font-size:18px}.decision-grid{gap:35px}.journey-header{padding:35px 34px 0}.journey-grid{padding:30px 34px 35px;gap:23px}.journey-caption{padding:17px 34px}.atom{width:125px;font-size:9px}.founder-section{gap:45px}.footer-main{gap:25px}.section{padding:70px 0}.six-timeline{grid-template-columns:repeat(3,1fr);row-gap:30px}.page-intro.with-media{gap:30px}.page-intro.with-media h1{font-size:58px}.contact-layout{gap:30px}.contact-form{padding:28px}.service-result{padding:30px}}
@media(max-width:760px){.brand span{display:none}.brand img{width:95px;height:29px}.site-header{padding:22px 6%}.motion-control{width:32px;height:32px}.header-right{gap:10px}.local-clock{font-size:10px}#greeting{font-size:12px}.clock-line{font-size:9px;gap:5px}.wrap{padding:0 6%}.hero{padding:15px 0 30px}.hero-grid{grid-template-columns:1fr;gap:18px}.hero-copy{padding:15px 0 0}.hero h1{font-size:clamp(45px,8.4vw,65px);max-width:600px}.hero .lead{font-size:15px;max-width:43ch;margin-top:21px}.hero .kicker{font-size:9px;letter-spacing:.13em;margin-bottom:22px}.actions{margin-top:24px;gap:17px}.pill{min-height:49px;font-size:11px;padding:13px 20px}.hero .note{font-size:10px}.hero-art{height:350px;width:min(480px,100%);margin:auto}.hero-film{inset:18px 34px 26px 32px;border-radius:130px 130px 70px 70px}.record-one{left:0;bottom:56px;width:183px}.record-two{right:4px;top:21px;width:149px}.record-three{right:23px;bottom:4px;width:166px}.floating-record{padding:16px}.floating-record small{font-size:8px}.floating-record strong{font-size:17px}.hero-art-footer{font-size:8px;bottom:-17px;left:10px}.hero-bottom{margin-top:38px;padding-top:17px;gap:10px}.hero-bottom span{font-size:8px;max-width:22ch}.hero-bottom a{font-size:10px}.intro-line{padding:45px 6% 55px}.intro-line h2{font-size:clamp(28px,6vw,39px)}.intro-line p{font-size:12px}.section{padding:56px 0}.section-head{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:28px}.section-head h2{font-size:38px}.eyebrow{font-size:9px;margin-bottom:14px}.journey{border-radius:26px}.journey-header{padding:28px 25px 0}.journey h2{font-size:37px;max-width:12ch}.journey-grid{grid-template-columns:1fr;padding:22px 25px 30px;gap:25px}.work-map{height:290px;max-width:500px;width:100%;margin:auto}.atom{width:135px;font-size:10px}.journey-copy h3{font-size:31px;max-width:22ch}.journey-copy p{max-width:45ch;font-size:12px}.journey-steps{margin-bottom:20px}.journey-caption{padding:15px 25px;font-size:8px;flex-wrap:wrap}.decision-section{padding:70px 0 45px}.decision-grid{grid-template-columns:1fr;gap:30px}.decision-intro h2{font-size:38px;max-width:15ch}.decision-intro p{max-width:45ch;font-size:13px}.decision-intro .big-aside{font-size:23px;margin-top:22px}.decision-display{padding:23px;border-radius:24px}.decision-body{gap:20px;grid-template-columns:92px 1fr}.decision-orb{width:92px;height:92px}.orb-core{inset:15px;border-radius:22px}.decision-body h3{font-size:28px}.decision-tabs{gap:6px}.decision-tab{font-size:10px;padding:10px 4px}.sector-gallery{height:auto;flex-direction:column;gap:20px}.sector-panel{min-height:380px;flex:none!important}.sector-info h3{font-size:33px}.sector-info{bottom:25px;left:25px;right:25px}.sector-info p{opacity:1!important}.sector-image-note{font-size:9px;flex-direction:column;gap:5px}.delivery-strip{margin-top:50px;padding-top:35px}.delivery-head{align-items:flex-start;flex-direction:column;gap:16px}.delivery-head h2{font-size:33px}.delivery-track{grid-template-columns:1fr 1fr;row-gap:29px}.delivery-stop p{font-size:11px}.founder-section{grid-template-columns:1fr;gap:35px;padding:60px 0}.founder-image{width:min(390px,100%);margin:auto;aspect-ratio:1.1/1}.founder-copy blockquote{font-size:37px}.founder-copy p{font-size:13px;max-width:48ch}.insights-grid{grid-template-columns:1fr;gap:29px}.insight-art{height:225px}.insight-row{padding:25px 0}.insight-row h3{font-size:29px;max-width:28ch}.book-note{flex-wrap:wrap;gap:18px}.book-note>div{flex:1}.book-note .text-link{margin-left:73px}.cohort-note{flex-direction:column;gap:6px}.cohort-note p{font-size:11px}.closing{margin:15px 6% 30px;padding:48px 7%;border-radius:27px}.closing h2{font-size:40px}.closing p{font-size:12px}.site-footer{padding:40px 6% 125px}.footer-main{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-main>div:first-child{grid-column:1/-1}.footer-main>div:last-child{grid-column:1/-1}.footer-email{font-size:12px}.footer-bottom{gap:14px;margin-top:30px;font-size:9px}.desktop-dock{display:none}.mobile-dock{display:flex}.dock-shell{bottom:max(12px,env(safe-area-inset-bottom));max-width:calc(100% - 20px);width:min(375px,calc(100% - 20px))}.dock{padding:7px;gap:3px;justify-content:space-between}.dock>a,.dock>button{width:20%;height:54px;font-size:9px;gap:5px}.dock .dock-contact{width:20%}.dock svg{width:19px;height:19px}.site-menu{bottom:100px;padding:21px;max-height:calc(calc(var(--stable-vh,1svh)*100) - 135px)}.menu-grid a{font-size:11px;padding:12px 9px}.page-intro{padding:37px 0 45px}.page-intro h1{font-size:clamp(43px,8vw,60px);max-width:650px}.page-intro .lead{font-size:14px;margin-top:24px}.page-intro.with-media{grid-template-columns:1fr;gap:35px}.page-intro.with-media h1{font-size:clamp(43px,8vw,60px)}.intro-media{aspect-ratio:1.3/1;max-width:450px;width:100%;margin:auto;border-radius:70px 70px 25px 25px;transform:rotate(2deg)}.grid2,.grid3{grid-template-columns:1fr;gap:20px}.quiet-card{padding:27px}.quiet-card h3{font-size:28px}.split-detail{grid-template-columns:1fr;gap:30px}.split-detail h2{max-width:16ch;font-size:38px}.instrument{padding:27px;border-radius:25px}.instrument h2{font-size:35px}.mini-instrument{padding:22px}.method-layout{grid-template-columns:1fr;gap:24px}.method-index{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.method-index button{min-height:47px;padding:10px;gap:8px;border:1px solid var(--line);border-radius:10px;font-size:11px}.method-index button span{font-size:8px}.method-index button svg{display:none}.method-index button[aria-pressed="true"]{padding-left:10px}.method-panel h2{font-size:34px}.method-video{height:180px}.score-diagram{grid-template-columns:1fr 17px 1fr;gap:8px}.score-block{padding:20px 8px}.score-block strong{font-size:39px}.score-block:last-child{grid-column:1/-1;padding:19px;display:flex;align-items:center;justify-content:center;gap:20px}.score-block:last-child span{margin:0}.score-arrow{display:none}.method-proof{padding:22px;gap:15px}.method-proof svg{width:25px;flex-shrink:0}.service-selector{grid-template-columns:1fr 1fr;gap:8px}.service-selector button{padding:17px;min-height:103px}.service-selector strong{font-size:14px}.service-selector small{font-size:8px;margin-bottom:11px}.service-result{grid-template-columns:1fr;padding:27px;gap:15px}.service-result h2{font-size:36px}.six-timeline{grid-template-columns:1fr 1fr;gap:30px 20px}.six-timeline .delivery-stop p{font-size:11px}.sector-banner{height:370px;border-radius:25px}.sector-banner figcaption{font-size:29px;left:25px;bottom:25px;right:25px}.sector-principles{grid-template-columns:1fr;gap:8px;margin-top:30px}.sector-principle{padding:26px 0}.sector-principle h3{font-size:28px}.work-cases{grid-template-columns:1fr}.case img{height:220px}.case-copy{padding:27px}.blog-grid{grid-template-columns:1fr}.blog-card h2{font-size:31px}.blog-card .blog-copy{padding:27px}.blog-card img,.blog-card video{height:210px}.filters button{font-size:10px;padding:8px 13px}.book-feature{grid-template-columns:1fr;gap:25px;padding:25px 0 40px}.book-feature h1{font-size:46px;line-height:1.1;margin:18px 0 25px}.book-stage{grid-row:1;padding:30px 20px}.book-stage img{width:220px}.contact-layout{grid-template-columns:1fr;gap:30px}.contact-aside{position:static}.contact-form{padding:25px}.contact-form .grid2{gap:0}.contact-form input,.contact-form select,.contact-form textarea{font-size:16px}.contact-form .pill{width:100%}.contact-form .note{font-size:10px}.contact-aside .contact-details{font-size:12px}.body-copy{font-size:13px}.lead{font-size:15px}.note{font-size:10px}}
@media(max-width:360px){.site-header{padding:20px 6%}.brand img{width:82px}.header-right{gap:7px}.motion-control{width:29px;height:29px}.local-clock{font-size:9px}#greeting{font-size:11px}.clock-line{font-size:8px}.hero h1{font-size:43px}.hero-art{height:310px}.hero-film{inset:18px 20px 33px 20px}.record-one{width:153px;bottom:52px;padding:13px}.record-two{width:128px;padding:12px;right:0}.record-three{width:143px;padding:13px;right:4px}.floating-record strong{font-size:15px}.floating-record small{font-size:7px}.journey-header{padding:26px 20px 0}.journey-grid{padding:20px}.work-map{height:270px}.atom{width:117px;padding:11px;font-size:9px}.journey-caption{padding:14px 20px}.decision-display{padding:18px}.decision-body{grid-template-columns:70px 1fr;gap:14px}.decision-orb{width:70px;height:70px}.orb-core{inset:12px;border-radius:17px}.decision-body h3{font-size:26px}.decision-body p{font-size:11px}.decision-tab{font-size:9px}.sector-panel{min-height:370px}.sector-info{left:21px;right:21px}.sector-info h3{font-size:29px}.closing h2{font-size:35px}.method-index button{font-size:10px;gap:6px;padding:9px 7px}.method-panel{padding:23px}.atom-row{grid-template-columns:27px 1fr 42px;gap:8px;font-size:10px}.atom-row small{font-size:8px}.contact-form{padding:21px}.service-selector button{padding:15px}.service-selector strong{font-size:13px}.menu-grid a{font-size:10px}.brand{gap:10px}.book-note p{font-size:16px}}
.journey em,.instrument em{color:#c9b5ea}.hero-film .film-label{background:#11182080;padding:7px 11px;border-radius:25px;font-size:9px;line-height:1.4;max-width:calc(100% - 48px)}.sector-top span{background:#11182080}.motion-paused{scroll-behavior:auto}.motion-paused .orb-core,.motion-paused .intro-media{transform:none}.motion-paused *{transition:none!important}
@media(max-width:760px){.work-map .atom{width:44%;font-size:9px;padding:10px}.hero-film .film-label{top:18px;left:18px;font-size:8px;max-width:calc(100% - 36px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}.hero-film,.sector-banner img{transform:none!important}}
body.menu-open { overflow: hidden; }

/* motion.css */
/* Shared motion language: expansion, a full-screen wipe, a ring-to-drum gallery, a horizontal delivery story. */
html{scrollbar-gutter:stable}main{padding-top:95px}.site-header{position:fixed;inset:0 0 auto;max-width:none;z-index:110;padding:22px 5.5%;background:linear-gradient(180deg,rgba(248,242,255,.94),rgba(248,242,255,.65) 65%,transparent);pointer-events:none}.site-header>*{pointer-events:auto}.header-right{gap:20px}.dock-shell,.menu-scrim{display:none!important}.site-footer{padding-bottom:50px}.header-menu{border:1px solid var(--line);background:rgba(255,252,248,.75);backdrop-filter:blur(15px);border-radius:30px;padding:11px 19px;display:flex;align-items:center;gap:15px;font-size:11px;min-height:46px;transition:background .3s,transform .4s}.header-menu:hover{background:var(--cream);transform:translateY(-2px)}.menu-glyph{width:22px;height:22px;overflow:visible}.menu-glyph path{transform-origin:12px 12px;transition:transform .5s var(--ease),opacity .25s;stroke:currentColor;stroke-width:1.5;fill:none}.menu-toggle[aria-expanded=true] .menu-glyph .menu-line-a,.menu-glyph.open .menu-line-a{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-glyph .menu-line-b,.menu-glyph.open .menu-line-b{transform:translateY(-4px) rotate(-45deg)}
#site-menu.immersive-nav{position:fixed;inset:0;width:100%;max-width:none;max-height:none;transform:none;margin:0;border:0;border-radius:0;padding:0;background:#25212c;color:#fffcf8;z-index:125;overflow-y:auto;clip-path:inset(0 100% 0 0);transition:clip-path .65s cubic-bezier(.76,0,.24,1);box-shadow:none;animation:none}#site-menu.is-open{clip-path:inset(0 0 0 0)}#site-menu[hidden]{display:none}.nav-shell{max-width:1500px;margin:auto;padding:25px 5.5% 32px;min-height:calc(var(--stable-vh,1svh)*100);display:flex;flex-direction:column}.nav-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.nav-brand{font-family:var(--sans);font-size:25px;font-weight:600;letter-spacing:-.05em}.nav-brand small{display:block;font-family:var(--mono);font-size:8px;font-weight:400;letter-spacing:.14em;color:#c4b9cf;margin-top:1px}.nav-close{background:#ffffff0d;color:#fffcf8;border-color:#ffffff30}.nav-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;flex:1;align-items:center}.nav-links{display:flex;flex-direction:column;min-width:0}.nav-link{display:flex;gap:25px;align-items:center;padding:10px 0;border-bottom:1px solid #ffffff17;opacity:0;transform:translateY(25px);transition:opacity .65s var(--ease),transform .65s var(--ease),color .3s;transition-delay:calc(var(--n)*55ms + 160ms)}.is-open .nav-link{opacity:1;transform:none}.nav-link>span:first-child{font-family:var(--mono);font-size:10px;color:#b6a6c9}.nav-link strong{font-family:var(--serif);font-size:clamp(32px,4.8vw,67px);font-weight:400;letter-spacing:-.05em;line-height:1.22;flex:1}.nav-link svg{width:28px;height:28px;opacity:0;transform:translate(-12px,12px);transition:opacity .3s,transform .4s}.nav-link:hover,.nav-link:focus-visible{color:#d4c1e7}.nav-link:hover svg,.nav-link:focus-visible svg{opacity:1;transform:none}.nav-side{opacity:0;transform:translateY(35px);transition:opacity .8s .28s,transform .8s .28s var(--ease)}.is-open .nav-side{opacity:1;transform:none}.nav-side>p{font-family:var(--serif);font-size:clamp(25px,3vw,41px);letter-spacing:-.03em;line-height:1.15;margin-bottom:28px;max-width:22ch}.nav-side em{color:#c4add8}.nav-visual{position:relative;height:clamp(220px,30vh,370px);border-radius:5px 70px 5px 5px;background:#393443;overflow:hidden}.nav-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.09);transition:opacity .55s,transform 1s var(--ease)}.nav-visual img[data-active=true]{opacity:1;transform:scale(1)}.nav-visual img[data-scene=founder]{object-position:50% 28%}.nav-visual img[data-scene=book]{object-fit:contain;padding:22px;background:#ddd0bc}.nav-visual-label{display:block;font-size:9px;color:#bcb0c8;margin-top:11px}.nav-secondary{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;margin-top:27px}.nav-secondary a{font-size:12px;line-height:1.6;color:#c6bacf;transition:color .25s}.nav-secondary a:hover{color:white}.nav-bottom{margin-top:38px;padding-top:20px;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:18px;font-size:11px;color:#c6bacf}.nav-social{display:flex;gap:23px}.nav-link[aria-current=page] strong{color:#cdb7e1}.nav-social a:hover{color:white}
.expansion-hero{height:calc(var(--stable-vh,1svh)*195);margin-top:-95px;position:relative;--expand:0}.expansion-pin{height:calc(var(--stable-vh,1svh)*100);min-height:650px;position:sticky;top:0;overflow:hidden;isolation:isolate}.expansion-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;filter:blur(2px) saturate(.6);transform:scale(1.025)}.expansion-wash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(248,242,255,.78),rgba(248,242,255,.63) 70%,var(--paper));opacity:calc(1 - var(--expand))}.expansion-title{position:absolute;inset:0;text-align:center;pointer-events:none;z-index:4;font-size:clamp(46px,6.6vw,96px);line-height:1.05;letter-spacing:-.06em;color:var(--plum);opacity:calc(1 - var(--expand)*1.28)}.expansion-title>span,.expansion-title>em{position:absolute;left:0;width:100%;display:block}.expansion-title>span{top:19%;transform:translateX(calc(var(--expand)*-22vw))}.expansion-title>em{top:65%;transform:translateX(calc(var(--expand)*22vw))}.expansion-kicker{position:absolute;top:15%;left:0;width:100%;text-align:center;z-index:4;opacity:calc(1 - var(--expand)*1.5);font-size:10px;letter-spacing:.16em}.expansion-media{position:absolute;left:50%;top:calc(47% + var(--expand)*3%);transform:translate(-50%,-50%);width:calc(37% + var(--expand)*63%);height:calc(30% + var(--expand)*70%);border-radius:calc(18px - var(--expand)*18px);overflow:hidden;box-shadow:0 20px 65px #382b4720;background:var(--sage);z-index:3;will-change:width,height}.expansion-media>video,.expansion-media>img{width:100%;height:100%;object-fit:cover}.expansion-media-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent,#11182080);opacity:var(--expand)}.expanded-message{position:absolute;bottom:12%;left:6%;color:var(--cream);opacity:clamp(0,calc((var(--expand) - .5)*2),1);transform:translateY(calc((1 - var(--expand))*25px));pointer-events:none}.expanded-message .eyebrow{color:#f0e4f8}.expanded-message p{font-family:var(--serif);font-size:clamp(34px,4.6vw,67px);line-height:1.14;letter-spacing:-.04em}.expanded-message em{color:#e5d9f2}.expansion-bottom{position:absolute;top:79%;left:5%;width:90%;text-align:center;z-index:4;opacity:calc(1 - var(--expand)*1.5)}.expansion-bottom>p{font-size:13px;margin:auto}.expansion-bottom .actions{justify-content:center;margin:18px 0 12px}.expansion-bottom .note{font-size:9px}.expand-prompt{position:absolute;bottom:20px;right:5.5%;z-index:5;border:0;background:transparent;color:var(--plum);font-family:var(--mono);font-size:9px;display:flex;align-items:center;gap:12px;padding:13px 0}.expand-prompt svg{width:15px;height:15px;transform:rotate(90deg)}.expansion-hero[data-expanded=true] .expand-prompt{color:white}.expansion-hero[data-expanded=true] .expansion-bottom,.expansion-hero[data-expanded=true] .expansion-title{visibility:hidden}.page-intro{padding:65px 0 75px}.intro-media{transform:perspective(1000px) rotateY(-7deg) rotateZ(2deg);transition:transform .9s var(--ease),border-radius .9s}.intro-media:hover{transform:perspective(1000px) rotateY(0) rotateZ(0);border-radius:28px}.book-stage img{transition:transform .85s var(--ease)}.book-stage:hover img{transform:rotateY(-8deg) rotateZ(0)}
.works-wheel{position:relative;height:calc(var(--stable-vh,1svh)*220);--wheel-open:0;margin-top:10px}.wheel-pin{position:sticky;top:88px;min-height:620px;height:calc(calc(var(--stable-vh,1svh)*100) - 110px);max-height:900px;display:flex;flex-direction:column;justify-content:center;overflow:clip}.wheel-heading{text-align:center;z-index:2;pointer-events:none;margin-bottom:4px}.wheel-heading h2{font-size:clamp(34px,3.8vw,54px)}.wheel-heading .eyebrow{margin-bottom:8px}.wheel-instruction{font-family:var(--mono);font-size:8px;color:var(--muted);margin:12px auto 0}.wheel-viewport{position:relative;flex:1;min-height:310px;perspective:1100px;isolation:isolate;touch-action:pan-y;cursor:grab;user-select:none}.wheel-viewport:active{cursor:grabbing}.wheel-scene{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.wheel-centre{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(calc(1 - var(--wheel-open)*.12));text-align:center;opacity:calc(1 - var(--wheel-open)*1.5);width:55%;font-family:var(--serif);font-size:clamp(22px,3vw,39px);line-height:1.2;letter-spacing:-.04em}.wheel-centre em{display:block}.wheel-card{position:absolute;left:50%;top:50%;width:clamp(170px,23vw,285px);height:clamp(135px,17vw,220px);border:1px solid #ffffff95;padding:0;border-radius:9px;overflow:hidden;background:var(--stone);color:white;backface-visibility:hidden;box-shadow:0 15px 35px #382b4720;transition:transform .65s var(--ease),opacity .5s,border-color .4s;pointer-events:auto;transform-style:preserve-3d}.motion-enabled .works-wheel:not(:has(.wheel-selectors button:focus-visible)) .wheel-card{transition:transform .14s linear,opacity .25s,border-color .4s}.is-dragging .wheel-card{transition:none!important}.wheel-picture,.wheel-picture img,.wheel-picture video{width:100%;height:100%;object-fit:cover;pointer-events:none}.wheel-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#111820c0)}.wheel-card-title{position:absolute;z-index:1;bottom:16px;left:18px;right:18px;text-align:left;font-size:12px;letter-spacing:-.02em;line-height:1.4}.wheel-card[data-active=true]{border-color:#806694}.wheel-footer{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start;z-index:2;padding:0 14% 12px}.wheel-current{min-width:0;max-width:680px}.wheel-current .eyebrow{font-size:8px;margin-bottom:8px}.wheel-current h3{font-family:var(--serif);font-size:clamp(24px,2.7vw,37px);line-height:1.15}.wheel-description{font-size:11px;color:var(--muted);margin-top:10px;max-width:55ch;line-height:1.75}.wheel-description p{font-size:11px}.wheel-description .detail-row{margin-top:10px}.wheel-description .detail-row summary{font-size:11px}.wheel-current .text-link{margin-top:12px;font-size:10px}.wheel-current .text-link svg{width:15px;height:15px}.wheel-controls{display:flex;align-items:center;gap:17px;padding-top:12px}.round-control{border:1px solid var(--line);border-radius:50%;background:var(--cream);width:43px;height:43px;display:grid;place-items:center;transition:transform .3s,background .3s;flex-shrink:0}.round-control svg{width:17px;height:17px}.round-control:hover{background:var(--lilac);transform:scale(1.08)}.round-control:disabled{opacity:.35;cursor:default;transform:none}.wheel-count{display:flex;gap:6px;font-family:var(--mono);font-size:9px}.wheel-count>span:last-child{color:var(--muted)}.wheel-selectors{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;padding:8px 5px}.wheel-selectors button{border:1px solid var(--line);background:transparent;border-radius:20px;font-size:9px;padding:7px 12px;min-height:33px;transition:background .3s,color .3s}.wheel-selectors button[aria-pressed=true]{background:var(--plum);border-color:var(--plum);color:white}.wheel-note{font-size:8px;color:var(--muted);text-align:center;margin:7px auto 0}.compact-wheel{height:calc(var(--stable-vh,1svh)*185)}.compact-wheel .wheel-pin{max-height:850px}.works-wheel:has(.detail-row[open]) .wheel-pin{height:auto;min-height:calc(calc(var(--stable-vh,1svh)*100) - 110px)}
.scroll-timeline{position:relative;margin:75px 0 20px;background:var(--cream);border-radius:32px}.timeline-pin{position:sticky;top:88px;padding:45px 40px 28px;height:calc(calc(var(--stable-vh,1svh)*100) - 115px);min-height:550px;max-height:720px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border-radius:32px}.timeline-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.timeline-heading .eyebrow{font-size:9px;margin-bottom:12px}.timeline-heading h2{font-size:clamp(34px,3.5vw,49px)}.timeline-controls{display:flex;gap:14px;align-items:center}.timeline-count{font-family:var(--mono);font-size:9px;white-space:nowrap}.timeline-viewport{overflow:clip;flex:1;min-height:290px;position:relative}.timeline-track{position:relative;display:flex;list-style:none;margin:0;padding:0;gap:55px;height:100%;width:max-content;will-change:transform}.timeline-milestone{position:relative;width:300px;display:flex;flex-direction:column;justify-content:center;flex-shrink:0}.milestone-date{font-family:var(--serif);font-size:clamp(45px,5vw,72px);letter-spacing:-.055em;line-height:1;padding-bottom:28px;color:var(--plum);opacity:.4;transition:opacity .7s}.milestone-stem{position:relative;height:35px;border-top:1px solid var(--line);width:calc(100% + 55px);margin-bottom:25px}.milestone-stem:before{content:'';position:absolute;top:-5px;left:0;width:9px;height:9px;background:#bda6cf;border:2px solid var(--cream);border-radius:50%}.milestone-stem span{position:absolute;top:0;left:4px;width:1px;height:100%;background:var(--plum);transform:scaleY(0);transform-origin:top;transition:transform .7s var(--ease)}.milestone-copy{opacity:.2;transform:translateY(12px);transition:opacity .7s,transform .7s var(--ease)}.milestone-copy .eyebrow{font-size:8px;margin-bottom:14px}.milestone-copy h3{font-family:var(--serif);font-size:29px;letter-spacing:-.035em;line-height:1.18;margin-bottom:15px}.milestone-copy p{font-size:11px;max-width:31ch}.milestone-detail{display:block;margin-top:20px;font-family:var(--mono);font-size:8px;color:var(--muted)}.timeline-milestone.arrived .milestone-date{opacity:1}.timeline-milestone.arrived .milestone-stem span{transform:scaleY(1)}.timeline-milestone.arrived .milestone-copy{opacity:1;transform:none}.timeline-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:18px;margin-top:15px;font-size:9px;color:var(--muted)}.timeline-bottom .text-link{margin:0;white-space:nowrap;font-size:9px}.timeline-bottom svg{width:15px;height:15px}.native-timeline .timeline-pin{position:relative;top:0;height:auto;min-height:570px}.native-timeline .timeline-viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#bda6cf transparent}.native-timeline .timeline-track{transform:none!important;padding-bottom:20px;will-change:auto}.native-timeline .timeline-milestone{scroll-snap-align:start}.native-timeline .timeline-milestone:last-child{scroll-snap-align:end}
.pill{position:relative;overflow:hidden;transition:background .4s,transform .4s var(--ease),box-shadow .4s}.pill:before{content:'';position:absolute;inset:100% -10% -100%;border-radius:50%;background:#e5d9f225;transition:transform .65s var(--ease)}.pill:hover:before{transform:translateY(-100%)}.pill:hover{box-shadow:0 10px 22px #382b471c}.pill>svg{transition:transform .4s var(--ease)}.pill:hover>svg{transform:translate(3px,-3px)}.detail-row summary:after{transition:transform .45s var(--ease)}.detail-row[open] summary:after{transform:rotate(180deg)}
.motion-paused .works-wheel{height:auto}.motion-paused .wheel-pin{position:relative;top:0;height:auto;min-height:680px}.motion-paused .wheel-viewport{min-height:350px}.motion-paused .expansion-hero{height:calc(var(--stable-vh,1svh)*100)}.motion-paused .expansion-pin{position:relative}.motion-paused .intro-media{transform:none}.motion-paused #site-menu{clip-path:inset(0)}
@media(max-width:1000px){.nav-layout{gap:6%}.nav-link strong{font-size:47px}.nav-side>p{font-size:32px}.wheel-footer{padding:0 7% 12px}.wheel-card{width:230px;height:175px}.wheel-pin{min-height:650px}.timeline-pin{padding:35px 28px 25px}.timeline-track{gap:35px}.timeline-milestone{width:280px}.milestone-stem{width:calc(100% + 35px)}}
@media(max-width:760px){main{padding-top:83px}.site-header{padding:18px 6%;background:linear-gradient(180deg,#f8f2ffed,#f8f2ffbb 70%,transparent)}.header-right{gap:8px}.header-menu{width:42px;height:42px;padding:9px;justify-content:center}.header-menu>span{display:none}.header-menu .menu-glyph{width:21px;height:21px}.motion-control{width:29px;height:29px}.local-clock{font-size:9px}#greeting{font-size:10px}.clock-line{font-size:8px;gap:4px}.brand img{width:88px}.nav-shell{padding:22px 6% 25px}.nav-top{margin-bottom:25px}.nav-brand{font-size:22px}.nav-layout{display:flex;flex-direction:column;gap:28px;align-items:stretch}.nav-links{width:100%}.nav-link{padding:10px 0;gap:18px}.nav-link strong{font-size:clamp(34px,9vw,45px)}.nav-link svg{opacity:.6;width:20px;height:20px;transform:none}.nav-side>p{font-size:29px;margin-bottom:18px}.nav-visual{height:165px;border-radius:5px 45px 5px 5px}.nav-secondary{margin-top:22px;gap:12px 20px}.nav-secondary a{font-size:11px}.nav-bottom{flex-direction:column;margin-top:25px;padding-top:18px;font-size:10px}.nav-visual-label{font-size:8px}.expansion-hero{height:calc(var(--stable-vh,1svh)*170);margin-top:-83px}.expansion-pin{min-height:680px}.expansion-kicker{top:16%;font-size:8px;letter-spacing:.1em;padding:0 6%}.expansion-title{font-size:clamp(35px,9.7vw,68px)}.expansion-title>span{top:22%;padding:0 12px}.expansion-title>em{top:64%;padding:0 12px}.expansion-media{width:calc(77% + var(--expand)*23%);height:calc(27% + var(--expand)*73%);top:calc(45% + var(--expand)*5%)}.expansion-bottom{top:74%;left:6%;width:88%}.expansion-bottom>p{font-size:10px;max-width:30ch}.expansion-bottom .actions{margin:16px 0 11px;gap:10px;flex-direction:column}.expansion-bottom .pill{min-height:43px;font-size:10px;padding:11px 18px}.expansion-bottom .text-link{font-size:10px;padding:0;margin:0}.expansion-bottom .note{font-size:8px}.expand-prompt{font-size:8px;bottom:12px;right:6%}.expanded-message{left:7%;bottom:15%;right:7%}.expanded-message .eyebrow{font-size:8px}.expanded-message p{font-size:clamp(30px,8vw,48px)}.page-intro{padding:37px 0 50px}.works-wheel{height:calc(var(--stable-vh,1svh)*190)}.wheel-pin{top:83px;height:calc(calc(var(--stable-vh,1svh)*100) - 100px);min-height:640px;max-height:850px}.wheel-heading h2{font-size:34px}.wheel-heading .eyebrow{font-size:8px}.wheel-instruction{font-size:7px;margin-top:9px}.wheel-viewport{min-height:270px;perspective:800px}.wheel-card{width:clamp(150px,54vw,220px);height:clamp(126px,42vw,165px);border-radius:8px}.wheel-card-title{font-size:10px;bottom:12px;left:12px;right:12px}.wheel-centre{font-size:24px;width:62%}.wheel-footer{padding:0 3px 7px;gap:12px;grid-template-columns:1fr}.wheel-current h3{font-size:27px}.wheel-description{font-size:10px;margin-top:8px}.wheel-description p{font-size:10px}.wheel-controls{justify-content:flex-end;gap:15px;padding:0;margin-top:-42px;pointer-events:none}.wheel-controls>button{pointer-events:auto}.wheel-count{display:none}.wheel-current .text-link{max-width:calc(100% - 113px);margin-top:14px;min-height:38px;align-items:center;font-size:9px}.round-control{width:39px;height:39px}.wheel-selectors{gap:5px;padding-top:10px}.wheel-selectors button{font-size:8px;padding:7px 10px;min-height:31px}.wheel-note{font-size:7px;padding:0 4px;line-height:1.7}.compact-wheel{height:calc(var(--stable-vh,1svh)*175)}.works-wheel:has(.detail-row[open]) .wheel-pin{min-height:calc(calc(var(--stable-vh,1svh)*100) - 100px)}.scroll-timeline{margin:55px 0 10px;border-radius:25px}.timeline-pin{padding:30px 24px 23px;border-radius:25px}.timeline-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:18px}.timeline-heading h2{font-size:35px}.timeline-heading .eyebrow{font-size:8px}.timeline-controls{gap:14px;align-self:flex-end}.timeline-viewport{min-height:350px}.timeline-milestone{width:235px}.timeline-track{gap:28px}.milestone-date{font-size:55px}.milestone-stem{width:calc(100% + 28px)}.milestone-copy h3{font-size:29px}.milestone-copy p{font-size:11px}.timeline-bottom{flex-direction:column;align-items:flex-start;gap:11px;font-size:8px}.native-timeline .timeline-pin{min-height:650px}.motion-paused .wheel-pin{min-height:630px}.motion-paused .wheel-viewport{min-height:280px}.site-footer{padding-bottom:35px}}
@media(max-width:360px){.brand img{width:74px}.site-header{padding:17px 5%;gap:7px}.header-right{gap:6px}.local-clock{font-size:8px}#greeting{font-size:9px}.clock-line{font-size:7px;gap:3px}.motion-control{width:26px;height:26px}.header-menu{width:35px;height:35px;min-height:35px;padding:7px}.expansion-title{font-size:36px}.expansion-title>span{top:22%;padding:0 5px}.expansion-title>em{top:64%;padding:0 5px}.wheel-heading h2{font-size:29px}.wheel-current h3{font-size:25px}.wheel-selectors button{font-size:7px;padding:6px 9px}.wheel-card{width:155px;height:125px}.timeline-pin{padding:28px 20px}.timeline-milestone{width:220px}}
.menu-glyph .menu-line-a{transform-origin:12px 8px}.menu-glyph .menu-line-b{transform-origin:12px 16px}.expansion-kicker{justify-content:center}.nav-close:hover{background:#ffffff18;color:#fffcf8}.nav-top{position:sticky;top:0;background:#25212c;z-index:3;padding-bottom:12px}
:root[data-viewport-short~="650"] .expansion-pin{min-height:0}:root[data-viewport-short~="650"] .expansion-title{font-size:clamp(28px,5.2vw,62px)}:root[data-viewport-short~="650"] .expansion-kicker{display:none}:root[data-viewport-short~="650"] .expansion-title>span{top:25%}:root[data-viewport-short~="650"] .expansion-title>em{top:63%}:root[data-viewport-short~="650"] .expansion-media{top:calc(44% + var(--expand)*6%);height:calc(26% + var(--expand)*74%)}:root[data-viewport-short~="650"] .expansion-bottom{top:77%}:root[data-viewport-short~="650"] .expansion-bottom>p,:root[data-viewport-short~="650"] .expansion-bottom .note{display:none}:root[data-viewport-short~="650"] .expansion-bottom .actions{flex-direction:row;gap:16px;margin:0}:root[data-viewport-short~="650"] .expansion-bottom .pill{min-height:36px;font-size:9px;padding:9px 14px}:root[data-viewport-short~="650"] .expansion-bottom .text-link{font-size:9px}:root[data-viewport-short~="650"] .expand-prompt{bottom:6px;font-size:7px}:root[data-viewport-short~="650"] .expanded-message p{font-size:clamp(26px,4vw,45px)}
@media (max-width:600px){:root[data-viewport-short~="650"] .expansion-title{font-size:clamp(30px,9.7vw,48px)}:root[data-viewport-short~="650"] .expansion-bottom .actions{flex-direction:column;gap:9px}:root[data-viewport-short~="650"] .expansion-bottom .text-link{min-height:24px}:root[data-viewport-short~="650"] .expansion-bottom{top:75%}}
@media (min-width:601px){:root[data-viewport-short~="650"] .expansion-title{font-size:clamp(28px,8vh,62px)}:root[data-viewport-short~="650"] .expansion-media{top:calc(49% + var(--expand)*1%);height:calc(24% + var(--expand)*76%)}}
@media (min-width:601px){:root[data-viewport-short~="450"] .expansion-title{font-size:36px}:root[data-viewport-short~="450"] .expansion-media{top:calc(49% + var(--expand)*1%);height:calc(24% + var(--expand)*76%)}:root[data-viewport-short~="450"] .expansion-bottom{top:80%}:root[data-viewport-short~="450"] .expand-prompt{bottom:1px}}
:root[data-viewport-short~="350"] .expansion-hero{height:auto}:root[data-viewport-short~="350"] .expansion-pin{position:relative;height:450px}:root[data-viewport-short~="350"] .expansion-title{font-size:32px}
:root[data-viewport-short~="599"] .works-wheel,:root[data-viewport-short~="599"] .compact-wheel{height:auto}:root[data-viewport-short~="599"] .wheel-pin{position:relative;top:0;height:auto;min-height:680px}:root[data-viewport-short~="599"] .wheel-viewport{min-height:340px}:root[data-viewport-short~="599"] .wheel-instruction{font-size:0}:root[data-viewport-short~="599"] .wheel-instruction:after{content:'Swipe or use the arrows';font-size:8px}
.works-wheel:has(.detail-row[open]){height:auto}.works-wheel:has(.detail-row[open]) .wheel-pin{position:relative;top:0;height:auto}
@media(max-width:760px){.round-control{width:44px;height:44px}.wheel-selectors button{min-height:44px}.expansion-bottom .pill{min-height:44px}.motion-control:after{content:'';position:absolute;inset:-8px}.motion-control{position:relative}}
@media(prefers-reduced-motion:reduce){.expansion-hero{height:calc(var(--stable-vh,1svh)*100)}.expansion-pin{position:relative}.works-wheel{height:auto}.wheel-pin{position:relative;top:0;min-height:680px;height:auto}.wheel-viewport{min-height:350px}.immersive-nav{clip-path:inset(0)!important}.intro-media{transform:none}}

/* book-original.css */
/* Original WENAO book interaction, with responsive and semantic refinements in refinement.css. */
.author-book-stage {
  position: relative;
  min-height: calc(var(--stable-vh,1svh)*100);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 120px 24px 80px;
  overflow: clip;
  text-align: center;
}

.author-book-stage .hero-scene .scene-veil {
  background: linear-gradient(180deg, rgba(248, 243, 234, 0.94), rgba(248, 243, 234, 0.86) 50%, rgba(250, 247, 255, 0.96));
}

.book-stage-inner {
  position: relative;
  z-index: 2;
  width: min(880px, 100%);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.book-kicker {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 20px 0 40px;
  color: rgba(34, 26, 51, 0.55);
  font-family: var(--serif);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .3em;
  text-transform: uppercase;
}

.book-kicker::before,
.book-kicker::after {
  content: "";
  width: 44px;
  height: 1px;
  background: rgba(34, 26, 51, 0.25);
}

.book-float-zone {
  position: relative;
  perspective: 1600px;
  margin-bottom: 14px;
}

.book-orbit-pill {
  position: absolute;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 16px;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 10px 26px rgba(80, 58, 130, 0.1);
  color: rgba(34, 26, 51, 0.6);
  font-family: var(--serif);
  font-size: 10.5px;
  font-weight: 900;
  letter-spacing: .22em;
  text-transform: uppercase;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  animation: orbit-bob 7s ease-in-out infinite alternate;
}

.book-orbit-pill::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #c58a63;
}

.book-orbit-pill.p1 { left: -180px; top: 22%; }
.book-orbit-pill.p2 { right: -195px; top: 40%; animation-delay: -2.4s; }
.book-orbit-pill.p3 { left: -195px; bottom: 22%; animation-delay: -4.6s; }

@keyframes orbit-bob {
  from { transform: translateY(-7px); }
  to { transform: translateY(9px); }
}

.book-open-hint {
  margin: 22px 0 34px;
  color: rgba(34, 26, 51, 0.45);
  font-family: var(--serif);
  font-size: 10.5px;
  font-weight: 900;
  letter-spacing: .3em;
  text-transform: uppercase;
}

.book-open-hint::before { content: "\00B7\00A0\00A0"; color: #c58a63; }

.book-stage-title {
  margin: 0 0 14px;
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(38px, 5vw, 72px);
  line-height: 1.12;
  letter-spacing: .02em;
  background: linear-gradient(97deg, #1f5f56 8%, #3d7a6d 34%, #8a7a5e 52%, #c58a63 72%, #b06f45 94%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.book-stage-title .t-teal,
.book-stage-title .t-copper { color: inherit; -webkit-text-fill-color: inherit; }

.book-stage-rule {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 4px 0 30px;
}

.book-stage-rule::before { content: ""; width: 34px; height: 2px; background: #c58a63; }
.book-stage-rule::after { content: ""; width: 34px; height: 2px; background: #1f5f56; }
.book-stage-rule span { width: 5px; height: 5px; border-radius: 50%; background: #c58a63; }

/* 3D book object */

.book-object {
  position: relative;
  width: min(300px, 76vw);
  height: min(446px, 113vw);
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  transform-style: preserve-3d;
  animation: book-float 6.5s ease-in-out infinite alternate;
  transition: width 1.15s cubic-bezier(.3, .9, .3, 1);
  -webkit-tap-highlight-color: transparent;
}

.book-object[aria-pressed="true"] {
  width: min(680px, 94vw);
  animation-play-state: paused;
}

@keyframes book-float {
  from { transform: translateY(-9px); }
  to { transform: translateY(11px); }
}

.book-3d {
  position: absolute;
  inset: 0;
  display: block;
  transform-style: preserve-3d;
  transform: rotateY(-22deg) rotateX(4deg);
  transition: transform 1.1s var(--ease);
  filter: drop-shadow(0 40px 50px rgba(20, 10, 40, 0.32));
}

.book-object:hover .book-3d { transform: rotateY(-15deg) rotateX(3deg) translateY(-6px); }
.book-object[aria-pressed="true"] .book-3d { transform: none; filter: drop-shadow(0 30px 44px rgba(20, 10, 40, 0.28)); }

.book-front, .book-back, .book-pages, .book-spread { position: absolute; inset: 0; border-radius: 6px 12px 12px 6px; }

.book-front {
  overflow: hidden;
  background: linear-gradient(135deg, #2c4a42, #14312a);
  transform-origin: left center;
  transform: translateZ(8px);
  transition: transform 1.2s var(--ease) .12s, opacity .5s ease .12s;
  backface-visibility: hidden;
  z-index: 4;
}

.book-front img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* corner page curl on hover (closed book) */
.book-front::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  background:
    linear-gradient(315deg, rgba(0, 0, 0, 0.001) 46%, #ece4d4 47%, #fdfaf2 60%, #d9d0bd 100%);
  border-top-left-radius: 8px;
  box-shadow: -7px -7px 14px rgba(20, 20, 20, 0.28);
  transition: width .55s var(--ease), height .55s var(--ease);
}

.book-object[aria-pressed="false"]:hover .book-front::after,
.book-object[aria-pressed="false"]:focus-visible .book-front::after {
  width: 58px;
  height: 58px;
}

.book-object[aria-pressed="true"] .book-front {
  transform: translateZ(8px) rotateY(-180deg);
  opacity: 0;
  pointer-events: none;
  transition: transform 1.15s var(--ease), opacity .4s ease .75s;
}

.book-back { background: linear-gradient(135deg, #23403a, #122a24); transform: translateZ(-8px); }

.book-pages {
  background: repeating-linear-gradient(90deg, #f7f2e6 0 2px, #e9e1cf 2px 4px);
  transform: translateZ(0);
  border-radius: 4px 10px 10px 4px;
}

/* ---------- Opened spread (matches original site) ---------- */

.book-spread {
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
  transform: translateZ(6px);
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 30px 70px rgba(20, 20, 20, 0.22);
  transition: opacity .38s ease, visibility 0s linear .38s;
}

.book-object[aria-pressed="true"] .book-spread {
  opacity: 1;
  visibility: visible;
  transition: opacity .6s ease .4s, visibility 0s linear .4s;
}

.book-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: clamp(18px, 3vw, 34px) clamp(16px, 2.6vw, 30px);
  text-align: center;
}

.book-page.page-left {
  background: linear-gradient(150deg, #1d3b34, #122a24 70%);
  color: #f4efe3;
  border-radius: 6px 0 0 6px;
  box-shadow: inset -14px 0 26px rgba(0, 0, 0, 0.3);
}

.page-left .mini-cover {
  width: clamp(56px, 8vw, 84px);
  border-radius: 4px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45);
}

.book-page small {
  color: #cf8a63;
  font-family: var(--serif);
  font-size: 9.5px;
  font-weight: 900;
  letter-spacing: .32em;
  text-transform: uppercase;
}

.page-left strong {
  max-width: 20ch;
  color: #f4efe3;
  font-family: var(--serif);
  font-size: clamp(12px, 1.6vw, 16px);
  font-weight: 400;
  letter-spacing: .22em;
  line-height: 1.6;
  text-transform: uppercase;
}

.page-left .author {
  color: rgba(244, 239, 227, 0.55);
  font-family: var(--serif);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .3em;
  text-transform: uppercase;
}

.book-page.page-right {
  position: relative;
  align-items: flex-start;
  justify-content: flex-start;
  background:
    repeating-linear-gradient(180deg, transparent 0 27px, rgba(60, 50, 30, 0.07) 27px 28px),
    linear-gradient(160deg, #fdfaf1, #f4eee0);
  border-radius: 0 6px 6px 0;
  box-shadow: inset 12px 0 24px rgba(120, 100, 60, 0.12);
  color: #2c2a24;
  text-align: left;
}

.page-right .page-heading {
  align-self: stretch;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(197, 138, 99, 0.4);
}

.page-right p {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(11px, 1.35vw, 14.5px);
  line-height: 1.75;
  color: #37342c;
}

.page-right p.dropcap::first-letter {
  float: left;
  padding: 4px 8px 0 0;
  font-family: Georgia, serif;
  font-size: 3.1em;
  line-height: .78;
  color: #1d3b34;
}

.book-close {
  align-self: center;
  margin-top: auto;
  padding: 10px 22px;
  border: 1px solid rgba(197, 138, 99, 0.65);
  border-radius: 6px;
  background: transparent;
  color: #c58a63;
  font-family: var(--serif);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .28em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .3s ease, color .3s ease;
}

.book-close:hover { background: rgba(197, 138, 99, 0.12); }

.book-cover-fallback { display: none; }


/* refinement.css */
/* V3: contained photographic motion, tactile controls, rolling type, original book. */
.morph-gallery{margin:20px 0 50px;isolation:isolate}
.morph-heading{text-align:center;margin:0 auto 12px}.morph-heading .eyebrow{margin-bottom:10px}.morph-heading h2{font-size:clamp(32px,4vw,55px)}
.morph-scroll{height:calc(clamp(370px,calc(var(--stable-vh,1svh)*64),580px) + 430px);position:relative}
.morph-stage{position:sticky;top:100px;height:clamp(370px,calc(var(--stable-vh,1svh)*64),580px);width:100%;overflow:clip;isolation:isolate;border-radius:34px;background:radial-gradient(ellipse at 50% 50%,#fffaf48c,transparent 62%);touch-action:pan-y;--morph:0}
.morph-centre{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;pointer-events:none;z-index:3}
.morph-centre>.eyebrow{font-size:8px;margin:0}.morph-centre p{font-family:var(--serif);font-size:clamp(22px,3vw,40px);line-height:1.13;letter-spacing:-.04em;max-width:40%;color:var(--plum)}.morph-hint{font-family:var(--mono);font-size:8px;color:var(--muted);max-width:32%}
.morph-orbit{position:absolute;inset:0}.morph-card{position:absolute;left:50%;top:50%;width:clamp(80px,15vw,178px);height:clamp(65px,11vw,132px);padding:0;background:transparent;border:0;border-radius:10px;will-change:transform;cursor:pointer}
.morph-float{display:block;width:100%;height:100%;overflow:hidden;border:3px solid #fffcf8;border-radius:10px;background:var(--stone);box-shadow:0 12px 25px #382b471a;transition:box-shadow .4s,border-color .4s;animation:photo-drift var(--float-duration) ease-in-out var(--float-delay) infinite alternate;animation-play-state:paused}
.motion-enabled .morph-stage.is-in-view .morph-float{animation-play-state:running}.morph-card:nth-child(2n) .morph-float{animation-direction:alternate-reverse}.morph-float img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.morph-card:hover .morph-float,.morph-card:focus-visible .morph-float{box-shadow:0 17px 32px #382b4733;border-color:#ded0eb}.morph-card:hover img{transform:scale(1.06)}.morph-card[aria-pressed=true] .morph-float{border-color:#c8b5d9}
@keyframes photo-drift{from{transform:translate3d(-2px,-5px,0) rotate(-1.3deg)}to{transform:translate3d(3px,5px,0) rotate(1.3deg)}}
.morph-reading{position:relative;z-index:4;background:var(--paper);padding:24px 0 0;border-top:1px solid var(--line)}
.morph-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.morph-toolbar>.eyebrow{margin:0}.morph-controls{display:flex;align-items:center;gap:17px}.morph-count{font-family:var(--mono);font-size:10px;white-space:nowrap}
.morph-selectors{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px}.morph-selectors button{border:1px solid var(--line);border-radius:30px;min-height:44px;padding:10px 17px;background:#fffcf860;font-size:11px;transition:background .35s,color .35s,box-shadow .35s,transform .35s var(--ease)}.morph-selectors button[aria-pressed=true]{background:var(--plum);color:var(--cream);border-color:var(--plum)}
.morph-detail article{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(25px,5vw,65px);align-items:center;animation:detail-arrive .55s var(--ease)}.morph-detail article[hidden]{display:none}.morph-feature{height:clamp(210px,26vw,330px);border-radius:8px 45px 8px 8px;overflow:hidden;background:var(--sage)}.morph-feature img{width:100%;height:100%;object-fit:cover}.morph-copy .eyebrow{font-size:9px;margin-bottom:15px}.morph-copy h3{font-family:var(--serif);font-size:clamp(27px,3.1vw,42px);line-height:1.14}.morph-copy>p{font-size:13px;color:var(--muted);margin:18px 0;line-height:1.85}.morph-copy .text-link{margin-top:18px;min-height:44px}.morph-copy .detail-row{margin-top:15px}.morph-note{font-size:10px;color:var(--muted);margin-top:20px;max-width:none}
@keyframes detail-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* Soft raised surface rolls into a gentle inset press; the icon remains calm. */
.icon-button,.round-control,.header-menu,.social-links a{background:linear-gradient(145deg,#fffefa,#f5f0f5);border:1px solid #ffffffbc;box-shadow:inset 0 1px 1px #ffffffef,0 5px 10px #382b4710,0 1px 2px #382b4710;transition:transform .42s var(--ease),box-shadow .42s var(--ease),background .42s,color .3s}
.icon-button:hover,.round-control:hover,.header-menu:hover,.social-links a:hover{background:linear-gradient(145deg,#ffffff,#f2edf5);transform:translateY(-2px);box-shadow:inset 0 1px 1px white,0 9px 16px #382b4717,0 2px 4px #382b4710}
.icon-button svg,.round-control svg,.social-links svg{transition:transform .42s var(--ease);transform:none}.icon-button:hover svg,.round-control:hover svg,.social-links a:hover svg{transform:translateY(-1px)}
.icon-button:active,.round-control:active,.header-menu:active,.social-links a:active{transform:translateY(1px) scale(.96);box-shadow:inset 2px 3px 6px #382b471b,inset -2px -2px 5px #ffffffbd,0 1px 3px #382b470c}
.pill{background:linear-gradient(145deg,#54405f,#382b47);box-shadow:inset 0 1px 1px #ffffff30,0 8px 18px #382b471c;transition:transform .45s var(--ease),box-shadow .45s,background .45s}.pill:before{inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(ellipse at 50% 0,#bfa7d74a,transparent 72%);opacity:0;transform:none;transition:opacity .45s}.pill:hover:before{opacity:1;transform:none}.pill:hover{transform:translateY(-2px);box-shadow:inset 0 1px 1px #ffffff40,0 12px 25px #382b4729}.pill:hover>svg{transform:translate(2px,-2px)}.pill:active{transform:translateY(1px) scale(.975);box-shadow:inset 0 3px 7px #140d2760,0 2px 6px #382b4712}.pill.light{background:linear-gradient(145deg,#fffefa,#f0e9f1)}.pill.outline{background:transparent}.text-link:active svg{transform:translate(1px,-1px)}.morph-selectors button:active,.decision-tab:active,.filters button:active{transform:scale(.97)}
/* Three staggered strokes meet at the centre before crossing. */
.menu-glyph{width:24px;height:24px}.menu-glyph path{stroke-width:1.6;stroke-linecap:round;transform-box:view-box;transform-origin:12px 12px!important;transition:transform .58s cubic-bezier(.65,0,.2,1),opacity .22s .12s}
.menu-toggle[aria-expanded=true] .menu-line-a,.nav-close[aria-expanded=true] .menu-line-a{transform:translate(-3px,6px) rotate(45deg) scaleX(1.6)}
.menu-toggle[aria-expanded=true] .menu-line-b,.nav-close[aria-expanded=true] .menu-line-b{transform:scaleX(.15);opacity:0}
.menu-toggle[aria-expanded=true] .menu-line-c,.nav-close[aria-expanded=true] .menu-line-c{transform:translate(3px,-6px) rotate(-45deg) scaleX(1.6)}
/* The background wipes independently, so the toggle is visible for the whole morph. */
#site-menu.immersive-nav{background:transparent;clip-path:none;transition:none;isolation:isolate}
#site-menu:before{content:'';position:fixed;inset:0;z-index:-1;background:#25212c;transform:translateX(-100%);transition:transform .7s cubic-bezier(.76,0,.24,1)}#site-menu.is-open:before{transform:none}
.nav-top{background:transparent}.nav-brand{opacity:0;transition:opacity .5s .18s}.is-open .nav-brand{opacity:1}.nav-close{position:fixed;right:5.5%;top:22px;z-index:5;background:#f6eff8;color:var(--plum);padding:11px 19px;min-height:46px}.nav-close:hover{color:var(--plum);background:white}.menu-open .site-header .header-menu{visibility:hidden}.menu-open .site-header{background:none}.menu-open .site-header .brand,.menu-open .site-header .local-clock,.menu-open .site-header .motion-control{visibility:hidden}
.nav-link strong{display:flex;flex:none;white-space:nowrap;overflow:visible;letter-spacing:-.045em}.nav-link>svg{margin-left:auto}.roll-window{display:inline-block;height:1.22em;overflow:hidden;vertical-align:bottom;position:relative}.roll-window>span{display:block;height:1.22em;line-height:1.22;transform:translateY(0);transition:transform .65s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--letter)*23ms)}.nav-link:hover .roll-window>span,.nav-link:focus-visible .roll-window>span{transform:translateY(-100%)}.nav-link:hover,.nav-link:focus-visible{color:#f6effc}.nav-link:focus-visible{outline-offset:8px}
.nav-side{position:relative}.nav-visual{width:calc(60% - 5px);height:clamp(210px,29vh,300px);border-radius:12px;display:inline-block;vertical-align:top}.nav-companion{position:absolute;right:0;top:clamp(125px,14vw,166px);width:calc(40% - 10px);height:clamp(175px,24vh,260px);border-radius:12px;overflow:hidden;background:#43394d;transform:rotate(4deg)}.nav-companion img{width:100%;height:100%;object-fit:cover}.nav-visual-label{clear:both}.nav-bottom{opacity:0;transition:opacity .5s .25s}.is-open .nav-bottom{opacity:1}
/* Original hinged cover, original excerpt, readable responsive spread. */
.author-book-stage{padding:55px 24px 60px;overflow:clip;isolation:isolate;background:#f6f0e8}.book-atmosphere{position:absolute;inset:0;z-index:-1;opacity:.1}.book-atmosphere video{width:100%;height:100%;object-fit:cover}.book-availability{border:1px solid #c5b2c033;border-radius:30px;background:#fffcf899;padding:7px 18px;font-size:11px}.book-kicker{font-size:10px}.book-front{padding:0;border:0;text-align:inherit;cursor:pointer}.book-front:focus-visible{outline:3px solid #b79bcc;outline-offset:5px}.book-object .book-front img{max-width:none}.book-open-hint{margin-top:28px}.book-page.page-right p{max-width:none}.book-close{min-height:44px;font-size:10px;letter-spacing:.18em}.book-about{max-width:860px;margin:auto}.book-about p{margin:25px 0}.book-stage-title{font-size:clamp(35px,4.3vw,60px)}.book-orbit-pill{font-weight:400}
.motion-paused .morph-scroll{height:auto}.motion-paused .morph-stage{position:relative;top:0}.motion-paused #site-menu:before{transition:none;transform:none}.motion-paused .book-object,.motion-paused .book-orbit-pill,.motion-paused .morph-float{animation:none!important}
.book-object[aria-pressed=true] .book-spread{transition:opacity .6s ease .4s,visibility 0s}
.immersive-nav:not(.is-open) .nav-link{transition-delay:0s;transition-duration:.28s}
.immersive-nav:not(.is-open) .nav-side,.immersive-nav:not(.is-open) .nav-brand,.immersive-nav:not(.is-open) .nav-bottom{transition-delay:0s;transition-duration:.25s}
@media(max-width:1000px){.nav-link strong{font-size:clamp(32px,4.4vw,47px)}.nav-link{gap:15px}.nav-companion{top:140px}.book-orbit-pill.p1{left:-120px}.book-orbit-pill.p2{right:-125px}.book-orbit-pill.p3{left:-125px}}
@media(max-width:760px){.morph-scroll{height:calc(410px + 280px)}.morph-stage{height:410px;top:83px;border-radius:24px}.morph-centre p{font-size:clamp(20px,5.5vw,30px);max-width:48%}.morph-centre>.eyebrow{font-size:7px}.morph-hint{font-size:7px;max-width:43%}.morph-card{width:clamp(62px,22vw,115px);height:clamp(52px,17vw,90px)}.morph-float{border-width:2px;border-radius:7px}.morph-reading{padding-top:18px}.morph-toolbar>.eyebrow{font-size:8px}.morph-controls{gap:11px}.morph-count{font-size:9px}.morph-selectors{margin:17px 0 23px;gap:6px}.morph-selectors button{font-size:10px;padding:8px 13px;flex-grow:1}.morph-detail article{grid-template-columns:1fr;gap:24px}.morph-feature{height:230px;border-radius:8px 35px 8px 8px}.morph-copy h3{font-size:30px}.morph-note{font-size:9px}.header-menu,.nav-close{width:44px;height:44px;padding:10px;min-height:44px;justify-content:center}.nav-close{right:6%;top:18px}.nav-close>span{display:none}.nav-link strong{font-size:clamp(29px,8vw,43px)}.nav-top{position:relative}.nav-visual{height:185px}.nav-companion{height:155px;top:90px}.nav-side>p{font-size:27px;max-width:none}.book-orbit-pill{display:none}.author-book-stage{padding:35px 18px 45px}.book-kicker{font-size:8px;letter-spacing:.2em}.book-object[aria-pressed=true]{width:min(680px,91vw)}.book-stage-title{font-size:36px}.book-page.page-right p{font-size:13px}.book-page{padding:20px 18px}.book-close{padding:9px 12px;font-size:9px}.book-stage-inner .actions{flex-direction:column;gap:12px}.nav-shell{padding-top:22px}}
@media(max-width:560px){.book-object[aria-pressed=true]{height:600px}.book-spread{grid-template-columns:1fr;grid-template-rows:175px 1fr}.book-page.page-left{flex-direction:row;flex-wrap:wrap;padding:20px;gap:10px 16px;border-radius:6px 6px 0 0}.page-left .mini-cover{width:60px;grid-row:span 3}.page-left strong{font-size:11px;letter-spacing:.1em;max-width:23ch}.page-left small{font-size:8px;letter-spacing:.16em}.page-left .author{font-size:8px;letter-spacing:.1em}.book-page.page-right{border-radius:0 0 6px 6px;padding:22px;gap:16px}.book-page.page-right p{font-size:14px;line-height:1.75}.book-object{transition:width 1.15s cubic-bezier(.3,.9,.3,1),height 1.15s var(--ease)}.morph-stage{height:370px}.morph-scroll{height:650px}.morph-centre p{font-size:21px;max-width:50%}.morph-centre .eyebrow{display:none}.morph-hint{max-width:42%;font-size:6px}.morph-heading h2{font-size:32px}.morph-heading .eyebrow{font-size:9px}}
:root[data-viewport-short~="600"] .morph-scroll{height:auto}:root[data-viewport-short~="600"] .morph-stage{position:relative;top:0;height:420px}:root[data-viewport-short~="600"] .nav-layout{align-items:start}:root[data-viewport-short~="600"] .nav-top{margin-bottom:15px}:root[data-viewport-short~="600"] .nav-link strong{font-size:35px}
@media(prefers-reduced-motion:reduce){.morph-scroll{height:auto}.morph-stage{position:relative;top:0}.morph-float,.book-object,.book-orbit-pill{animation:none!important}.roll-window>span,.menu-glyph path,.pill,.icon-button,.round-control,#site-menu:before,.book-3d,.book-front,.book-object,.book-spread{transition:none!important}.morph-detail article{animation:none}}
@media(max-width:560px){.morph-card{width:clamp(54px,18vw,90px);height:clamp(46px,14vw,70px)}}
@media(max-width:360px){.morph-centre p{font-size:18px}.morph-hint{font-size:6px}.morph-stage{height:350px}.morph-scroll{height:610px}}
@media(max-width:560px){.book-page.page-left{display:grid;grid-template-columns:60px minmax(0,1fr);grid-template-rows:auto auto auto;gap:5px 16px;align-content:center;justify-items:center}.page-left .mini-cover{grid-column:1;grid-row:1 / 4}.page-left small{grid-column:2;grid-row:1}.page-left strong{grid-column:2;grid-row:2}.page-left .author{grid-column:2;grid-row:3}}
@media(max-width:360px){.book-object[aria-pressed=true]{height:650px}}
/* V4: full-site orientation and visible, scroll-driven progression. */
.page-breadcrumb{display:flex;align-items:center;gap:12px;padding-top:20px;color:var(--muted);font-size:11px;flex-wrap:wrap}
.page-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:var(--plum);text-decoration:underline;text-underline-offset:4px}
.page-breadcrumb+.page-intro{padding-top:30px}
.nav-link{padding:8px 0}.nav-link strong{font-size:clamp(30px,4.2vw,56px)}
.morph-scroll{height:calc(clamp(370px,calc(var(--stable-vh,1svh)*64),580px) + 700px)}
.morph-stage:after{content:'';position:absolute;left:10%;right:10%;bottom:15px;height:2px;border-radius:3px;background:linear-gradient(to right,#a48ab9 calc(var(--morph)*100%),#382b4714 0);pointer-events:none}
.morph-heading:after{content:'Scroll to gather the photographs and explore each perspective';display:block;margin:14px auto 0;color:var(--muted);font-family:var(--mono);font-size:9px;line-height:1.6;max-width:90%}
.morph-hint{min-height:2.6em;line-height:1.6;font-size:9px}.morph-card[aria-pressed=true] .morph-float{box-shadow:0 12px 28px #382b4726;border-color:#b79bcc}
.timeline-pin:after{content:'';height:2px;flex-shrink:0;margin-top:17px;background:linear-gradient(to right,#a48ab9 calc(var(--timeline-progress)*100%),#382b4714 0);border-radius:3px}
.milestone-copy{opacity:.5}.timeline-viewport{touch-action:pan-y}
.native-timeline .timeline-viewport{touch-action:pan-x pan-y}
@media(max-width:760px){
  .nav-link strong{font-size:clamp(29px,8vw,43px)}
  .morph-scroll{height:860px}.morph-heading:after{font-size:8px}.morph-hint{font-size:7px;max-width:44%}
  .scroll-timeline:not(.native-timeline) .timeline-pin{top:83px;height:calc(calc(var(--stable-vh,1svh)*100) - 100px);min-height:600px;max-height:720px;padding:23px 22px 18px}
  .timeline-heading{gap:12px;margin-bottom:12px}.timeline-heading h2{font-size:32px}.timeline-heading .eyebrow{margin-bottom:9px;font-size:7px}
  .timeline-viewport{min-height:265px}.milestone-date{font-size:49px;padding-bottom:20px}.milestone-stem{height:24px;margin-bottom:20px}.milestone-copy h3{font-size:27px;margin-bottom:11px}.milestone-detail{margin-top:15px}
  .timeline-bottom{padding-top:12px;margin-top:9px;gap:6px;line-height:1.5}.timeline-pin:after{margin-top:12px}
}
@media(max-width:560px){.morph-scroll{height:820px}.morph-centre .eyebrow{display:block;font-size:6px;max-width:44%;line-height:1.5}.morph-hint{font-size:6px;max-width:43%}.morph-centre{gap:10px}}
@media(max-width:360px){.morph-scroll{height:800px}.timeline-heading h2{font-size:29px}.timeline-pin{padding-left:20px;padding-right:20px}}
:root[data-viewport-short~="600"] .morph-scroll{height:auto}
.motion-paused .morph-scroll{height:auto}
@media(prefers-reduced-motion:reduce){.morph-scroll{height:auto}}

/* polish.css */
/* V5: a coherent motion system, readable detail and quieter materials. */
:root{--interaction:cubic-bezier(.22,.8,.22,1);--muted:#665c6e}
html{scroll-padding-top:110px}::selection{background:#d7c4e8;color:#302438}
.site-header{isolation:isolate}.site-header:before{content:'';position:absolute;inset:0;z-index:-1;background:#f8f2ffe8;border-bottom:1px solid #382b470c;backdrop-filter:blur(18px);opacity:0;transition:opacity .35s}
.site-header[data-scrolled=true]:before{opacity:1}.menu-open .site-header:before{opacity:0}
.expansion-bottom>p{font-size:14px}.expansion-bottom .note{font-size:10px}.expand-prompt{font-size:10px;min-height:44px}
.motion-enabled:not(.menu-open) .expansion-hero:has(video[data-in-view=true]) .expansion-background{animation:scene-breathe 22s ease-in-out infinite alternate}
@keyframes scene-breathe{from{transform:scale(1.025) translate3d(-.4%,0,0)}to{transform:scale(1.055) translate3d(.4%,.3%,0)}}
.pill,.text-link,.round-control,.icon-button,.header-menu{touch-action:manipulation}
.round-control,.icon-button,.header-menu,.social-links a{box-shadow:inset 0 1px 0 #ffffff,0 4px 6px #382b4707,0 9px 22px #382b4710;transition:transform .38s var(--interaction),box-shadow .38s var(--interaction),background .3s,color .3s}
.round-control:hover:not(:disabled),.icon-button:hover,.header-menu:hover,.social-links a:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 white,0 7px 10px #382b470a,0 16px 27px #382b471a}
.round-control:active:not(:disabled),.icon-button:active,.header-menu:active,.social-links a:active{transform:translateY(1px) scale(.94);box-shadow:inset 2px 3px 6px #382b4720,inset -2px -2px 4px white}
.round-control:disabled{box-shadow:none;opacity:.32}.round-control:disabled:hover svg{transform:none}
.round-control[data-gallery-next]:hover svg,.round-control[data-time-next]:hover svg{transform:translateX(2px)}
.round-control[data-gallery-prev]:hover svg,.round-control[data-time-prev]:hover svg{transform:translateX(-2px)}
.pill svg{transition:transform .4s var(--interaction)}.pill:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff40,0 14px 27px #382b472a}.pill:active{transform:translateY(1px) scale(.975)}
.header-menu .menu-glyph path{transform-box:view-box;transform-origin:12px 12px!important;transition:transform .58s cubic-bezier(.65,0,.2,1),opacity .22s .1s;stroke-width:1.65}
.header-menu[aria-expanded=false] .menu-glyph .menu-line-a{transform:translate(3px,-6px) rotate(0deg) scaleX(.625)}
.header-menu[aria-expanded=false] .menu-glyph .menu-line-b{transform:translate(0,0) rotate(0deg) scaleX(1);opacity:1}
.header-menu[aria-expanded=false] .menu-glyph .menu-line-c{transform:translate(-3px,6px) rotate(0deg) scaleX(.625)}
.header-menu[aria-expanded=true] .menu-glyph .menu-line-a{transform:translate(0,0) rotate(45deg) scaleX(1.1)}
.header-menu[aria-expanded=true] .menu-glyph .menu-line-b{transform:translate(0,0) rotate(0deg) scaleX(.1);opacity:0}
.header-menu[aria-expanded=true] .menu-glyph .menu-line-c{transform:translate(0,0) rotate(-45deg) scaleX(1.1)}
.nav-close{width:106px;justify-content:space-between}.nav-link>span:first-child{font-size:11px}.nav-secondary a{padding:6px 0;min-height:36px;display:flex;align-items:center}.nav-secondary a[aria-current=page]{color:#fff}
.nav-link strong{letter-spacing:-.045em}.roll-window>span{transition-duration:.62s;transition-delay:calc(var(--letter)*18ms)}
.nav-visual,.nav-companion{border:1px solid #ffffff18;box-shadow:0 20px 45px #0002}.nav-visual-label{font-size:10px;margin-top:16px}.nav-secondary{margin-top:24px}
.morph-heading{margin-bottom:0}.morph-heading:after{font-size:10px;max-width:42ch;margin-top:16px;letter-spacing:.02em}
.morph-scroll{height:calc(clamp(480px,calc(var(--stable-vh,1svh)*72),680px) + 650px)}
.morph-stage{height:clamp(480px,calc(var(--stable-vh,1svh)*72),680px);background:radial-gradient(ellipse at 50% 50%,#fffaf489,transparent 65%);cursor:grab;contain:paint}
.morph-stage.is-dragging{cursor:grabbing}.morph-card{width:clamp(88px,12vw,145px);height:clamp(74px,9.8vw,118px);will-change:auto}
.morph-stage.is-in-view .morph-card{will-change:transform}.morph-float{border-radius:11px;box-shadow:0 7px 10px #382b4708,0 15px 30px #382b4715}
.morph-centre{gap:14px}.morph-centre p{font-size:clamp(27px,3.2vw,44px);max-width:40%;line-height:1.18;letter-spacing:-.045em}.morph-centre>.eyebrow{font-size:10px;letter-spacing:.15em}.morph-hint{font-size:11px;width:38%;max-width:38%;height:36px;min-height:36px;display:flex;justify-content:center;align-items:center;line-height:1.6}
.morph-card[aria-pressed=true] .morph-float{border-color:#b89bc9;box-shadow:0 10px 26px #6f4b8425}.morph-card img{user-select:none;-webkit-user-drag:none}.morph-card:focus-visible{outline-offset:6px}
.morph-stage:before{content:'';position:absolute;left:18%;right:18%;bottom:16px;height:1px;background:#382b4718;pointer-events:none}
.morph-stage:after{left:18%;right:18%;bottom:16px;background:#a386b5;transform:scaleX(var(--morph));transform-origin:left;height:2px}
.morph-toolbar>.eyebrow,.morph-count{font-size:11px}.morph-selectors button{font-size:12px;padding:11px 19px}.morph-copy>p{font-size:15px;line-height:1.8}.morph-copy .eyebrow{font-size:10px}.morph-note{font-size:11px;line-height:1.7}.morph-reading{padding-top:27px}.morph-feature{height:clamp(240px,28vw,360px)}
.timeline-heading .eyebrow{font-size:10px}.timeline-count{font-size:11px}.milestone-copy p{font-size:14px;line-height:1.8;max-width:29ch}.milestone-copy .eyebrow,.milestone-detail{font-size:10px;line-height:1.65}.milestone-copy{opacity:.62}.milestone-date{opacity:.58}.timeline-bottom,.timeline-bottom .text-link{font-size:11px}.timeline-bottom>span{max-width:43ch}.timeline-viewport{scrollbar-width:thin}
.timeline-markers{display:flex;align-items:center;gap:7px}.timeline-markers button{width:25px;min-height:28px;padding:10px 0;border:0;background:transparent;display:grid;place-items:center}.timeline-markers button:before{content:'';display:block;width:7px;height:7px;border-radius:50%;background:#c9b8d3;transition:transform .35s,background .35s}.timeline-markers button[aria-current=step]:before{background:#7c588f;transform:scale(1.45)}
.footer-email{overflow-wrap:anywhere}.page-breadcrumb{font-size:12px}.detail-row summary{min-height:48px;display:flex;align-items:center;justify-content:space-between}
.menu-open .morph-float,.menu-open .book-object,.menu-open .book-orbit-pill{animation-play-state:paused!important}
@media(max-width:1000px){.morph-centre p{font-size:32px}.timeline-bottom{gap:18px}}
@media(max-width:760px){
 html{scroll-padding-top:95px}.header-menu,.nav-close{width:44px;min-height:44px;justify-content:center}.local-clock{font-size:10px}#greeting{font-size:11px}.clock-line{font-size:8px}.brand img{width:88px}.header-right{gap:10px}
 .expansion-bottom>p{font-size:11px}.expansion-bottom .note{font-size:9px}.expand-prompt{font-size:9px}
 .nav-secondary a{min-height:44px;font-size:12px}.nav-top{padding-bottom:17px}.nav-link{min-height:55px}.nav-link strong{font-size:clamp(28px,7.8vw,42px)}.nav-bottom{font-size:11px}.nav-visual-label{font-size:10px}
 .morph-scroll{height:calc(clamp(430px,calc(var(--stable-vh,1svh)*62),520px) + 400px)}.morph-stage{height:clamp(430px,calc(var(--stable-vh,1svh)*62),520px);top:88px;border-radius:22px}.morph-card{width:clamp(48px,14vw,84px);height:clamp(44px,12vw,72px)}.morph-card:nth-child(n+9){display:none}
 .morph-heading:after{font-size:9px}.morph-centre p{font-size:clamp(18px,4.8vw,27px);max-width:45%}.morph-centre>.eyebrow{font-size:8px;max-width:44%;line-height:1.5}.morph-centre{gap:11px}.morph-hint{font-size:9px;width:44%;max-width:44%;height:38px;min-height:38px}.morph-float{border-width:2px}.morph-selectors{gap:7px}.morph-selectors button{font-size:11px;padding:10px 13px}.morph-toolbar>.eyebrow,.morph-count{font-size:10px}.morph-feature{height:250px}.morph-copy>p{font-size:14px}.morph-note{font-size:10px}
 .scroll-timeline:not(.native-timeline) .timeline-pin{padding:25px 22px 19px}.timeline-heading h2{font-size:31px}.timeline-heading .eyebrow{font-size:8px}.timeline-controls{gap:12px}.timeline-markers{gap:1px}.timeline-markers button{width:17px;min-height:32px}.timeline-count{font-size:10px}.milestone-copy h3{font-size:27px}.milestone-copy p{font-size:13px;line-height:1.7}.milestone-copy .eyebrow,.milestone-detail{font-size:9px}.timeline-bottom,.timeline-bottom .text-link{font-size:10px}.timeline-viewport{min-height:300px}.timeline-heading{gap:13px}
}
@media(max-width:360px){.brand img{width:68px}.header-right{gap:7px}.local-clock{font-size:9px}#greeting{font-size:10px}.clock-line{font-size:7px}.morph-centre p{font-size:18px}.morph-hint{font-size:8px}.morph-centre>.eyebrow{font-size:7px}.timeline-heading h2{font-size:28px}.timeline-markers{display:none}.timeline-pin{padding-inline:18px}.morph-selectors button{font-size:10px}}
@media (min-width:761px){:root[data-viewport-short~="700"] .timeline-viewport{min-height:310px}:root[data-viewport-short~="700"] .native-timeline .timeline-pin{min-height:660px}}
:root[data-viewport-short~="600"] .morph-scroll{height:auto}:root[data-viewport-short~="600"] .morph-stage{position:relative;top:0;height:440px}
.motion-paused .morph-scroll{height:auto}.motion-paused .morph-stage{position:relative;top:0}.motion-paused .expansion-background{animation:none!important}
@media(prefers-reduced-motion:reduce){.morph-scroll{height:auto}.morph-stage{position:relative;top:0}.expansion-background{animation:none!important}.morph-float,.book-object{animation:none!important}.header-menu .menu-glyph path,.roll-window>span{transition:none!important}}
@media(hover:none){.round-control:hover:not(:disabled),.icon-button:hover,.header-menu:hover,.social-links a:hover,.pill:hover{transform:none}.morph-card:hover img{transform:none}}
.nav-close{top:var(--toggle-top,22px);left:var(--toggle-left,auto);right:auto;width:var(--toggle-width,106px);height:var(--toggle-height,48px)}.nav-close:hover{transform:none}
#main:focus{outline:none}.timeline-milestone:last-child .milestone-stem{width:100%}.timeline-viewport:focus-visible,.morph-stage:focus-visible{outline:2px solid #9d7caf;outline-offset:6px;border-radius:12px}

/* reference-motion.css */
/* V6: dense photographic coil, persistent menu glyph, soft keys, purple light. */
.morph-scroll{height:calc(clamp(520px,calc(var(--stable-vh,1svh)*78),740px) + 780px)}
.morph-stage{height:clamp(520px,calc(var(--stable-vh,1svh)*78),740px);background:transparent;border-radius:0;--morph:0}
.morph-card{width:clamp(46px,5.3vw,72px);height:clamp(46px,5.3vw,72px);border-radius:9px}
.morph-card:nth-child(n){display:block}.morph-float{border:0;border-radius:9px;animation:none!important;box-shadow:0 3px 8px #382b4712}
.morph-card[aria-pressed=true] .morph-float{border:0}.morph-card:hover .morph-float,.morph-card:focus-visible .morph-float{box-shadow:0 8px 20px #382b4730;outline:2px solid #b79bcc;outline-offset:3px}
.morph-centre{gap:12px;opacity:calc(.24 + var(--morph)*.95)}
.morph-centre p{font-size:clamp(22px,2.5vw,34px);max-width:34%;line-height:1.18}.morph-centre>.eyebrow{font-size:8px;max-width:32%}.morph-hint{max-width:30%;font-size:9px;width:auto;min-height:0;height:auto}
.morph-stage:after{opacity:.5}.morph-heading:after{content:'Scroll to unfold the whole picture';font-size:10px}
.site-header{z-index:140;pointer-events:none}.site-header a,.site-header button{pointer-events:auto}
.menu-open .site-header .header-menu{visibility:visible}.menu-open .site-header{background:none}
.header-menu.menu-toggle{min-width:106px;transform:none!important;position:relative;z-index:141}
.menu-glyph{flex:none;overflow:visible}.header-menu .menu-glyph path{transition:none;stroke-width:2;stroke-linecap:round;transform-origin:12px 12px!important}
.menu-toggle.has-morphed[aria-expanded=true] .menu-line-a{animation:stroke-a-open .54s cubic-bezier(.65,0,.25,1) both}
.menu-toggle.has-morphed[aria-expanded=true] .menu-line-b{animation:stroke-b-open .4s ease both}
.menu-toggle.has-morphed[aria-expanded=true] .menu-line-c{animation:stroke-c-open .54s cubic-bezier(.65,0,.25,1) both}
.menu-toggle.has-morphed[aria-expanded=false] .menu-line-a{animation:stroke-a-close .54s cubic-bezier(.65,0,.25,1) both}
.menu-toggle.has-morphed[aria-expanded=false] .menu-line-b{animation:stroke-b-close .5s ease both}
.menu-toggle.has-morphed[aria-expanded=false] .menu-line-c{animation:stroke-c-close .54s cubic-bezier(.65,0,.25,1) both}
@keyframes stroke-a-open{0%{transform:translate(3px,-6px) scaleX(.625)}42%{transform:translate(0,0) scaleX(.625)}100%{transform:rotate(45deg) scaleX(1)}}
@keyframes stroke-c-open{0%{transform:translate(-3px,6px) scaleX(.625)}42%{transform:translate(0,0) scaleX(.625)}100%{transform:rotate(-45deg) scaleX(1)}}
@keyframes stroke-b-open{0%{transform:scaleX(1);opacity:1}60%,100%{transform:scaleX(0);opacity:0}}
@keyframes stroke-a-close{0%{transform:rotate(45deg)}45%{transform:rotate(0) scaleX(.625)}100%{transform:translate(3px,-6px) scaleX(.625)}}
@keyframes stroke-c-close{0%{transform:rotate(-45deg)}45%{transform:rotate(0) scaleX(.625)}100%{transform:translate(-3px,6px) scaleX(.625)}}
@keyframes stroke-b-close{0%,40%{transform:scaleX(0);opacity:0}100%{transform:scaleX(1);opacity:1}}
.round-control,.icon-button,.header-menu,.social-links a{background:#fcf9ff;color:#786a86;border:1px solid #fff;box-shadow:0 2px 3px #382b4707,0 5px 8px #382b4712,0 12px 18px #382b4708,inset 0 1px 1px white;transition:transform .24s ease,box-shadow .24s ease,color .24s ease,background .24s ease}
.round-control:hover:not(:disabled),.icon-button:hover,.header-menu:hover,.social-links a:hover{transform:translateY(-1px);background:#fffaff;color:#583679;box-shadow:0 2px 3px #382b4706,0 4px 7px #382b4710,inset 2px 2px 5px #8d6ca21a,inset -2px -2px 5px white}
.round-control:active:not(:disabled),.icon-button:active,.header-menu:active,.social-links a:active{transform:translateY(1px) scale(.96);box-shadow:inset 3px 3px 6px #8d6ca22b,inset -3px -3px 6px white}
.round-control:hover svg,.icon-button:hover svg,.social-links a:hover svg{transform:none!important}
.morph-selectors button,.filters button,.decision-tab,.service-selector button,.method-index button{transition:background .3s,color .3s,box-shadow .3s,transform .3s}
.morph-selectors button:hover,.filters button:hover,.decision-tab:hover,.service-selector button:hover,.method-index button:hover{box-shadow:inset 2px 2px 5px #8d6ca217,inset -2px -2px 5px #fff9}
.pill:not(.light):not(.outline){position:relative;isolation:isolate;overflow:hidden;background:#271735;border:1px solid #8a60b03b;color:#fff;box-shadow:0 4px 14px #382b4719;transform:none;transition:box-shadow .4s,border-color .4s,transform .18s}
.pill:not(.light):not(.outline):before{content:'';position:absolute;inset:-250%;z-index:-2;border-radius:0;background:conic-gradient(from 0deg,transparent 0deg,#6830b3 70deg,#d8b5ff 100deg,#6b2fb7 125deg,transparent 170deg,transparent 260deg,#a770ed 300deg,transparent 340deg);opacity:.45;transform:rotate(0);animation:purple-rim 3s linear infinite;animation-play-state:paused;transition:opacity .45s}
.pill:not(.light):not(.outline):after{content:'';position:absolute;inset:1px;border-radius:inherit;z-index:-1;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,100%),#6d32b85c,transparent 65%),#271735;transition:background .35s}
.pill:not(.light):not(.outline):is(:hover,:focus-visible){transform:none;border-color:#b68bd14d;box-shadow:0 0 18px #904cda26,0 6px 20px #382b471c}
.pill:not(.light):not(.outline):is(:hover,:focus-visible):before{opacity:1;animation-play-state:running}
.pill:not(.light):not(.outline):is(:hover,:focus-visible):after{background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,100%),#8b3ce996,transparent 72%),#271735}
.pill:not(.light):not(.outline):active{transform:scale(.98);box-shadow:0 0 10px #904cda20}
.pill:hover>svg{transform:translate(1px,-1px)}
@keyframes purple-rim{to{transform:rotate(360deg)}}
@media(max-width:760px){.header-menu.menu-toggle{min-width:44px;width:44px}.morph-scroll{height:calc(clamp(410px,calc(var(--stable-vh,1svh)*60),500px) + 560px)}.morph-stage{height:clamp(410px,calc(var(--stable-vh,1svh)*60),500px);top:92px}.morph-card{width:clamp(30px,8.5vw,40px);height:clamp(30px,8.5vw,40px)}.morph-centre p{font-size:clamp(17px,4.5vw,23px);max-width:42%}.morph-centre>.eyebrow{font-size:7px;max-width:36%}.morph-hint{font-size:7px;max-width:38%;height:28px}.morph-float{border-radius:6px}}
:root[data-viewport-short~="600"] .morph-scroll{height:auto}:root[data-viewport-short~="600"] .morph-stage{position:relative;top:0;height:440px}
.motion-paused .morph-scroll{height:auto}.motion-paused .morph-stage{position:relative;top:0}.motion-paused .pill:before,.motion-paused .menu-glyph path{animation:none!important}.motion-paused .morph-centre{opacity:1}
@media(prefers-reduced-motion:reduce){.pill:before,.menu-glyph path{animation:none!important}.morph-centre{opacity:1}.morph-scroll{height:auto}.morph-stage{position:relative;top:0}}
@media(hover:none){.round-control:hover:not(:disabled),.icon-button:hover,.social-links a:hover{transform:none}.pill:not(.light):not(.outline):before{animation:none}.morph-card{min-width:30px;min-height:30px}}

/* gallery-sections.css */
/* Two image experiences: perspective photography and a refractive editorial list. */
.g7-gallery{margin:24px 0 65px;isolation:isolate}.g7-heading{text-align:center;margin:0 auto 34px;max-width:800px}.g7-heading .eyebrow{margin-bottom:12px}.g7-heading h2{font-size:clamp(30px,4vw,52px)}
.g7-stage{position:relative;isolation:isolate;overflow:clip;border-radius:26px;touch-action:pan-y}.g7-stage:focus-visible{outline:2px solid #9571b2;outline-offset:5px}.depth-stage{height:clamp(500px,calc(var(--stable-vh,1svh)*75),700px);background:#fbf7ff}
.depth-world{position:absolute;inset:0;perspective:800px;perspective-origin:50% 45%;overflow:hidden;transform-style:preserve-3d;z-index:0}.depth-photo{position:absolute;left:50%;top:45%;width:clamp(145px,18vw,240px);height:clamp(180px,23vw,290px);border:0;padding:0;background:var(--lilac);border-radius:3px;backface-visibility:hidden;box-shadow:0 12px 35px #382b4712;will-change:transform,opacity}.depth-photo:nth-child(3n){height:clamp(130px,16vw,210px)}.depth-photo img{width:100%;height:100%;object-fit:cover}.depth-photo:hover{outline:2px solid #b892d5;outline-offset:5px}
.depth-title{position:absolute;inset:25% 12% 25%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:none;z-index:2}.depth-title:before{content:'';position:absolute;inset:10% 6%;z-index:-1;background:radial-gradient(ellipse,#fbf7fff0 15%,#fbf7ffc9 38%,#fbf7ff00 72%);filter:blur(18px)}.depth-title .eyebrow{font-size:9px;margin-bottom:20px;color:#796786}.depth-title p{font-family:var(--serif);font-size:clamp(38px,5vw,68px);line-height:1.07;letter-spacing:-.055em;color:var(--plum);text-shadow:0 1px 16px #fbf7ffcc}.depth-title p em{color:#806096}
.depth-bottom{position:absolute;left:32px;right:32px;bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:3;padding-top:17px;border-top:1px solid #382b471a}.depth-bottom>span{font-family:var(--mono);font-size:9px;color:#685577;text-transform:uppercase;letter-spacing:.08em}.g7-controls{display:flex;align-items:center;gap:13px;flex-shrink:0}.g7-count{font-family:var(--mono);font-size:10px;min-width:48px;text-align:center}.g7-motion{height:44px;width:44px;border:1px solid #8f74982b;border-radius:50%;background:#fffcf899;color:#5c406c;display:grid;place-items:center;font-size:14px}.g7-motion:hover{background:white}.g7-motion:active{transform:scale(.96)}
.g7-reading{padding-top:25px;border-top:1px solid var(--line);margin-top:25px}.g7-choice{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px}.g7-choice button{min-height:44px;border-radius:30px;border:1px solid var(--line);background:#fffcf86b;padding:10px 18px;font-size:11px;transition:background .25s,color .25s,box-shadow .25s}.g7-choice button[aria-pressed=true]{background:var(--plum);color:#fffcf8}.g7-choice button:hover{box-shadow:inset 1px 2px 5px #82639420}.g7-details article{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(25px,5vw,64px);align-items:center;animation:g7-detail .5s ease}.g7-details article[hidden]{display:none}.g7-feature{height:clamp(230px,27vw,350px);border-radius:10px 40px 10px 10px;overflow:hidden}.g7-feature img{width:100%;height:100%;object-fit:cover}.g7-copy .eyebrow{font-size:10px;margin-bottom:15px}.g7-copy h3{font-family:var(--serif);font-size:clamp(28px,3vw,42px);line-height:1.15}.g7-copy>p{font-size:14px;line-height:1.85;color:var(--muted);margin:18px 0}.g7-copy .text-link{margin-top:15px;min-height:44px}.g7-note{font-size:11px;color:var(--muted);max-width:none;margin-top:22px}.g7-copy .detail-row{margin-top:15px}
.lumina-stage{height:clamp(590px,calc(var(--stable-vh,1svh)*78),750px);background:#342c3a;color:white;--story-progress:0}.lumina-images{position:absolute;inset:0;z-index:-2}.lumina-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.09);filter:blur(6px);transition:opacity .95s ease,transform 1.7s cubic-bezier(.22,1,.36,1),filter 1s ease}.lumina-image[data-active=true]{opacity:1;transform:scale(1);filter:blur(0)}.lumina-stage:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#1d122859,#1d122833 30%,#2514319e 72%,#201429df),linear-gradient(90deg,#28193348,transparent)}
.lumina-top{position:absolute;top:26px;left:35px;right:35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.lumina-top>span{font:9px var(--mono);letter-spacing:.15em;text-transform:uppercase}.lumina-top .g7-motion,.lumina-top .round-control{background:#ffffff12;color:white;border:1px solid #ffffff42;box-shadow:none;backdrop-filter:blur(12px)}.lumina-top .g7-motion:hover,.lumina-top .round-control:hover{background:#ffffff28;color:#fff}.lumina-top .g7-count{color:#fff}
.lumina-stories{position:absolute;inset:20% 7% 24%;display:grid;place-items:center;text-align:center}.lumina-story[hidden]{display:none}.lumina-title{font-family:var(--serif);font-size:clamp(35px,4.8vw,67px);line-height:1.13;letter-spacing:-.04em;color:#fffcf8;max-width:20ch;margin:auto}.lumina-word{display:inline-block;white-space:nowrap;overflow:hidden;vertical-align:bottom;padding-bottom:.08em}.lumina-word>span{display:inline-block;animation:lumina-letter .85s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--letter)*19ms)}.lumina-caption{font-size:14px;line-height:1.65;max-width:54ch;margin:23px auto 0;color:#f3eaf7;animation:lumina-caption .9s .1s both}.lumina-story .text-link{color:white;border-color:#ffffff75;margin:22px auto 0;font-size:12px;min-height:44px;animation:lumina-caption .9s .2s both}.lumina-story .text-link svg{color:white}
.lumina-list{position:absolute;bottom:30px;left:35px;right:35px;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:20px}.lumina-list button{position:relative;padding:17px 0 0;border:0;background:none;color:#ffffff99;display:flex;align-items:flex-start;gap:10px;text-align:left;min-height:65px;font-family:var(--mono);font-size:10px;line-height:1.5;letter-spacing:.04em;text-transform:uppercase;transition:color .3s}.lumina-list button small{font-size:8px;opacity:.65;padding-top:2px}.lumina-list button[aria-pressed=true],.lumina-list button:hover{color:white}.lumina-line{position:absolute;left:0;right:0;top:0;height:1px;background:#ffffff45}.lumina-line:after{content:'';display:block;position:absolute;inset:0;background:#e3c6ff;transform:scaleX(0);transform-origin:left}.lumina-list button[aria-pressed=true] .lumina-line:after{transform:scaleX(calc(.12 + var(--story-progress)*.88))}.g7-lumina .g7-choice{display:none}
@keyframes lumina-letter{from{opacity:0;transform:translateY(110%) rotate(4deg)}to{opacity:1;transform:none}}@keyframes lumina-caption{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes g7-detail{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:760px){.g7-heading{margin-bottom:24px}.g7-heading h2{font-size:33px}.g7-stage{border-radius:20px}.depth-stage{height:530px}.depth-photo{width:140px;height:180px}.depth-photo:nth-child(3n){height:130px}.depth-title{inset:20% 3% 27%}.depth-title p{font-size:clamp(32px,8vw,49px)}.depth-title .eyebrow{font-size:7px;letter-spacing:.1em;margin-bottom:17px}.depth-bottom{left:20px;right:20px;bottom:20px;flex-direction:column;gap:14px}.depth-bottom>span{font-size:8px}.g7-controls{gap:10px}.g7-count{font-size:9px}.g7-details article{grid-template-columns:1fr;gap:25px}.g7-feature{height:250px}.g7-copy h3{font-size:30px}.g7-copy>p{font-size:14px}.g7-choice{gap:7px}.g7-choice button{font-size:10px;padding:9px 13px}.g7-note{font-size:10px}.lumina-stage{height:690px}.lumina-top{top:21px;left:20px;right:20px;flex-direction:column;gap:15px;align-items:flex-start}.lumina-top .g7-controls{align-self:flex-end}.lumina-stories{inset:24% 7% 30%}.lumina-title{font-size:34px;max-width:15ch}.lumina-caption{font-size:12px;line-height:1.65;margin-top:16px}.lumina-story .text-link{margin-top:16px}.lumina-list{left:20px;right:20px;bottom:22px;display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row;gap:17px 20px}.lumina-list button{font-size:9px;min-height:55px;padding-top:12px}.lumina-list button small{font-size:7px}.lumina-story .text-link{font-size:11px}}
@media(max-width:360px){.depth-stage{height:500px}.depth-title p{font-size:31px}.lumina-title{font-size:29px}.lumina-stage{height:700px}.lumina-top{left:16px;right:16px}.lumina-list{left:16px;right:16px;gap:16px}.lumina-caption{font-size:11px}.g7-controls{gap:8px}}
.depth-bottom{background:linear-gradient(180deg,#fbf7ffb0,#fbf7fff5);backdrop-filter:blur(7px);padding:14px 16px;border-radius:15px}.depth-title:before{background:radial-gradient(ellipse,#fbf7ffff 10%,#fbf7ffde 36%,#fbf7ff00 72%)}
@media(max-width:760px){.depth-photo{width:125px;height:165px}.depth-photo:nth-child(3n){height:120px}.depth-bottom{left:14px;right:14px;bottom:14px;padding:12px 6px}.depth-title:before{inset:8% -5%}}
.motion-paused .lumina-image,.motion-paused .lumina-word>span,.motion-paused .lumina-caption,.motion-paused .lumina-story .text-link{animation:none!important;transition:none!important}.motion-paused .lumina-word>span,.motion-paused .lumina-caption,.motion-paused .lumina-story .text-link{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.lumina-image,.lumina-word>span,.lumina-caption,.lumina-story .text-link,.g7-details article{animation:none!important;transition:none!important}}
/* V8 Lumina: center-out glass refraction, not a crossfade or zoom. */
.lumina-image{opacity:0;transform:none;filter:none;transition:none;z-index:0}
.lumina-image[data-previous=true]{opacity:1;z-index:1}
.lumina-image[data-active=true]{opacity:1;transform:none;filter:none;z-index:2}
.lumina-glass{position:absolute;inset:0;width:100%;height:100%;z-index:3;opacity:0;pointer-events:none}
.lumina-stage[data-glass-ready=true] .lumina-glass{opacity:1}
.lumina-word{overflow:visible;perspective:700px}
.lumina-word>span,.lumina-caption,.lumina-story .text-link{animation:none}
.lumina-caption:empty{display:none}
.lumina-stories{pointer-events:none}
.lumina-story .text-link{pointer-events:auto}
.lumina-story[inert] .text-link{pointer-events:none}
.motion-paused .g7-details article{animation:none}

/* Timer-driven dwell: no JavaScript animation loop between glass reveals. */
.g7-lumina[data-autoplay=true] .lumina-list button[aria-pressed=true] .lumina-line:after{animation:insight-dwell 6s linear both}
@keyframes insight-dwell{from{transform:scaleX(.12)}to{transform:scaleX(1)}}
.lumina-stage[data-glass-ready=true] .lumina-image{visibility:hidden;transition:none;filter:none;transform:none}
@media(prefers-reduced-motion:reduce){.g7-lumina[data-autoplay=true] .lumina-line:after{animation:none!important}}

/* transition-refinement.css */
/* Keep the returning page fully opaque beneath the same plum menu wipe. */
#main.page-wipe{animation:none}
#site-menu.immersive-nav{clip-path:inset(0 100% 0 0);transition:clip-path .7s cubic-bezier(.76,0,.24,1)}
#site-menu.immersive-nav.is-open{clip-path:inset(0)}
.menu-closing .site-header{background:none}
.menu-closing .site-header:before{opacity:0;transition:none}
.menu-closing .site-header .brand,.menu-closing .site-header .local-clock,.menu-closing .site-header .motion-control{visibility:hidden}
.menu-closing #site-menu{pointer-events:none}
.motion-paused #site-menu.immersive-nav{transition:none}
@media(prefers-reduced-motion:reduce){#site-menu.immersive-nav{transition:none}}

/* startup.css */
/* Stable first paint and a composited hero expansion. */
.local-clock{min-width:145px;min-height:60px}.clock-line{min-height:17px}#date{min-height:18px}
.brand img{object-fit:contain;mix-blend-mode:normal;filter:none}
.expansion-media{--start-w:.37;--start-h:.30;--start-y:.47;left:0;top:0!important;width:100%!important;height:100%!important;transform:none;border-radius:0;box-shadow:none;will-change:clip-path;contain:layout paint;clip-path:inset(32% 31.5% 38% round 18px);pointer-events:none}
.expansion-media>video,.expansion-media>.hero-poster{position:absolute;inset:auto;left:50%;top:50%;width:max(100vw,calc(var(--stable-vh,1svh)*177.778));height:max(calc(var(--stable-vh,1svh)*100),56.25vw);max-width:none;object-fit:cover;transform:translate(-50%,-50%) translate3d(0,var(--media-y,-calc(var(--stable-vh,1svh)*3)),0) scale(var(--media-scale,.37));will-change:transform}
.expansion-media>video{opacity:0;transition:opacity .55s ease}.expansion-media>video.video-ready{opacity:1}
.expansion-media>.hero-poster{z-index:0}.expansion-media>video{z-index:1}.expansion-media-shade{z-index:2}.expanded-message{z-index:3}
.expansion-background{will-change:transform}.expansion-title{will-change:opacity}
body:before{background-size:160px 160px;transform:translateZ(0)}
html[data-initial-route=interior] #main[data-prerendered]{visibility:hidden}
.nav-brand .nav-logo{width:180px;height:auto;margin-bottom:8px}
@media(max-width:760px){.local-clock{min-width:115px;min-height:49px}#date{min-height:15px}.clock-line{min-height:14px}.expansion-media{--start-w:.77;--start-h:.27;--start-y:.45;clip-path:inset(31.5% 11.5% 41.5% round 18px)}.expansion-media>video,.expansion-media>.hero-poster{transform:translate(-50%,-50%) translate3d(0,var(--media-y,-calc(var(--stable-vh,1svh)*5)),0) scale(var(--media-scale,.27))}}
@media(max-width:360px){.local-clock{min-width:102px}}
:root[data-viewport-short~="650"] .expansion-media{--start-h:.26;--start-y:.44}
@media (min-width:601px){:root[data-viewport-short~="650"] .expansion-media{--start-h:.24;--start-y:.49}}
@media(prefers-reduced-motion:reduce){.expansion-media>video{transition:none}}

/* Fixed video texture, transformed crop frame and counter-scaled contents. */
.expansion-media{clip-path:none!important;will-change:auto;overflow:visible;background:transparent;contain:layout}
.expansion-window{position:absolute;inset:0;overflow:hidden;background:var(--sage);border-radius:48.65px / 60px;transform-origin:50% 50%;transform:translate3d(0,calc(var(--stable-vh)*-3),0) scale(.37,.3);will-change:transform;isolation:isolate}
.expansion-content{position:absolute;inset:0;transform-origin:50% 50%;transform:scale(1,1.233333);will-change:transform}
.expansion-content>video,.expansion-content>.hero-poster{position:absolute;inset:auto;left:50%;top:50%;width:max(100vw,calc(var(--stable-vh)*177.778));height:max(calc(var(--stable-vh)*100),56.25vw);max-width:none;object-fit:cover;transform:translate3d(-50%,-50%,0);will-change:auto}
.expansion-content>.hero-poster{z-index:0}.expansion-content>video{z-index:1;opacity:0;transition:opacity .55s ease}.expansion-content>video.video-ready{opacity:1}
.expansion-window>.expansion-media-shade{z-index:2;will-change:opacity}.expanded-message{z-index:3;opacity:0;will-change:transform,opacity}
.expansion-title>span,.expansion-title>em{will-change:transform}.expansion-wash,.expansion-kicker,.expansion-bottom{will-change:opacity}
@media(max-width:760px){.expansion-window{border-radius:23.38px / 66.67px;transform:translate3d(0,calc(var(--stable-vh)*-5),0) scale(.77,.27)}.expansion-content{transform:scale(.350649,1)}}
@media(prefers-reduced-motion:reduce){.expansion-content>video{transition:none}.expansion-window,.expansion-content,.expansion-title>span,.expansion-title>em{will-change:auto}}

/* Native scroll animations use only transforms and opacity. */
.expansion-hero{height:calc(var(--stable-vh,1svh)*230);background:var(--paper)}
.expansion-pin{min-height:0}
.expansion-wash{opacity:1!important;background:var(--paper)}
.expansion-background{display:none!important;animation:none!important}
.expansion-media{contain:layout;overflow:visible}
.expansion-window{border-radius:24px;transform:translate3d(0,calc((var(--start-y) - .5)*100%),0) scale(var(--start-w),var(--start-h));backface-visibility:hidden}
.expansion-content{transform:scale(var(--hero-initial-x,1),var(--hero-initial-y,1.233333));backface-visibility:hidden}
.expansion-content>video,.expansion-content>.hero-poster{width:max(100%,calc(var(--stable-vh)*177.7777778));height:auto;aspect-ratio:16/9}
.expansion-hero[data-expanded=true] .expansion-bottom,.expansion-hero[data-expanded=true] .expansion-title{visibility:visible}
.expansion-title,.expansion-bottom{visibility:visible!important}
.expansion-title{opacity:1}.expanded-message{opacity:0}
/* Small devices keep the complete composition inside a stable height. */
@media(max-width:760px){.expansion-hero{height:calc(var(--stable-vh,1svh)*210)}.expansion-window{border-radius:28px}}
@media(min-width:1921px){
 .expansion-title{font-size:clamp(100px,5.3vw,204px)}
 .expansion-kicker{font-size:clamp(10px,.6vw,22px)}
 .expansion-bottom>p{font-size:clamp(14px,.8vw,28px)}
 .expansion-bottom .pill,.expansion-bottom .text-link{font-size:clamp(12px,.7vw,24px)}
 .expansion-bottom .pill{padding:1em 2em}.expansion-bottom .actions{gap:1.5em;margin:1.25em 0 .8em}
 .expansion-bottom .note,.expand-prompt{font-size:clamp(10px,.55vw,20px)}
 .expanded-message p{font-size:clamp(67px,3.5vw,134px)}
}
:root[data-viewport-short~="350"] .expansion-hero{height:auto}
.motion-paused .expansion-hero{height:calc(var(--stable-vh,1svh)*100)}
@media(prefers-reduced-motion:reduce){.expansion-hero{height:calc(var(--stable-vh,1svh)*100)}}

/* Article reading experience */
.reader-wrap{width:min(1280px,89%);margin:0 auto}.reader .page-breadcrumb{margin:42px 0 38px;font-size:11px}.reader .page-breadcrumb a:hover{color:var(--plum)}
.reader-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,5vw,72px);align-items:center;padding:0 0 76px;border-bottom:1px solid var(--line)}
.reader-title .eyebrow{margin-bottom:23px}.reader-title h1{font-size:clamp(43px,4.1vw,65px);line-height:1.06;letter-spacing:-.052em;text-wrap:balance}
.reader-deck{font-size:15px;line-height:1.85;color:var(--muted);margin:25px 0;max-width:52ch}.reader-meta{display:flex;align-items:center;gap:12px}.reader-meta>img{width:42px;height:42px;object-fit:cover;object-position:center 30%;border-radius:50%}.reader-meta>div{display:grid;gap:2px}.reader-meta>div>span:first-child{font-size:12px;font-weight:600;color:var(--plum)}.reader-meta>div>span:last-child{font-size:10px;color:var(--muted)}.reader-meta i{font-style:normal;margin:0 9px}
.reader-share{border:0;background:none;margin:22px 0 0;padding:4px 0;min-height:36px;font-size:11px}.reader-share svg{width:15px}.reader-share-status{display:block;min-height:20px;font-size:10px;color:var(--muted)}
.reader-cover{margin:0}.reader-cover>img{width:100%;height:auto;aspect-ratio:4/5;max-height:580px;object-fit:cover;border-radius:18px 75px 18px 18px;background:var(--sage)}.reader-cover figcaption{font-family:var(--mono);font-size:8px;line-height:1.7;color:var(--muted);margin:13px 8px 0;letter-spacing:.03em}
.reader-layout{display:grid;grid-template-columns:250px minmax(0,730px);gap:clamp(40px,6vw,95px);justify-content:space-between;padding:75px 0 0}.reader-sidebar{align-self:start;position:sticky;top:125px}.reader-toc{display:grid;gap:1px;border-bottom:1px solid var(--line);padding-bottom:28px}.reader-toc>.eyebrow{margin-bottom:15px}.reader-toc a,.reader-mobile-toc nav a{display:flex;gap:13px;padding:10px 8px;border-left:2px solid transparent;font-size:11px;line-height:1.55;color:var(--muted);transition:color .2s,background .2s,border-color .2s}.reader-toc a span,.reader-mobile-toc a span{font-family:var(--mono);font-size:9px;opacity:.7;flex:0 0 18px;padding-top:2px}.reader-toc a[aria-current],.reader-mobile-toc a[aria-current]{color:var(--plum);border-color:#9275a8;background:#e5d9f23f}.reader-toc a:hover{color:var(--plum)}.reader-sidebar-note{padding:30px 0}.reader-note-line{display:block;width:26px;height:2px;background:#9275a8;margin-bottom:16px}.reader-sidebar-note p{font-family:var(--serif);font-size:25px;line-height:1.4;letter-spacing:-.025em}
.reader-copy{font-size:16px;line-height:1.9;color:#50465b}.reader-copy h2{font-family:var(--serif);font-size:clamp(28px,2.7vw,38px);line-height:1.22;letter-spacing:-.035em;color:var(--plum);margin:50px 0 22px;scroll-margin-top:130px;text-wrap:balance}.reader-copy>h2:first-child{margin-top:0}.reader-copy p{margin:0 0 22px;max-width:none}.reader-copy ul,.reader-copy ol{padding-left:25px;margin:0 0 28px}.reader-copy li{padding-left:5px;margin-bottom:10px}.reader-copy a{color:var(--plum);text-decoration:underline;text-underline-offset:4px}.reader-copy strong{color:var(--plum)}
.reader-figure{margin:40px 0;padding:18px;background:rgba(255,252,248,.75);border:1px solid var(--line);border-radius:20px;overflow:hidden}.reader-figure img{width:100%;height:auto;border-radius:12px;object-fit:contain}.reader-figure figcaption{font-size:10px;line-height:1.6;color:var(--muted);margin:14px 6px 0}.reader-figure.photo-figure{padding:0;border:0;background:none}.reader-figure.photo-figure>img{aspect-ratio:16/10;object-fit:cover}.reader-figure.photo-figure figcaption{margin:12px 6px}.reader-pullquote{padding:30px 35px;background:#e5d9f254;border-left:2px solid #9275a8;border-radius:0 18px 18px 0;margin:45px 0}.reader-pullquote blockquote{margin:0;font-family:var(--serif);font-size:clamp(23px,2vw,30px);line-height:1.55;letter-spacing:-.02em;color:var(--plum)}
.reader-author{display:flex;gap:22px;padding:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:55px;align-items:flex-start}.reader-author>img{width:68px;height:68px;border-radius:50%;object-fit:cover;object-position:center 30%}.reader-author .eyebrow{font-size:8px;margin-bottom:5px}.reader-author h2{font-family:var(--sans);font-size:19px;letter-spacing:-.02em}.reader-author p{font-size:12px;line-height:1.8;color:var(--muted);margin:8px 0 9px;max-width:45ch}.reader-author .text-link{font-size:10px}
.reader-related{padding:90px 0 65px}.reader-related .section-head{align-items:flex-end;margin-bottom:30px}.reader-related h2{font-size:clamp(32px,3vw,46px)}.reader-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.reader-card>div{overflow:hidden;border-radius:16px;background:var(--sage);margin-bottom:20px}.reader-card img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .6s var(--ease)}.reader-card:hover img{transform:scale(1.035)}.reader-card .eyebrow{font-size:8px;margin-bottom:9px}.reader-card h3{font-family:var(--serif);font-size:26px;line-height:1.3;letter-spacing:-.025em;max-width:23ch}.reader-card-link{display:flex;align-items:center;gap:12px;margin-top:17px;font-size:11px;color:var(--muted)}.reader-card-link svg{width:16px;height:16px}.reader-end{border-top:1px solid var(--line);padding:35px 0 65px;display:flex;align-items:center;justify-content:space-between;gap:25px}.reader-end>p{font-family:var(--serif);font-size:24px;line-height:1.4;letter-spacing:-.025em}.reader-end .actions{margin:0}.reader-mobile-toc{display:none}
@media(max-width:1000px){.reader-layout{grid-template-columns:200px minmax(0,1fr);gap:35px}.reader-title h1{font-size:45px}.reader-cover>img{aspect-ratio:4/5}.reader-card h3{font-size:23px}}
@media(max-width:760px){
 .reader-wrap{width:88%}.reader .page-breadcrumb{margin:24px 0 27px;font-size:9px;gap:9px;flex-wrap:wrap}.reader-hero{grid-template-columns:1fr;gap:26px;padding-bottom:36px}.reader-title h1{font-size:clamp(37px,9.5vw,54px);line-height:1.08;text-wrap:pretty}.reader-title .eyebrow{font-size:8px;letter-spacing:.08em;margin-bottom:18px}.reader-deck{font-size:13px;line-height:1.85;margin:20px 0}.reader-share{margin-top:18px}.reader-cover>img{aspect-ratio:4/3;max-height:450px;border-radius:16px 48px 16px 16px}.reader-cover figcaption{font-size:7px}.reader-layout{grid-template-columns:1fr;gap:0;padding-top:30px}.reader-sidebar{display:none}.reader-mobile-toc{display:block;margin:0 0 32px;background:#fffcf887;border:1px solid var(--line);border-radius:13px;padding:0 16px}.reader-mobile-toc summary{min-height:49px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--plum);cursor:pointer;list-style:none}.reader-mobile-toc summary::-webkit-details-marker{display:none}.reader-mobile-toc summary svg{width:15px;height:15px;transition:transform .2s}.reader-mobile-toc[open] summary svg{transform:rotate(180deg)}.reader-mobile-toc nav{padding:0 0 13px}.reader-copy{font-size:15px;line-height:1.9}.reader-copy h2{font-size:29px;margin-top:38px;scroll-margin-top:105px}.reader-copy p{margin-bottom:21px}.reader-figure{padding:10px;border-radius:15px;margin:30px 0}.reader-pullquote{padding:23px 23px;margin:33px 0}.reader-pullquote blockquote{font-size:25px;line-height:1.5}.reader-author{gap:15px;padding:28px 0}.reader-author>img{width:50px;height:50px}.reader-author h2{font-size:17px}.reader-author p{font-size:11px}.reader-related{padding:55px 0 40px}.reader-related .section-head{display:block}.reader-related .section-head .text-link{margin-top:18px}.reader-related-grid{grid-template-columns:1fr;gap:32px}.reader-card>div{margin-bottom:15px}.reader-card img{aspect-ratio:16/9}.reader-card h3{font-size:27px;max-width:25ch}.reader-end{flex-direction:column;align-items:flex-start;gap:22px;padding-bottom:45px}.reader-end .actions{gap:18px;flex-wrap:wrap}.reader-end .pill{font-size:10px}.reader-end .text-link{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.reader-card img,.reader-toc a,.reader-mobile-toc summary svg{transition:none}.reader-card:hover img{transform:none}}
.reader-diagram-mobile{display:none}
@media(max-width:600px){.reader-figure>img{display:none}.reader-diagram-mobile{display:grid;gap:12px;padding:13px 8px}.reader-diagram-mobile>.eyebrow{font-size:8px;margin:0}.reader-diagram-mobile>strong{font-family:var(--serif);font-size:25px;line-height:1.2;font-weight:400;margin-bottom:7px}.reader-diagram-mobile>div{display:flex;gap:14px;background:#e5d9f280;border-radius:10px;padding:16px 12px;font-size:10px;line-height:1.55}.reader-diagram-mobile>div:nth-of-type(2){background:#e2e9df}.reader-diagram-mobile>div:nth-of-type(3){background:#eee6dc}.reader-diagram-mobile>div>span{font-family:var(--mono);padding-top:4px}.reader-diagram-mobile>div>div{display:grid;gap:6px}.reader-diagram-mobile b{font-family:var(--serif);font-size:21px;font-weight:400;line-height:1.2}.reader-diagram-mobile>div>div>span{font-size:12px;line-height:1.65}}

/* Images placed through the editorial studio. */
.reader-copy{display:flow-root}.reader-copy h2{clear:both}.reader-copy h3{font-family:var(--serif);font-size:28px;line-height:1.3;margin:35px 0 20px;color:var(--plum)}
.reader-media{width:var(--media-width,100%);max-width:100%;margin:32px auto;clear:both}.reader-media img{display:block;width:100%;height:auto;aspect-ratio:var(--media-ratio,auto);object-fit:var(--media-fit,cover);object-position:var(--media-x,50%) var(--media-y,50%);border-radius:var(--media-radius,16px)}.reader-media figcaption{font-size:10px;line-height:1.6;color:var(--muted);margin:12px 6px}.reader-media.align-left{margin-left:0}.reader-media.align-right{margin-right:0}.reader-media.media-wrap.align-left{float:left;clear:none;margin:8px 26px 20px 0;max-width:65%}.reader-media.media-wrap.align-right{float:right;clear:none;margin:8px 0 20px 26px;max-width:65%}.editor-preview-note{background:#e5d9f2;color:#382b47;text-align:center;font-size:10px;padding:10px}
@media(max-width:760px){.reader-media,.reader-media.media-wrap.align-left,.reader-media.media-wrap.align-right{float:none;width:100%;max-width:100%;margin:28px 0}.reader-copy h3{font-size:25px}}
