@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600&display=swap');
:root{--paper:#f6f0e6;--cream:#fffcf6;--tan:#c8a982;--ink:#171817;--sage:#8a9a7b;--denim:#47657e;--muted:#5c605b;--line:#21282026;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.23;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E")}
button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}img{display:block;width:100%}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a96934;outline-offset:5px}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:15px}.skip:focus{top:0}.wrap{width:min(1300px,calc(100% - 100px));margin:auto}.section{padding:110px 0}.kicker{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:#52634e;margin:0 0 25px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.02;letter-spacing:-.04em}h1{font-size:clamp(3.8rem,5.6vw,6.7rem);margin-bottom:26px}h2{font-size:clamp(3.4rem,5.2vw,5.8rem);margin-bottom:25px}h3{font-size:2.6rem}em{font-weight:400}p{margin-bottom:22px}.lead{font-size:19px;line-height:1.65}.micro{font-size:12px;letter-spacing:.05em;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:56px;padding:15px 23px;background:linear-gradient(120deg,#56758b,#3c5c76);border:1px solid #47657e;color:#fff;text-decoration:none;font-size:14px;font-weight:500;border-radius:5px;box-shadow:0 8px 18px #314f6818;transition:transform .25s,box-shadow .25s}.btn span{font-size:21px}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 26px #314f6830}.btn.small{min-height:44px;padding:9px 18px;font-size:13px}.link{font:500 14px var(--sans);background:none;border:0;border-bottom:1px solid currentColor;padding:8px 0;text-decoration:none}.actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.header{height:96px;padding:0 3.6%;display:flex;align-items:center;gap:30px;background:#f6f0e6f5;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{text-decoration:none;flex-shrink:0;line-height:1}.brand strong{display:block;font:500 32px var(--serif);letter-spacing:.18em}.brand span{font-size:9px;letter-spacing:.35em;display:block;margin-top:2px}.brand-note{border-left:1px solid var(--tan);padding-left:24px;color:#8c7454;font-size:9px;line-height:1.9;letter-spacing:.15em}.header nav{display:flex;align-items:center;gap:24px;margin-left:auto}.header nav>:is(a,button):not(.btn){font-size:13px;text-decoration:none}.header nav>:is(a,button):hover{color:#a47e52}.menu{display:none}
.hero{position:relative;display:grid;grid-template-columns:48% 52%;min-height:680px;background:radial-gradient(ellipse at 75% 55%,#f2e7d6,transparent 65%),var(--paper)}.hero-photo{position:relative;min-height:680px}.hero-photo img{height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 35%;mask-image:linear-gradient(90deg,#000 78%,transparent);filter:saturate(.85)}.hero-copy{padding:80px 6vw 80px 1vw;align-self:center;position:relative}.hero-copy .lead{max-width:520px;color:#424840}.hero-foot{font-family:var(--serif);font-size:19px;color:#6e7866;font-style:italic;margin-top:32px}.photo-caption{position:absolute;bottom:40px;left:8%;padding:17px 22px;background:#f7f0e6dd;backdrop-filter:blur(10px);font-size:12px;letter-spacing:.15em;box-shadow:0 8px 40px #18181115}.photo-caption i{display:block;font-family:var(--serif);font-size:21px;letter-spacing:0}.scroll-note{position:absolute;bottom:22px;right:4%;font-size:9px;letter-spacing:.22em;text-decoration:none;color:#63715f}.scroll-note span{font-size:18px;margin-left:12px}
.hats{position:relative;overflow:hidden;background:#faf8f1}.landscape{position:absolute;inset:0;background:url('/assets/landscape.jpg') center bottom/cover no-repeat;opacity:.55}.hats:after{content:"";position:absolute;inset:0;background:linear-gradient(#fff9 0%,#fff7 48%,transparent);pointer-events:none}.hats-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.hats-copy>p:not(.kicker):not(.micro){max-width:450px}.hats-copy .btn{margin-top:10px}.compass-stage{text-align:center}.compass-caption{font-size:10px;letter-spacing:.24em;color:#65715d}.compass{margin:25px auto;position:relative;width:100%;max-width:510px;aspect-ratio:1;border-radius:50%;border:12px solid #f5efe4;outline:1px solid #baab90;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#f5efe4;box-shadow:0 30px 65px #25241629,0 0 0 22px #fff4;isolation:isolate}.sector{border:0;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;position:relative;transition:filter .25s,transform .3s;background-image:linear-gradient(135deg,#fff2,transparent 65%,#0001)}.sector.home{background-color:var(--tan);border-top-left-radius:100%;padding:12% 0 4% 14%;color:#282719}.sector.achievement{background-color:var(--ink);border-top-right-radius:100%;padding:12% 14% 4% 0}.sector.time{background-color:var(--denim);border-bottom-left-radius:100%;padding:4% 0 12% 14%}.sector.self{background-color:var(--sage);border-bottom-right-radius:100%;padding:4% 14% 12% 0;color:#142114}.sector-icon{font-size:33px;line-height:1.3}.sector strong{font-family:var(--serif);font-size:19px;font-weight:500;letter-spacing:.045em}.sector small{font-size:10px;opacity:.85}.sector .plus{font-size:21px;line-height:1.3;opacity:.8}.sector:hover,.sector:focus-visible{filter:brightness(1.12);transform:scale(1.025);z-index:2;box-shadow:0 10px 24px #0002}.compass-center{position:absolute;left:34%;top:34%;width:32%;height:32%;z-index:3;border-radius:50%;background:linear-gradient(130deg,#fffdf7,#e4d9c6);box-shadow:0 8px 20px #0002,inset 0 0 0 8px #f6f0e6,inset 0 0 0 9px #c8bdaa;display:flex;flex-direction:column;justify-content:center;pointer-events:none;line-height:1.1}.compass-center span{font-family:var(--serif);font-size:18px}.compass-center em{font-family:var(--serif);font-size:27px}.compass-instruction{font-size:12px;letter-spacing:.04em;color:#4d5549;margin-top:30px}.principle-line{position:relative;z-index:2;border-top:1px solid #7776;margin-top:75px;padding-top:28px;display:flex;justify-content:space-between;gap:15px;align-items:center}.principle-line span{font-size:10px;letter-spacing:.2em}.principle-line i{font-family:var(--serif);font-size:27px;text-align:center}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:52px}.section-heading h2{margin-bottom:0}.section-intro{max-width:320px;color:#5d6558;font-size:16px;margin-bottom:6px}.method{background:#ebe6da}.method-experience{border:1px solid #bcb5a6;background:#f8f4eb;box-shadow:0 25px 65px #2729190d}.method-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.method-tabs button{position:relative;display:grid;grid-template-columns:38px 1fr 20px;text-align:left;gap:0 15px;background:#e9e7dc;border:0;border-right:1px solid var(--line);padding:27px 30px;transition:background .3s}.method-tabs button:last-child{border-right:0}.method-tabs button>span{font-size:12px;color:#647358;grid-row:span 2;align-self:center}.method-tabs strong{font-family:var(--serif);font-size:31px;font-weight:500}.method-tabs small{grid-column:2;font-size:12px;color:#62715a}.method-tabs i{grid-column:3;grid-row:1 / 3;align-self:center;font-style:normal}.method-tabs [aria-selected=true]{background:var(--ink);color:white}.method-tabs [aria-selected=true] small,.method-tabs [aria-selected=true]>span{color:var(--tan)}.method-panel{display:grid;grid-template-columns:46% 54%;min-height:430px}.method-art{position:relative;overflow:hidden}.method-art img{height:100%;object-fit:cover;filter:saturate(.65);transition:transform 1s}.method-experience:hover .method-art img{transform:scale(1.025)}.art-number{position:absolute;top:15px;left:30px;font-family:var(--serif);font-size:95px;color:#fff9}.art-caption{position:absolute;bottom:20px;left:30px;padding:12px;background:#f7f2e6d9;font-size:10px;letter-spacing:.17em}.method-detail{padding:50px 60px;align-self:center}.method-detail h3{font-size:50px;margin-bottom:20px}.method-detail>p{max-width:440px}.method-detail blockquote{margin:20px 0 28px;padding-left:20px;border-left:1px solid var(--tan);font:italic 23px/1.2 var(--serif)}
.services,.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 26px}.service{border:0;padding:0;text-align:left;background:transparent;color:inherit;display:block}.service-image{display:block;position:relative;aspect-ratio:1.27;overflow:hidden;border-radius:3px;box-shadow:0 16px 35px #39342614;background:#c8b99b}.service-image img{height:100%;object-fit:cover;transition:transform .65s,filter .65s;filter:saturate(.65)}.service:hover .service-image img{transform:scale(1.06);filter:saturate(.95)}.service-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,#0c1c2399)}.service-label{position:absolute;z-index:1;top:20px;left:20px;color:white;font-size:10px;letter-spacing:.18em}.service-image em{position:absolute;z-index:1;bottom:23px;left:25px;color:white;font:italic 38px/1.1 var(--serif);max-width:80%}.service-circle{position:absolute;right:19px;bottom:22px;z-index:2;width:38px;height:38px;background:#fff2;border:1px solid #fff7;border-radius:50%;display:grid;place-items:center;color:white;transition:background .3s}.service:hover .service-circle{background:white;color:var(--ink)}.service h3{font-size:27px;letter-spacing:-.025em;margin:22px 0 8px}.service p{color:#596153;font-size:14px;max-width:340px;margin:0}.service .service-action{display:block;margin-top:15px;color:#47657e;font-size:12px;font-weight:600}.service:nth-child(2) img{object-position:70% 50%}.service:nth-child(3) img{object-position:25% 50%}.service:nth-child(4) img{object-position:center bottom}.service:nth-child(5) img{transform:scale(1.1)}.service:nth-child(6) img{object-position:right center}.application-note{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);margin-top:55px;padding-top:25px;color:#63715e;font-size:12px}
.about{background:linear-gradient(110deg,#e5dbc9,#f3eade)}.about-grid{display:grid;grid-template-columns:43% 48%;justify-content:space-between;align-items:center}.about-portrait{position:relative;padding:0 30px 30px 0}.portrait-frame{box-shadow:22px 22px 0 #c8a98255,0 22px 60px #28251920}.portrait-frame img{aspect-ratio:.85;object-fit:cover;object-position:center 30%;filter:saturate(.8)}.signature{position:absolute;bottom:10px;left:30px;font:italic 52px var(--serif);color:white;text-shadow:0 3px 8px #0004}.portrait-index{position:absolute;right:-7px;top:40%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.2em;color:#536147}.about h2{font-size:clamp(3.2rem,4.5vw,5rem)}.about p:not(.kicker){color:#4a5147}.about blockquote{font:italic 30px/1.3 var(--serif);margin:30px 0;padding-top:28px;border-top:1px solid #b2a58c}
.resources{background:#fbf8f1}.resource{text-decoration:none;display:block}.resource-art{min-height:310px;padding:29px;position:relative;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 35px #2422151c,inset 0 0 0 1px #fff4;transition:transform .4s;overflow:hidden;background-image:radial-gradient(ellipse at top left,#fff4,transparent 70%)}.resource:hover .resource-art{transform:translateY(-7px) rotate(-1deg)}.resource-art:after{content:"";position:absolute;inset:15px;border:1px solid #fff4;pointer-events:none}.tan-art{background-color:#c6ad89}.black-art{background-color:#252b29;color:#f3ebdc}.sage-art{background-color:#8e9d83}.resource-edition,.resource-seal{font-size:9px;letter-spacing:.17em;z-index:1}.resource-art strong{font:500 57px/.94 var(--serif);letter-spacing:-.04em;margin:30px 0}.resource-art strong>span{display:block;font:italic 22px/1.2 var(--serif);margin-top:14px;letter-spacing:0}.resource-meta{padding-top:24px}.resource-meta>span{font-size:10px;letter-spacing:.14em;color:#62725c}.resource-meta h3{font-size:28px;margin:9px 0 10px;display:flex;justify-content:space-between;gap:20px}.resource-meta h3 i{font-size:22px}.resource-meta p{font-size:14px;color:#596153}
.final-cta{position:relative;text-align:center;padding:100px 0;background:linear-gradient(#35536ceb,#35536cf2),url('/assets/landscape.jpg') center/cover;color:#fffaf0}.final-cta .kicker{color:#e0d4bf}.final-cta h2{font-size:clamp(4rem,7vw,7rem)}.final-cta .actions{justify-content:center}.btn.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.contact-email{font-size:12px;margin-top:32px;color:#d7dfdf}.footer{padding:60px 0 30px;display:flex;align-items:start;gap:50px;flex-wrap:wrap}.footer p{font-size:13px;color:#5d6758}.footer>div{margin-left:auto;display:flex;gap:25px;font-size:13px}.footer a{text-decoration:none}.footer small{border-top:1px solid var(--line);padding-top:22px;width:100%;font-size:11px;color:#6a7263}
.detail-dialog{width:min(710px,calc(100% - 30px));max-height:90dvh;padding:0;border:1px solid #d5c9b4;background:var(--cream);color:var(--ink);box-shadow:0 35px 120px #0005;border-radius:7px;overscroll-behavior:contain}.detail-dialog::backdrop{background:#1720199c;backdrop-filter:blur(7px)}.detail-dialog[open]{animation:enter .3s ease}.close-dialog{position:sticky;top:14px;float:right;margin:14px 16px -60px 0;z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid #aca993;background:#fffdf5;color:#202820;font-size:26px}.modal-header{padding:55px 45px 26px;background:linear-gradient(125deg,#e8decd,#fbf8f0)}.modal-header h2{font-size:51px;margin:10px 0 18px}.modal-header p:last-child{margin:0}.modal-body{padding:28px 45px 45px}.modal-body blockquote{font:italic 29px/1.3 var(--serif);border-left:2px solid var(--tan);padding-left:20px;margin:20px 0 30px}.modal-body h3{font-size:28px}.modal-body ul{padding-left:20px}.modal-body li{margin:10px 0}.application-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:500}.field.full,.consent,.form-status,.application-form .btn,.form-note{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid #b9beaf;background:#fffdf7;color:#19201a;border-radius:3px;font-size:16px}.field textarea{min-height:100px;resize:vertical}.consent{display:flex;gap:10px;font-size:12px;line-height:1.5;align-items:start}.consent input{margin-top:3px;accent-color:var(--denim);width:18px;height:18px;flex-shrink:0}.form-note{font-size:12px;color:#5c6955;margin:0}.form-status{margin:0;font-size:14px}.form-status.error{color:#9b3827}.trap{position:absolute;left:-9999px}.success-box{padding:25px;background:#e6ecde;border:1px solid #9fae94}.success-box h3{margin:0 0 12px}.success-box p{margin-bottom:0}
@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero-copy{padding-right:9vw}.hero{min-height:750px}.hero-photo{min-height:750px}}
@media(max-width:1200px){.brand-note{display:none}.header{padding:0 30px}.header nav{gap:18px}.wrap{width:calc(100% - 64px)}.hero-copy{padding:60px 35px 65px 0}.hero-photo,.hero{min-height:650px}h1{font-size:5.2vw}.hero .actions{gap:18px}.hero .btn{font-size:13px;padding:14px 17px}.hats-grid{gap:45px}.method-detail{padding:40px}.method-tabs button{padding:24px 20px;gap:0 10px}.method-tabs strong{font-size:28px}.sector small{font-size:9px}.sector strong{font-size:17px}.service-image em{font-size:32px}}
@media(max-width:950px){.menu{display:flex;gap:15px;align-items:center;margin-left:auto;border:1px solid var(--line);padding:9px 12px;background:none;border-radius:3px}.header{height:78px}.header nav{display:none;position:absolute;top:78px;left:0;right:0;padding:28px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 25px 35px #0001}.header nav.open{display:grid;gap:20px}.header nav>:is(a,button):not(.btn){font-size:16px}.hero{grid-template-columns:44% 56%}.hero-copy{padding-left:10px}.hero h1{font-size:5.5vw}.hero .lead{font-size:16px}.hero-photo,.hero{min-height:620px}.photo-caption{bottom:50px;left:20px;font-size:10px;padding:12px}.hats-grid{grid-template-columns:1fr;gap:45px}.hats-copy{max-width:650px}.hats-copy h2{font-size:65px}.compass-stage{width:min(510px,100%);margin:auto}.services{grid-template-columns:1fr 1fr}.resource-art{padding:24px;min-height:260px}.resource-art strong{font-size:43px}.resource-edition,.resource-seal{font-size:8px}.resource-meta h3{font-size:25px}.about-grid{grid-template-columns:40% 53%}.about h2{font-size:49px}.section-heading{gap:30px}.section-intro{max-width:250px}.method-detail{padding:32px}.method-detail h3{font-size:42px}.method-tabs button{grid-template-columns:25px 1fr}.method-tabs i{display:none}.application-note{font-size:10px}.footer{gap:30px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header{padding:0 20px;height:75px}.brand strong{font-size:27px}.brand span{font-size:8px}.header nav{top:75px}.section{padding:75px 0}.kicker{font-size:10px;line-height:1.8;letter-spacing:.15em;margin-bottom:20px}.hero{display:flex;flex-direction:column;min-height:auto}.hero-photo{min-height:0;height:410px;order:0}.hero-photo img{object-position:center 32%;mask-image:linear-gradient(#000 74%,transparent)}.photo-caption{bottom:45px;left:20px}.hero-copy{order:1;padding:0 24px 60px;margin-top:-2px}.hero h1{font-size:clamp(45px,11vw,68px);letter-spacing:-.04em}.hero .lead{font-size:16px}.hero-copy .kicker{margin-top:10px}.hero .actions{gap:24px}.hero .btn{font-size:14px}.hero-foot{font-size:18px;margin:28px 0 0}.scroll-note{display:none}h2,.hats-copy h2{font-size:clamp(43px,11vw,65px)}.lead{font-size:17px}.hats-grid{gap:32px}.landscape{opacity:.42;background-position:center bottom;background-size:auto 100%}.hats-copy>p:not(.kicker){font-size:16px}.hats-copy .micro{font-size:11px!important}.compass{border-width:8px;box-shadow:0 20px 40px #25241629,0 0 0 10px #fff4}.compass-center em{font-size:21px}.compass-center span{font-size:15px}.sector strong{font-size:15px}.sector small{display:none}.sector-icon{font-size:29px}.sector .plus{font-size:18px}.compass-caption{font-size:9px}.compass-instruction{font-size:11px}.principle-line{margin-top:40px;padding-top:20px}.principle-line i{font-size:23px}.principle-line span{display:none}.section-heading{display:block;margin-bottom:35px}.section-intro{max-width:100%;margin-top:24px;font-size:15px}.method-tabs button{display:flex;flex-direction:column;gap:4px;padding:20px 12px}.method-tabs strong{font-size:24px}.method-tabs small{font-size:10px}.method-tabs button>span{align-self:start;font-size:10px}.method-panel{grid-template-columns:1fr}.method-art{height:240px}.art-number{font-size:80px}.method-detail{padding:30px 25px}.method-detail h3{font-size:43px}.method-detail blockquote{font-size:25px}.services{grid-template-columns:1fr;gap:35px}.service-image{aspect-ratio:1.42}.service-image em{font-size:39px}.service h3{font-size:29px;margin-top:18px}.service p{max-width:100%;font-size:15px}.application-note{flex-direction:column;gap:14px;font-size:12px;margin-top:35px}.about-grid{grid-template-columns:1fr;gap:50px}.about-portrait{padding-right:20px}.portrait-frame img{aspect-ratio:1;object-position:center 26%}.about h2{font-size:48px}.about blockquote{font-size:27px}.resource-grid{grid-template-columns:1fr;gap:38px}.resource-art{min-height:310px;padding:30px}.resource-art strong{font-size:60px}.resource-edition,.resource-seal{font-size:10px}.resource-meta h3{font-size:29px}.final-cta{padding:75px 0}.final-cta h2{font-size:60px}.final-cta .actions{flex-direction:column;gap:24px}.footer{padding-top:40px;gap:20px}.footer>div{margin-left:0;flex-wrap:wrap;gap:23px}.footer .brand{width:100%}.modal-header{padding:55px 24px 25px}.modal-header h2{font-size:43px}.modal-body{padding:25px 24px 32px}.application-form{grid-template-columns:1fr}.field{grid-column:1/-1}.detail-dialog{max-height:93dvh}.compass-stage{max-width:420px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Image-safe portrait framing and platform-independent vector arrows. */
.hero-photo img{object-position:center 16%}
.icon-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex:none}
.sector-icon .icon-arrow{width:1em;height:1em}
.mobile-title{display:none}
@media(max-width:650px){
 .hero-photo{height:440px}.hero-photo img{object-position:center 12%}
 .hero-foot,.principle-line,.method-detail blockquote,.about blockquote,.application-note,.art-caption{display:none}
 .desktop-title{display:none}.mobile-title{display:inline}
 .hats-grid{display:flex;flex-direction:column;gap:24px}
 .hats-copy{display:contents}.hats-copy>.kicker{display:none}
 .hats-copy>h2{order:1;margin:0}.compass-stage{order:2;width:100%;margin:0 auto}
 .hats-copy>.btn{order:3;align-self:flex-start}.hats-copy>.lead{order:4;margin:6px 0 0}
 .hats-copy>p:not(.lead):not(.kicker):not(.micro){order:5;margin:0}
 .hats-copy>.micro{display:none}.compass-caption{display:none}
}
/* Keep the generated scenes readable without cropping people's heads. */
.service-image{aspect-ratio:3/2}.service .service-image img{object-position:center;transform:none;filter:saturate(.88)}
.service:hover .service-image img{transform:none;filter:saturate(1)}
.service-image:after{background:linear-gradient(#0003,transparent 30%,#0c1c2399)}
.hero h1{font-size:clamp(48px,4.6vw,78px);line-height:1.04}
.hero-emphasis{color:var(--denim);text-decoration:underline;text-decoration-color:#a9b49a;text-decoration-thickness:2px;text-underline-offset:.1em}
.hero-photo img{object-position:center 12%}
.portrait-frame img{object-position:center 15%}
.hats{background:#dcd7c6}
.hats .landscape{opacity:.48;background-size:cover;background-position:center center;mix-blend-mode:multiply}
.hats:after{background:linear-gradient(115deg,#e5decbca,#d5dec9a8 60%,#b6c9cc80)}
.compass{overflow:hidden}
.compass:after{content:"";position:absolute;inset:-40%;z-index:4;pointer-events:none;background:linear-gradient(110deg,transparent 43%,#fff5 49%,#fff8 50%,#fff3 52%,transparent 58%);transform:translateX(-100%);animation:compass-shimmer 4.8s ease-in-out 2}
@keyframes compass-shimmer{0%,18%{transform:translateX(-100%)}65%,100%{transform:translateX(100%)}}
.compass:after{animation-play-state:paused}.compass.is-visible:after{animation-play-state:running}
.sector{cursor:pointer}.sector:focus-visible{outline:3px solid white;outline-offset:-8px}
.sector .plus{border:1px solid currentColor;border-radius:50%;width:26px;height:26px;margin-top:8px;display:grid;place-items:center}
.compass-instruction{font-size:14px;font-weight:500;color:#263a36}
.hats-explainer{position:relative;z-index:2;margin-top:60px}
.hats-explainer h3{font:400 36px/1.15 var(--serif);text-align:center;margin:0 0 30px}
.hats-definitions{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:30px 0;margin:0;border-top:1px solid #52634b55;border-bottom:1px solid #52634b55}
.hats-definitions>div{padding:0 18px 0 0;border-right:1px solid #52634b44}.hats-definitions>div:last-child{border:0}
.hats-definitions dt{display:flex;align-items:center;gap:12px;font:400 26px/1.2 var(--serif)}
.hats-definitions dt span{font-size:48px;color:#725638}.hats-definitions>div:nth-child(2) dt span{color:var(--ink)}.hats-definitions>div:nth-child(3) dt span{color:var(--denim)}.hats-definitions>div:nth-child(4) dt span{color:#52634b}
.hats-definitions dd{margin:16px 0 0;font-size:16px;line-height:1.65;color:#26342e}
@media(max-width:950px){.hats-definitions{grid-template-columns:1fr 1fr}.hats-definitions>div:nth-child(2){border:0}}
@media(max-width:650px){.hero h1{font-size:clamp(42px,10.6vw,62px)}.hats-explainer{margin-top:38px}.hats-explainer h3{font-size:30px;text-align:left}.hats-definitions{grid-template-columns:1fr;gap:0;padding:0}.hats-definitions>div{border-right:0;border-bottom:1px solid #52634b44!important;padding:20px 0;display:grid;grid-template-columns:1fr;gap:6px}.hats-definitions>div:last-child{border-bottom:0!important}.hats-definitions dd{margin:0 0 0 44px}.hats-definitions dt span{font-size:38px;min-width:32px}.portrait-frame img{object-position:center 12%}}
@media(prefers-reduced-motion:reduce){.compass:after{animation:none;display:none}.sector{transition:none}}

.header nav>button{background:none;border:0;padding:0;color:inherit;text-align:left}

/* Bookshelf: the resource covers are the interactive book controls. */
.bookshelf{position:relative;isolation:isolate;gap:42px;padding:42px 38px 0;background:linear-gradient(180deg,#302b25 0,#494035 390px,transparent 390px);border-radius:5px 5px 0 0}
.bookshelf:before{content:"";position:absolute;z-index:2;pointer-events:none;top:390px;left:-12px;right:-12px;height:24px;background:linear-gradient(#b49772,#8c6b48 35%,#725437);border-top:3px solid #c4a680;border-radius:2px;box-shadow:0 16px 20px #35271b26}
.bookshelf .resource{min-width:0;position:relative;perspective:1000px;outline-offset:8px}
.bookshelf .resource-art{height:348px;min-height:0;margin:0 8px 0 0;padding:28px 24px 25px 34px;border-radius:3px 8px 5px 2px;border-left:12px solid #0002;overflow:visible;box-shadow:7px 0 0 -1px #e5dac4,11px 0 0 -2px #b3a287,14px 4px 15px #0006,inset 3px 0 6px #0002;transform-origin:15% bottom;transition:transform .45s cubic-bezier(.2,.7,.25,1),box-shadow .45s}
.bookshelf .resource-art:after{inset:15px 12px;border-color:#ffffff40}
.bookshelf .resource-art strong{font-size:clamp(36px,4.2vw,56px);overflow-wrap:normal}
.bookshelf .resource-edition,.bookshelf .resource-seal{font-size:11px;letter-spacing:.09em;line-height:1.5}
.bookshelf .resource-meta{padding:44px 0 0}
.bookshelf .resource-meta>span{font-size:12px;letter-spacing:.08em}
.bookshelf .resource-meta h3{font-size:27px}
.bookshelf .resource:focus-visible .resource-art{transform:translateY(-20px) translateZ(38px) rotateY(-7deg);box-shadow:8px 0 0 -1px #e5dac4,12px 0 0 -2px #b3a287,22px 22px 26px #0005}
@media(hover:hover){.bookshelf .resource:hover .resource-art{transform:translateY(-20px) translateZ(38px) rotateY(-7deg);box-shadow:8px 0 0 -1px #e5dac4,12px 0 0 -2px #b3a287,22px 22px 26px #0005}}
@media(max-width:950px) and (min-width:651px){.bookshelf{gap:24px;padding-left:20px;padding-right:20px}.bookshelf .resource-art{padding:24px 14px 24px 15px}.bookshelf .resource-art strong{font-size:37px}.bookshelf .resource-edition,.bookshelf .resource-seal{font-size:10px}.bookshelf .resource-meta h3{font-size:24px}}
@media(max-width:650px){.bookshelf{display:grid;grid-template-columns:1fr;gap:35px;padding:0;background:none}.bookshelf:before{display:none}.bookshelf .resource{padding:28px 25px 0;background:linear-gradient(#393128,#4b4033 376px,transparent 376px);border-radius:4px}.bookshelf .resource:after{content:"";position:absolute;top:376px;left:-6px;right:-6px;height:20px;background:linear-gradient(#b49772,#8c6b48 35%,#725437);border-top:3px solid #c4a680;box-shadow:0 10px 15px #35271b26;pointer-events:none}.bookshelf .resource-art{max-width:290px;margin:auto;height:348px;padding:28px 25px}.bookshelf .resource-art strong{font-size:52px}.bookshelf .resource-meta{padding-top:42px}.bookshelf .resource-meta p{margin-bottom:0}.bookshelf .resource-meta h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.bookshelf .resource-art{transition:none}.bookshelf .resource:hover .resource-art,.bookshelf .resource:focus-visible .resource-art{transform:none;outline:3px solid #c4a680;outline-offset:5px}}