/* A visitor-controlled book, with physical leaves and a persistent open spread. */
.contact-photo{height:auto;max-height:430px;width:min(100%,340px);object-fit:contain;object-position:center}
.page-top+.section{padding-top:3rem}
@media(max-width:700px){.hero h1{font-size:clamp(2.4rem,10vw,3.2rem)!important}.hero .actions .button{flex:1 1 140px;padding:.8rem 1rem}.hero .split{padding-top:2rem!important}}
/* Review refinements: readable controls and faithful uploaded photo proportions. */
.navigation .current-section{color:var(--gold)}
.navigation a{min-height:44px;display:inline-flex;align-items:center}
.nav-group>div a{display:block}
.page-top h1{letter-spacing:-.035em;line-height:1.12}
.hero .eyebrow{font-size:.875rem!important}
.hero .caption{font-size:.875rem!important;letter-spacing:.06em!important}
input,textarea,select{font-size:1rem}
@media(min-width:851px) and (max-width:1000px){.navigation{font-size:.875rem!important}}
/* Preserve uploaded portrait color and keep the two speaking invitations distinct. */
.portrait{filter:none}
/* Keep portrait edges clean: no offset frame around the photo or caption. */
.portrait-frame::after{content:none;display:none}
.home-speaking-story{display:grid;grid-template-columns:1fr minmax(0,1fr);gap:5%;align-items:center}
.home-speaking-story .brand-story-image{grid-column:2;grid-row:1;aspect-ratio:4/5;max-height:620px;object-position:center 30%}
.image-story.home-speaking-story .image-caption{position:static;grid-column:1;grid-row:1;max-width:none;background:none;left:auto;right:auto;bottom:auto}
.speaking-portrait .shell{max-width:580px}
.speaking-portrait .brand-story-image{aspect-ratio:1122/1402;height:auto;object-fit:contain}
@media(max-width:700px){.home-speaking-story{grid-template-columns:1fr;gap:1.5rem}.home-speaking-story .brand-story-image{grid-column:1;grid-row:1;max-height:none}.image-story.home-speaking-story .image-caption{grid-column:1;grid-row:2}}
/* A cover is a control, but its artwork should not fade during the hinge motion. */
.hard-cover:disabled{opacity:1}
@media(max-width:700px){.paper-left{justify-content:flex-start;gap:1.7rem}.paper-left .paper-number{margin-top:1rem}.paper-left h2{margin-top:.5rem}}
.hard-cover{padding:0;border:0;background:none;text-align:left;color:inherit}
.cover-front,.cover-inside{display:block}
.socials a{display:inline-flex;align-items:center;gap:.4rem}
.social-icon{width:20px;height:20px;display:inline-grid;place-items:center;font:bold 19px/1 Arial,sans-serif;color:var(--gold);fill:none;stroke:currentColor;stroke-width:1.6}
.social-in{font-size:14px;border:1px solid var(--gold);border-radius:2px}
.icon-dot{fill:currentColor;stroke:none}
.socials{flex-wrap:wrap}
.shop-brand-panel{display:grid;place-items:center;min-height:350px;background:radial-gradient(ellipse,#14324b66,transparent 70%);border:1px solid var(--border);padding:2rem}
.shop-brand-panel img{width:100%;height:auto}
.shop-launch{padding-bottom:3rem}
.product-image img{width:100%;height:100%;object-fit:contain}
.product-price{display:block;color:var(--gold);font-weight:700}
/* After the cover finishes its hinge movement, the left leaf sits above it. */
.book-experience[data-cover-rest=true] .hard-cover{visibility:hidden}
.book-experience .hard-cover{z-index:8!important}
.leaf-face .paper-left{opacity:1;transform:none}
.leaf-face .paper-right{transform:none}
.book-showcase .intro p{margin-top:1rem}
.book-showcase{scroll-margin-top:110px}
.brand img{width:230px;height:auto;object-fit:contain}
.header-inner{min-height:105px;padding:6px 0}
body{background:#050607}h1{font-family:var(--font-body);font-weight:500;letter-spacing:-.065em;line-height:1.09}
h1 em{font-family:var(--font-display);letter-spacing:-.025em;font-size:1.13em}
.shell{width:min(1320px,90%)}.hero{overflow:clip}.hero .split{gap:7%;grid-template-columns:1.08fr 1fr;padding:3rem 0 4rem;min-height:680px}.hero h1{font-size:clamp(3.3rem,5.5vw,5.7rem)}.hero .portrait{height:590px;object-position:center 30%}.hero .eyebrow{color:var(--gold);font-size:.8rem}.hero .caption{font-size:.75rem;letter-spacing:.12em}.hero .portrait-frame:after{inset:1rem -1rem -1rem 1rem;z-index:0;pointer-events:none}.portrait-frame img{position:relative;z-index:1}.hero-lead{font-size:1.08rem;line-height:1.75}.page-top h1{font-size:clamp(3rem,5.6vw,5.5rem)}.brand-story-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:3px}.photo-caption{font-size:.875rem;color:var(--muted);margin-top:.8rem}.image-story{position:relative}.image-story .image-caption{position:absolute;bottom:2rem;left:2rem;right:2rem;background:#050607d9;padding:1.5rem;max-width:390px;border-left:2px solid var(--gold)}.image-caption h3{font-size:2rem}.image-caption a{display:inline-block;margin-top:.8rem}
.perspective-invitation{background:radial-gradient(ellipse at 100% 10%,#122d474f,transparent 60%);border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.perspective-choices{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.perspective-choices button{min-height:48px;border:1px solid #3d4249;border-radius:30px;background:transparent;color:var(--text);padding:.7rem 1.2rem;transition:background .2s,color .2s}.perspective-choices button[aria-pressed=true]{background:var(--gold);color:var(--ink);border-color:var(--gold)}.perspective-response{border-top:1px solid #ffffff20;margin-top:2rem;padding-top:2rem;min-height:210px}.perspective-response p{font:clamp(1.9rem,3vw,2.8rem)/1.2 var(--font-display);max-width:38rem}.perspective-response a{display:inline-block;margin-top:1.5rem}.invitation-aside{font-size:.875rem;color:var(--muted);max-width:16rem}.number-display{font-family:var(--font-display);font-size:7rem;color:#d6ad5c50;line-height:1}
.book-showcase{padding-top:4rem;background:radial-gradient(ellipse at 65% 35%,#17365177,transparent 65%);overflow:clip}.book-showcase .intro{max-width:920px;margin:0 auto;text-align:center}.book-showcase .intro h1{font-size:clamp(2.7rem,5vw,4.7rem)}.book-showcase .intro p{margin:1.5rem auto 0}.book-experience{--page-w:310px;--page-h:480px;--view-angle:-7deg;margin:2rem auto 0;max-width:100%;position:relative}.book-canvas{perspective:1800px;min-height:570px;display:grid;place-items:center;padding:2rem 0 3rem;touch-action:pan-y}.volume{position:relative;width:calc(var(--page-w)*2);height:var(--page-h);transform-style:preserve-3d;transform:translateX(-25%) rotateX(7deg) rotateY(var(--view-angle));transition:transform 1s cubic-bezier(.2,.8,.2,1)}.book-experience[data-open=true] .volume{transform:rotateX(7deg) rotateY(var(--view-angle))}.volume:after{content:'';position:absolute;inset:94% 0 -7%;background:#0008;filter:blur(20px);transform:translateZ(-30px);pointer-events:none}.paper{position:absolute;top:0;width:50%;height:100%;padding:2.2rem;display:flex;flex-direction:column;justify-content:space-between;background:#e9e4d7;color:#202a32;border:1px solid #bdb5a5;backface-visibility:hidden}.paper-left{left:0;border-radius:5px 0 0 5px;background:linear-gradient(90deg,#e9e4d7 85%,#c8bfaa);transform:translateZ(-2px);opacity:0;transition:opacity .25s}.paper-right{left:50%;border-radius:0 5px 5px 0;background:linear-gradient(90deg,#c4bca8,#f3eee3 8%,#e9e4d7 98%);box-shadow:3px 3px 0 #aca592,6px 6px 0 #e6decf,9px 9px 0 #3a342e;transform:translateZ(-1px)}.book-experience[data-open=true] .paper-left{opacity:1}.paper-kicker{font:600 .75rem/1.4 var(--font-body);text-transform:uppercase;letter-spacing:.12em;color:#62512e}.paper h2,.paper h3{font-family:var(--font-display);font-size:2.6rem;letter-spacing:-.03em;line-height:1.06}.paper p{font-size:1rem;line-height:1.65}.paper-foot{font-size:.75rem;color:#6c6253;border-top:1px solid #938a743f;padding-top:.75rem}.paper-number{font:5rem/.9 var(--font-display);color:#a48650}.hard-cover{position:absolute;left:50%;top:-4px;width:50%;height:calc(100% + 8px);transform-origin:left center;transform-style:preserve-3d;transform:translateZ(8px) rotateY(-7deg);transition:transform 1.25s cubic-bezier(.2,.8,.2,1);z-index:8;border-radius:0 4px 4px 0}.book-experience[data-open=true] .hard-cover{transform:translateZ(8px) rotateY(-180deg)}.cover-front,.cover-inside{position:absolute;inset:0;backface-visibility:hidden;border-radius:0 4px 4px 0}.cover-front{background:#061b31;box-shadow:inset 6px 0 10px #0007,12px 14px 30px #0008;overflow:hidden;border-left:5px solid #09243d}.cover-front img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-front:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,#ffffff10,transparent 20%,#ffffff05 80%,#0002);box-shadow:inset 5px 0 8px #0005}.cover-inside{transform:rotateY(180deg);background:linear-gradient(270deg,#ae9d7e,#172a3c 6%,#0a1a2c);border:1px solid #d6ad5c77;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2rem;color:#d6ad5c;text-align:center}.cover-inside span{font:2.8rem/1.1 var(--font-display)}.cover-inside small{font-size:.75rem;letter-spacing:.12em;margin-top:1.5rem}.book-experience[data-open=true] .hard-cover{z-index:0}.paper-left,.paper-right{z-index:2}.page-leaf{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;z-index:6;pointer-events:none}.leaf-face{position:absolute;inset:0;backface-visibility:hidden}.leaf-back{transform:rotateY(180deg);background:linear-gradient(270deg,#c4bca8,#e9e4d7 10%)}.page-leaf.turning{transition:transform 900ms cubic-bezier(.22,.65,.18,1)}.page-leaf.turning.forward{transform:rotateY(-180deg)}.page-leaf.backward{transform:rotateY(-180deg)}.page-leaf.turning.backward{transform:rotateY(0)}.leaf-face .paper{left:0;width:100%;box-shadow:none}.book-toolbar{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;position:relative;z-index:5;margin-top:1rem}.book-toolbar button{min-height:48px;border:1px solid #736548;background:#0a0e14;color:var(--text);border-radius:4px;padding:.65rem 1rem}.book-toolbar .book-open{background:var(--gold);color:#080a0c}.book-toolbar button:disabled{opacity:.35}.book-angle{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.875rem;color:var(--muted);margin:1.2rem auto 0}.book-angle input{max-width:160px;min-height:36px;padding:0;margin:0;accent-color:var(--gold)}.book-status{text-align:center;color:var(--gold);font-size:.875rem;margin:1rem auto}.book-disclaimer{text-align:center;font-size:.875rem;color:var(--muted);max-width:660px;margin:1.5rem auto}.book-nojs{padding:2rem;text-align:center}.book-experience:not([data-ready]) .book-toolbar,.book-experience:not([data-ready]) .book-angle{display:none}
.js .reveal-ready{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.js .reveal-ready:not(.revealed){opacity:0;transform:translateY(24px)}.brand .brand-tag{display:none}.footer-brand{width:330px;height:auto;margin-bottom:1rem}
@media(max-width:1050px){.brand img{width:205px}.navigation{gap:.75rem}.hero .split{min-height:auto}.hero .portrait{height:540px}.book-experience{--page-w:290px;--page-h:460px}}
@media(max-width:850px){.header-inner{min-height:88px}.brand img{width:200px}.hero .split{grid-template-columns:1fr 1fr;gap:4%}.hero h1{font-size:3.3rem}.hero .portrait{height:500px}}
@media(max-width:700px){.hero .split{grid-template-columns:1fr;padding-top:2.5rem;gap:3rem}.hero h1{font-size:clamp(2.9rem,10vw,4rem)}.hero .portrait{height:470px}.book-experience{--page-w:44vw;--page-h:76vw}.book-canvas{min-height:calc(76vw + 70px);padding-bottom:1rem}.paper{padding:1rem}.paper h2,.paper h3{font-size:clamp(1.25rem,4.8vw,2rem)}.paper p{font-size:clamp(.875rem,2.7vw,1rem);line-height:1.45}.paper-number{font-size:3rem}.paper-kicker,.paper-foot{font-size:.65rem}.cover-inside{padding:1rem}.cover-inside span{font-size:1.8rem}.cover-inside small{font-size:.6rem}.book-showcase{padding-top:2.5rem}.book-experience{margin-top:1rem}.book-toolbar button{padding:.6rem .75rem;font-size:.875rem}.image-story .image-caption{position:static;background:none;max-width:none;margin-top:1rem;padding:1rem;}.book-angle{flex-wrap:wrap}.book-status{max-width:90%}.footer-brand{max-width:280px}}
@media(max-width:420px){.book-experience{--page-w:45vw;--page-h:89vw}.book-canvas{min-height:calc(89vw + 45px)}.paper{padding:.85rem}.paper-number{font-size:2.4rem}.paper h2,.paper h3{font-size:1.35rem}.paper-foot{display:none}.paper-left p{font-size:.875rem}.paper-kicker{letter-spacing:.02em}}
@media(max-width:700px){.paper p,.paper-left p{font-size:1rem}.paper-left [data-summary]{display:none}.paper-kicker{font-size:.75rem;letter-spacing:.02em}.book-experience{--page-h:max(360px,89vw)}.book-canvas{min-height:calc(max(360px,89vw) + 45px)}.paper-foot{display:none}.paper h2,.paper h3{letter-spacing:-.01em}.shop-brand-panel{min-height:200px}.hero h1{letter-spacing:-.045em}}
@media(prefers-reduced-motion:reduce){.volume,.book-experience[data-open=true] .volume{transform:none}.page-leaf{display:none!important}.js .reveal-ready:not(.revealed){opacity:1;transform:none}.hard-cover{transition:none}.book-experience:not([data-open=true]) .volume{transform:translateX(-25%)}}
/* Phones turn through one complete, naturally sized page at a time. */
@media(max-width:700px){
  .book-canvas{min-height:0;padding:1.5rem 0;perspective:none}
  .book-experience .volume,.book-experience[data-open=true] .volume{width:100%;height:auto;transform:none;transition:none;transform-style:flat}
  .book-experience:not([data-open=true]) .volume{width:min(310px,90%);height:480px;transform:none}
  .book-experience .hard-cover{left:0;width:100%;transform:none;transition:none}
  .book-experience[data-open=true] .hard-cover{display:none}
  .book-experience .page-leaf,.book-experience .book-angle{display:none!important}
  .book-experience .paper{position:relative;left:auto;width:100%;height:auto;min-height:0;padding:1.5rem;gap:1.25rem;transform:none;opacity:1;box-shadow:none;justify-content:flex-start}
  .book-experience:not([data-open=true]) .paper{display:none}
  .book-experience .paper-left,.book-experience .paper-right{border-radius:4px;transform-origin:left center;min-height:420px}
  .book-experience[data-mobile-side="0"] .paper-right,.book-experience[data-mobile-side="1"] .paper-left{display:none}
  .book-experience .paper-left [data-summary],.book-experience .paper-foot{display:block}
  .book-experience .paper h2,.book-experience .paper h3{font-size:1.7rem;line-height:1.25;overflow-wrap:break-word}
  .book-experience .paper p{font-size:1rem;line-height:1.6}
  .book-experience .paper-number{margin:0;font-size:2.4rem}
}
