:root{--navy:#203650;--paper:#f2f0e9;--blue:#a7bbc8;--ink:#24323e;--ochre:#bf925c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 'Helvetica Neue',Arial,sans-serif}a{color:inherit;text-underline-offset:6px}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--ochre);outline-offset:6px}.skip{position:absolute;top:-100px;z-index:30}.skip:focus{top:0;background:white;padding:15px}.draft{position:absolute;top:0;left:0;right:0;padding:5px 5%;background:#13243bbb;color:white;z-index:10;font-size:10px;text-align:center}header{position:absolute;top:35px;width:100%;padding:25px 5%;display:flex;justify-content:space-between;gap:30px;z-index:5;color:white}.brand{font-size:30px;letter-spacing:-.045em;line-height:1.05;text-decoration:none}.brand span{display:block;font-size:11px;letter-spacing:0;margin-top:9px}nav{display:flex;gap:35px;font-size:13px;align-items:center}nav a{text-decoration:none}nav a:last-child{border-bottom:1px solid #ffffff80;padding-bottom:5px}.hero{position:relative;height:100svh;min-height:780px;max-height:1250px;background:var(--navy);color:white;overflow:hidden}.film{position:absolute;inset:0;transform:scale(1.02)}.film video{width:100%;height:100%;object-fit:cover;object-position:60% center}.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#172b43c9,#172b4355 60%,#172b4310),linear-gradient(0deg,#172b43b0,transparent 25%)}.hero-copy{position:absolute;left:7%;right:5%;bottom:19%;z-index:2}.hero-copy>p{font-size:12px;margin-bottom:28px}.hero h1{font:400 clamp(75px,8.2vw,135px)/.98 'Helvetica Neue',Arial,sans-serif;letter-spacing:-.065em;margin:0 0 38px}.hero-copy>a{display:inline-flex;align-items:center;gap:50px;text-decoration:none;font-size:12px;border-bottom:1px solid #ffffff70;padding-bottom:12px}.hero-copy>a span{font-size:26px}.film-controls{position:absolute;left:7%;bottom:30px;display:flex;align-items:center;gap:20px;font-size:10px}.film-controls button{font-size:11px;padding:9px 15px;background:#20365070;border:1px solid #ffffff80;border-radius:25px;cursor:pointer;color:white}.hero-place{position:absolute;right:5%;bottom:35px;text-align:right;font-size:11px}.opening{display:grid;grid-template-columns:1fr 2fr;gap:9%;padding:145px 8% 125px}.section-label{font-size:12px}.opening h2,h2{font-size:clamp(42px,5.2vw,80px);line-height:1.08;letter-spacing:-.045em;font-weight:400;margin:0 0 40px}.opening p{max-width:49ch}.lead{font-size:24px;line-height:1.5}.chapters{display:grid;grid-template-columns:1fr 1.1fr;margin:0 8% 140px;box-shadow:0 20px 70px #20365009}.chapter-nav{background:#dce3e5;padding:50px}.chapter-nav [role=tablist]{display:flex;flex-direction:column;margin-top:65px}.chapter-nav [role=tab]{background:none;border:0;border-bottom:1px solid #9bafb9;padding:27px 0;text-align:left;display:flex;gap:20px;justify-content:space-between;font-size:22px;line-height:1.3;cursor:pointer;color:#516977}.chapter-nav [role=tab][aria-selected=true]{color:#142c48}.chapter-nav [role=tab] span{opacity:0}.chapter-nav [role=tab][aria-selected=true] span{opacity:1}.chapter-page{background:#faf9f5;padding:50px 55px 45px;min-height:580px;position:relative}.chapter-page h3{font:400 44px/1.08 Georgia,serif;letter-spacing:-.04em;margin:20px 0 25px}.chapter-page p{font-size:16px;max-width:34ch}.chapter-page>a{font-size:12px;display:inline-block;margin-top:20px}.paper-mark{display:flex;height:115px;align-items:center;padding-left:10px}.paper-mark i{display:block;width:70px;height:95px;background:#a7bbc860;border:1px solid #809eae50;border-radius:55% 10% 45% 10%;transform:rotate(-15deg);margin-left:-10px;transition:transform .6s,background .6s}.paper-mark i:nth-child(2){transform:rotate(10deg);background:#bf925c35}.paper-mark i:nth-child(3){transform:rotate(25deg)}.chapters[data-theme=illness] .paper-mark i{transform:rotate(0deg) translateX(8px)}.chapters[data-theme=loss] .paper-mark i{transform:rotate(-25deg);background:#a7bbc830}.chapter-page [role=tabpanel]:not([hidden]){animation:page-in .4s ease}@keyframes page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.book{padding:110px 8%;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;background:var(--navy);color:var(--paper)}.book-copy h2{font-size:clamp(40px,4.5vw,67px)}.book-copy p{font-size:16px;max-width:41ch}.book-copy a{display:inline-block;font-size:12px;margin-top:20px}.book-art{height:500px;position:relative;perspective:1000px}.book-sheet{position:absolute;width:73%;height:83%;left:10%;top:4%;background:#d6e0e4;transform:rotate(-9deg);box-shadow:10px 18px 45px #0e223860}.book-sheet.front{background:#f1eee4;color:var(--navy);transform:rotate(5deg);padding:40px 30px;transition:transform .6s}.book-art:hover .front{transform:rotate(0deg)}.book-sheet.front>span{font:40px/1.05 Georgia,serif;letter-spacing:-.04em}.book-art small{position:absolute;bottom:0;left:10%;font-size:10px}.line-fish{position:absolute;bottom:45px;left:30px;display:flex;gap:8px;transform:rotate(-10deg)}.line-fish i{width:65px;height:26px;border:1px solid #859dab;border-radius:50%;position:relative}.line-fish i:after{content:'';position:absolute;right:-7px;top:6px;width:12px;height:12px;border-right:1px solid #859dab;border-top:1px solid #859dab;transform:rotate(45deg)}.line-fish i:nth-child(2){margin-top:30px}.person{display:grid;grid-template-columns:1fr 1.25fr;gap:12%;padding:145px 8%}.person-heading{position:sticky;top:45px;align-self:start}.person-heading h2{font-size:clamp(90px,12vw,180px);line-height:.9;margin:45px 0}.person-heading>p:last-of-type{font-size:12px}.person-heading>a{font-size:12px}.timeline h3{font:400 40px/1.1 Georgia,serif;letter-spacing:-.035em;margin:35px 0 50px}.timeline>div{display:grid;grid-template-columns:100px 1fr;gap:25px;border-top:1px solid #b6c0c5;padding:25px 0}.timeline span{font-size:12px}.timeline p{font-size:16px;margin:0}.contact{padding:110px 8%;background:#dce3e5}.contact h2{font-size:clamp(50px,7vw,105px)}.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;border-top:1px solid #9bafb9;padding-top:40px}.phone{font-size:clamp(28px,3.5vw,52px);letter-spacing:-.04em;text-decoration:none}.phone>span:first-child{display:block;font-size:12px;letter-spacing:0;margin-bottom:15px}.phone>span:last-child{font-size:27px}.contact address{font-style:normal;font-size:18px}.contact-grid>div>a{font-size:12px;display:inline-block;margin-top:20px}.contact-grid>div>p{font-size:12px;margin-top:30px}footer{padding:45px 6%;display:flex;justify-content:space-between;gap:25px}footer button{border:0;background:none;font-size:12px;text-decoration:underline;margin-left:20px;cursor:pointer}dialog{width:90%;max-width:650px;max-height:85vh;background:var(--paper);color:var(--ink);border:0;padding:45px}dialog h2{font-size:36px}dialog p{font-size:15px}dialog::backdrop{background:#172b43c9}.close{position:absolute;right:14px;top:8px;border:0;background:none;font-size:30px;cursor:pointer}.ready .hero-copy{animation:enter 1s ease-out both}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(max-width:800px){.chapter-nav{padding:30px}.chapter-page{padding:30px}.book-sheet.front{padding:30px 20px}.book-sheet.front>span{font-size:30px}.line-fish i{width:40px}.book-art{height:390px}}@media(max-width:600px){header{padding:25px 6%}.brand{font-size:26px}nav>a:not(:last-child){display:none}nav{font-size:11px}.hero{min-height:750px;max-height:1000px}.hero h1{font-size:clamp(56px,14vw,85px)}.hero-copy{left:7%;bottom:23%}.hero-copy>p{max-width:27ch;font-size:11px}.film video{object-position:65% center}.hero-place{display:none}.film-controls{left:7%;right:7%;bottom:25px;justify-content:space-between;gap:10px}.film-controls>span{max-width:17ch}.opening{display:block;padding:75px 7%}.opening .section-label{margin-bottom:35px}.opening h2{font-size:41px}.lead{font-size:21px}.chapters{grid-template-columns:1fr;margin:0 7% 75px}.chapter-nav [role=tablist]{margin-top:25px}.chapter-nav [role=tab]{font-size:19px;padding:20px 0}.chapter-page{min-height:470px}.chapter-page h3{font-size:38px}.book{grid-template-columns:1fr;padding:65px 7%;gap:40px}.book-art{height:430px;max-width:400px;width:100%;margin:auto}.book-sheet.front>span{font-size:36px}.line-fish i{width:55px}.book-copy h2{font-size:42px}.person{grid-template-columns:1fr;padding:75px 7%;gap:35px}.person-heading{position:static}.person-heading h2{font-size:115px}.timeline>div{grid-template-columns:85px 1fr;gap:15px}.timeline h3{font-size:36px}.contact{padding:70px 7%}.contact h2{font-size:48px}.contact-grid{grid-template-columns:1fr;gap:35px}.phone{font-size:34px}footer{flex-direction:column}footer button{margin:0 20px 0 0}dialog{padding:40px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.book{display:block;padding:100px 8%}
.book-copy{display:grid;grid-template-columns:1.15fr 1fr;column-gap:12%;align-items:start}
.book-copy>.section-label{grid-column:1/-1;margin-bottom:35px}
.book-copy h2{grid-column:1;grid-row:2/5;margin:0}
.book-copy p:not(.section-label),.book-copy>a{grid-column:2}
.contact-channels{min-width:0}
.contact-grid .contact-channels>a{display:block;margin-top:0;padding:0 0 25px;border-bottom:1px solid #9bafb9;text-decoration:none;font-size:clamp(22px,2.8vw,40px);letter-spacing:-.035em;overflow-wrap:anywhere}
.contact-grid .contact-channels>.phone{padding-top:25px}
.contact-email>span:first-child{display:block;font-size:12px;letter-spacing:0;margin-bottom:15px}
.contact-email>span:last-child{font-size:25px}
.contact-channels a:hover{color:#476783}
@media(max-width:600px){.book{padding:65px 7%}.book-copy{display:block}.book-copy h2{margin-bottom:35px}.contact-grid .contact-channels>a{font-size:28px}}

.brand-lockup{display:flex;align-items:center;gap:15px}.brand-lockup .brand-mark{width:58px;height:58px;flex:none}.brand-lockup .brand-name{font-size:28px;letter-spacing:-.045em;margin:0}.brand-lockup .brand-name>span{font-size:11px;letter-spacing:0;margin-top:9px}@media(max-width:600px){.brand-lockup{gap:9px}.brand-lockup .brand-mark{width:43px;height:43px}.brand-lockup .brand-name{font-size:23px}.brand-lockup .brand-name>span{font-size:9px}}