.site-header{position:relative;background:#1b191b;color:#f4e9dc}.site-header .wordmark{font-size:25px}.site-header .wordmark span{font-size:6px;letter-spacing:.26em}.site-header nav a[aria-current]{color:#f0ad7c;border-bottom:1px solid}.site-hero{height:calc(95svh - 89px);min-height:690px}.site-hero .hero-content{padding-top:125px;max-width:1100px}.site-hero .hero-copy{max-width:615px;font-size:20px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}.hero-content .actions .text-button{margin:0}.page-intro{padding-top:95px;padding-bottom:65px;max-width:1200px}.page-intro h1{font-size:clamp(49px,6.1vw,88px);max-width:1000px}.page-intro .lead{max-width:780px;margin-top:35px;color:#cfc1b6}.essay{display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid var(--line)}.reading{max-width:640px}.reading>p{color:#c6b9ae}.reading>.lead{color:var(--ink)}.reading strong{color:#edbd9c}.life-preview{background:#171719;display:grid;grid-template-columns:1fr 1.2fr;gap:9vw}.life-links a{display:grid;grid-template-columns:25px 1fr 20px;gap:18px;padding:24px 0;border-bottom:1px solid #514640;align-items:center}.life-links span{font-size:12px;color:#e5a27b}.life-links h3{font-size:29px}.life-links a:hover h3{color:#e5a27b}.site-book{background:#302927;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.site-book img{margin:auto}.site-book h2{margin-bottom:28px}.site-book p{margin-top:20px}.closing{background:#171719;text-align:center;border-top:1px solid #514640}.closing p:not(.eyebrow){max-width:640px;margin:25px auto 0;color:#c6b9ae}.closing .actions{justify-content:center}.closing .underline{margin:0}.practices{background:#302927}.practices .section-heading{max-width:800px;margin-bottom:50px}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 8vw}.practice-grid article{border-top:1px solid #87644e;padding-top:20px}.practice-grid span{color:#e5a27b;font-size:12px}.practice-grid h3{margin:18px 0}.practice-grid p{color:#c6b9ae;font-size:15px}.example{border-left:2px solid #c6855e;padding:15px 0 15px 22px;margin-top:25px;font-size:15px}.area{display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid var(--line)}.area:nth-child(even){background:#292628}.page-intro+section{padding-top:60px}.price-card h2{font-size:35px}.site-header .wordmark{flex-shrink:0}.site-header nav{gap:24px}
@media(max-width:900px){.site-header nav{gap:12px}.site-header .wordmark{font-size:22px}.site-header{padding-left:24px;padding-right:24px}.essay,.area{gap:35px}.site-book{gap:6vw}}
@media(max-width:700px){.site-header nav{z-index:30;gap:0}.site-hero{min-height:710px;height:calc(100svh - 78px)}.site-hero .hero-content{padding:100px 25px 110px}.site-hero h1{font-size:56px}.site-hero .hero-copy{font-size:17px;line-height:1.7}.hero-bottom>span{max-width:220px;line-height:1.8}.page-intro{padding-top:65px;padding-bottom:50px}.page-intro h1{font-size:48px}.page-intro .lead{font-size:19px}.essay,.life-preview,.site-book,.area,.practice-grid{grid-template-columns:1fr;gap:32px}.life-links h3{font-size:27px}.life-links a{padding:20px 0}.site-book img{max-width:290px}.closing{text-align:left}.closing .actions{justify-content:flex-start}.closing h2{font-size:42px}.site-header .wordmark{font-size:24px}.practice-grid h3{font-size:30px}.area h2{font-size:39px}.actions{gap:12px}.site-hero .actions{align-items:flex-start;flex-direction:column}}

.book-registration{width:100%;max-width:670px;height:790px;border:1px solid var(--line);margin-top:30px;background:var(--paper)}

/* Editorial opening: presence and self-reflection. */
.life-hero{position:relative;isolation:isolate;max-width:none;min-height:680px;display:flex;flex-direction:column;justify-content:center;padding-top:110px;padding-bottom:100px;background:#1c1c1f url('/kuleana-site-assets/vida-consciente-hero.png') center 48%/cover no-repeat}
.life-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#151519d9 0%,#1515198c 45%,#1515190d 85%),linear-gradient(0deg,#20202299,transparent 55%)}
.life-hero .eyebrow{color:#edb28b}.life-hero h1{max-width:780px;font-size:clamp(46px,5.8vw,84px);text-shadow:0 2px 24px #0004}.life-hero .narrated-heading{max-width:770px;align-items:flex-start;flex-direction:column;gap:22px}.life-hero .lead{max-width:580px;color:#f0e7de;font-size:19px;margin-top:24px;text-shadow:0 1px 14px #0008}.life-hero .narration-toggle:before{background:#1c1b1d88;border-color:#dba77f66}
@media(max-width:700px){.life-hero{min-height:690px;justify-content:flex-end;padding:220px 25px 56px;background-position:84% center}.life-hero:before{background:linear-gradient(0deg,#151519f5 0%,#151519c9 36%,#1515194d 75%,#15151912)}.life-hero h1{font-size:clamp(42px,10.8vw,58px)}.life-hero .lead{font-size:17px;line-height:1.7}.life-hero .narrated-heading{gap:18px}.life-hero .eyebrow{margin-bottom:18px}}

/* Original footage: one calm opening per page and a shorter five-axis introduction. */
.motion-hero{position:relative;isolation:isolate;overflow:hidden;max-width:none;min-height:580px;display:flex;flex-direction:column;justify-content:center;padding-top:90px;padding-bottom:100px;background:#202022}
.motion-hero .editorial-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;z-index:-2}
.motion-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#151519eb 0%,#151519bb 44%,#1515194d 100%),linear-gradient(0deg,#20202299,transparent)}
.motion-hero h1{max-width:850px}.motion-hero .lead{max-width:670px;color:#f0e7de}.motion-hero .eyebrow{color:#edb28b}
.motion-toggle{position:absolute;right:32px;bottom:24px;min-height:44px;padding:8px 12px;color:#f4e9dc;background:#1d1b1d99;border:1px solid #d6b79c70;border-radius:24px;font-size:10px;letter-spacing:.04em;cursor:pointer}
.motion-toggle:focus-visible{outline:2px solid #edb28b;outline-offset:3px}
.axes .axis-film{padding:56px 40px 85px;margin-bottom:34px;min-height:390px}.axis-film h2{max-width:720px}.axis-film p:not(.eyebrow){max-width:600px;color:#f0e7de}
@media(max-width:700px){.motion-hero{min-height:610px;padding:115px 25px 90px;justify-content:flex-end}.motion-hero:before{background:linear-gradient(0deg,#151519f5 0%,#151519d1 45%,#15151950 100%)}.motion-hero .editorial-video{object-position:center 42%}.motion-hero .lead{font-size:17px;line-height:1.7;margin-top:24px}.motion-hero h1{font-size:clamp(40px,10.8vw,55px)}.motion-toggle{right:22px;bottom:18px}.axes .axis-film{padding:70px 24px 85px;min-height:420px;margin-left:-25px;margin-right:-25px}}

/* Editorial navigation: one mark, quiet controls, clear hierarchy. */
.site-header .brand-lockup{display:flex;align-items:center;gap:12px;line-height:1;min-height:60px}
.site-header .brand-emblem{display:block;width:58px;height:45px;overflow:hidden;flex:0 0 58px;letter-spacing:0}
.brand-emblem img{display:block;width:58px;height:auto;max-width:none}
.site-header .wordmark .brand-type{display:block;font:25px/1.1 var(--serif);letter-spacing:.16em}
.brand-type small{display:block;font:6px/1.6 var(--sans);letter-spacing:.25em;margin-top:6px}
.motion-toggle,.hero-bottom #motion{background:transparent;border:0;border-radius:0;padding:10px 0;min-height:44px;color:#f4e9dc;font-size:10px;letter-spacing:.04em;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#f4e9dc66;text-shadow:0 1px 8px #000}
.motion-toggle:hover,.hero-bottom #motion:hover{text-decoration-color:currentColor}
@media(min-width:701px) and (max-width:1100px){.site-header{padding-left:22px;padding-right:22px}.site-header nav{gap:13px;font-size:10px}.site-header .wordmark .brand-type{font-size:21px}.site-header .brand-emblem{width:46px;height:36px;flex-basis:46px}.brand-emblem img{width:46px}}
@media(max-width:700px){.site-header .brand-lockup{gap:9px}.site-header .wordmark .brand-type{font-size:22px}.site-header .brand-emblem{width:48px;height:38px;flex-basis:48px}.brand-emblem img{width:48px}.brand-type small{font-size:5px}}

.menu-toggle svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.4}.menu-toggle[aria-expanded=true] svg{transform:rotate(90deg)}

@media(max-width:700px){.site-hero .hero-bottom{bottom:72px;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}.site-hero .hero-bottom>span{max-width:155px}.site-hero .hero-bottom #motion{max-width:115px;text-align:right;font-size:9px}}