@font-face{font-family:Lora;src:url(/fonts/lora-normal-400.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lora;src:url(/fonts/lora-normal-500.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Lora;src:url(/fonts/lora-italic-500.ttf)format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/roboto-normal-400.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/roboto-normal-500.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}:root{--navy:#17324d;--blue:#2f5d7c;--ink:#20262c;--muted:#68727d;--paper:#f8f4eb;--line:#d8dde0;--soft:#eff2f3;--serif:Lora,Georgia,serif;--sans:Roboto,Arial,sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}::selection{color:var(--navy);background:#d6e3ec}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500}svg{flex-shrink:0;width:24px;height:24px}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--blue);outline-offset:6px}button:focus-visible{outline:2px solid var(--blue);outline-offset:6px}summary:focus-visible{outline:2px solid var(--blue);outline-offset:6px}[role=tabpanel]:focus-visible{outline:2px solid var(--blue);outline-offset:6px}.system-section :focus-visible{outline-color:#c6e0f0}.shell{width:calc(100% - 144px);max-width:1120px;margin:0 auto}.section-pad{padding:96px 0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-size:11px;font-weight:500;line-height:1.65}.section-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--blue);align-items:center;gap:22px;margin-bottom:42px;font-size:11px;font-weight:500;display:flex}.section-kicker:after{content:"";background:var(--line);flex:1;height:1px;margin-left:10px}.section-kicker.light{color:#cad8e2}.section-kicker.light:after{background:#3c566c}.site-header{z-index:10;background:var(--paper);height:112px;position:relative}.header-inner{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;height:100%;display:flex}.brand{flex-shrink:0;display:block}.brand-crop{aspect-ratio:1575/352;mix-blend-mode:multiply;width:274px;display:block;position:relative;overflow:hidden}.brand-crop img{width:123.4%;max-width:none;height:auto;position:absolute;top:-66.5%;left:-11.55%}.header-inner nav{align-items:center;gap:46px;font-size:13px;display:flex}.nav-approach{color:var(--muted)}.nav-approach:hover{color:var(--navy)}.nav-contact{color:var(--navy);align-items:center;gap:24px;font-weight:500;display:flex}.nav-contact svg{width:18px;height:18px}.nav-contact:hover svg{transform:translate(2px,-2px)}.nav-contact svg,.text-link svg{transition:transform .2s}.skip-link{z-index:100;background:var(--paper);color:var(--navy);padding:12px;position:absolute;top:10px;left:10px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.hero{padding-top:64px;padding-bottom:0}.hero-eyebrow{margin-bottom:30px}.hero-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:end;gap:70px;padding-bottom:62px;display:grid}.hero h1{letter-spacing:-.055em;color:var(--navy);font-size:clamp(56px,5.75vw,86px);font-weight:500;line-height:1.08}.hero h1>span{color:var(--blue);letter-spacing:-.05em;margin-top:14px;font-size:.83em;font-style:italic;font-weight:400;line-height:1.14;display:block}.hero-aside{padding-bottom:8px}.small-rule{background:var(--blue);width:42px;height:2px;margin-bottom:24px;display:block}.hero-aside p{color:#4b5965;font-size:17px;line-height:1.7}.text-link{color:var(--navy);background:0 0;border:0;align-items:center;gap:22px;padding:0;font-size:13px;font-weight:500;line-height:1.5;display:inline-flex}.text-link svg{width:21px;height:21px}.text-link:hover svg{transform:translate(4px)}.hero-foot{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.02em;justify-content:flex-end;align-items:center;gap:30px;padding:25px 0;font-size:13px;display:flex}.hero-foot>a{align-items:center;gap:18px;display:flex}.hero-foot svg{width:17px;height:17px}.mobile-break{display:none}.perspective{background:var(--paper);border-top:1px solid var(--line)}.perspective-grid,.fit-grid{grid-template-columns:1fr 1fr;align-items:start;gap:100px;display:grid}h2{letter-spacing:-.045em;color:var(--navy);font-size:clamp(34px,3.5vw,49px);line-height:1.18}.perspective-grid h2{max-width:500px}.prose{color:#52606a;font-size:15px;line-height:1.85}.prose p+p{margin-top:18px}.questions-heading{margin-top:70px;margin-bottom:21px}.questions{border-top:1px solid var(--line)}.question{border-bottom:1px solid var(--line)}.question summary{cursor:pointer;align-items:center;gap:30px;padding:24px 0;list-style:none;display:flex}.question summary::-webkit-details-marker{display:none}.question-index{letter-spacing:.08em;color:#81909d;flex-shrink:0;align-self:flex-start;width:28px;padding-top:4px;font-size:11px}.question-content{flex-direction:column;flex:1;gap:8px;display:flex}.question-category{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:10px}.question-title{font-family:var(--serif);letter-spacing:-.025em;color:var(--navy);font-size:22px;line-height:1.45;transition:color .2s}.question-toggle{flex-shrink:0;width:26px;height:26px;margin-left:25px;position:relative}.question-toggle>span{background:var(--blue);width:16px;height:1px;position:absolute;top:12px;left:5px}.question-toggle>span+span{transition:transform .2s;transform:rotate(90deg)}.question[open] .question-toggle>span+span{transform:rotate(0)}.question-answer{max-width:870px;padding:0 64px 25px 58px}.question-answer p{color:#52606a;font-size:15px;line-height:1.85}.system-section{background:var(--navy);color:#fff}.system-intro{grid-template-columns:1.1fr 1fr;align-items:start;gap:90px;display:grid}.system-intro h2{color:var(--paper)}.system-intro .prose{color:#bacbd7}.system-explorer{margin-top:58px}.system-tabs{border-top:1px solid #476076;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.system-tab{text-align:left;color:#9fb5c5;font-family:var(--serif);letter-spacing:-.03em;background:0 0;border:0;border-bottom:1px solid #476076;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 20px;align-items:start;gap:20px 12px;padding:24px 22px 24px 0;font-size:23px;line-height:1.35;transition:color .2s;display:grid;position:relative}.system-tab+.system-tab{padding-left:23px}.system-tab:after{content:"";transform-origin:0;background:#c0d9e9;height:2px;transition:transform .25s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.system-tab.active,.system-tab:hover{color:#fff}.system-tab.active:after{transform:scaleX(1)}.step-number{font-family:var(--sans);color:#9eb4c4;letter-spacing:.06em;grid-area:1/1/auto/-1;margin-bottom:0;font-size:10px}.step-label{grid-area:2/1;min-width:0}.system-tab svg{grid-area:2/2;place-self:start end;width:20px;height:20px;margin:calc(.675em - 10px) 0 0}.system-panel{grid-template-columns:1fr 1fr;align-items:start;gap:90px;min-height:130px;padding:32px 0;display:grid}.system-panel[hidden]{display:none}.system-panel h3{letter-spacing:-.02em;color:#e3edf3;font-size:23px;line-height:1.5}.system-panel p{color:#bacbd7;font-size:15px;line-height:1.8}.system-outcome{font-family:var(--sans);letter-spacing:0;color:#f7f8f8;border-top:1px solid #3c566c;padding-top:28px;font-size:15px;line-height:1.8}.fit-section{background:var(--paper)}.fit-grid h2{max-width:450px}.founder{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:100px;margin-top:61px;padding-top:34px;display:grid}.founder-name h3{letter-spacing:-.025em;color:var(--navy);font-size:24px}.founder-name>p{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:10px;font-size:10px}.founder-experience{align-items:start;gap:31px;display:flex}.experience-number{font-family:var(--serif);letter-spacing:-.045em;color:var(--navy);text-align:center;flex-shrink:0;font-size:58px;line-height:1}.experience-number>span{font-family:var(--sans);letter-spacing:.015em;color:var(--muted);margin-top:8px;font-size:10px;font-weight:400;line-height:1.4;display:block}.founder-experience>p{color:#52606a;max-width:370px;font-size:13px;line-height:1.85}.experience-since{color:var(--muted);margin-top:9px;font-size:11px;display:block}.contact-section{background:var(--paper);border-top:1px solid #d5e0e7}.contact-grid{grid-template-columns:1fr 1fr;gap:100px;display:grid}.contact-intro .eyebrow{margin-bottom:24px}.contact-intro h2{font-size:clamp(36px,3.6vw,51px);line-height:1.18}.contact-intro>p:not(.eyebrow){color:#52606a;margin-top:27px;font-size:15px;line-height:1.8}.email-link{color:var(--navy);border-bottom:1px solid #9cafbd;align-items:center;gap:20px;margin-top:27px;padding-bottom:8px;font-size:14px;display:inline-flex}.email-link svg{width:16px;height:16px}.contact-form-wrap{min-height:410px;padding-top:2px}.contact-form{flex-direction:column;gap:25px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}.field{flex-direction:column;gap:11px;display:flex}.field label{letter-spacing:.025em;color:var(--navy);font-size:11px;font-weight:500}.field label span{color:#698297;margin-left:3px}.field input,.field textarea{width:100%;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #a7bac7;border-radius:0;outline:none;padding:10px 0 13px;font-size:15px;line-height:1.5;transition:border-color .2s,box-shadow .2s}.field input::placeholder,.field textarea::placeholder{color:#758592;opacity:1}.field input:focus,.field textarea:focus{border-color:var(--navy);box-shadow:0 1px 0 var(--navy)}.field textarea{resize:vertical;min-height:115px}.form-actions{align-items:center;gap:24px;margin-top:2px;display:flex}.button-primary{background:var(--navy);color:#fff;border:1px solid var(--navy);justify-content:space-between;align-items:center;gap:30px;min-height:52px;padding:16px 20px;font-size:12px;font-weight:500;line-height:1.5;transition:background .2s;display:flex}.button-primary:hover{background:var(--blue)}.button-primary svg{width:19px;height:19px}.button-primary:disabled{opacity:.65;cursor:wait}.form-actions>p{color:#667b8b;font-size:10px;line-height:1.65}.form-trap{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.form-error{color:#8a3131;font-size:13px;line-height:1.6}.form-success{border-top:1px solid #a7bac7;padding:34px 0}.success-symbol{color:#376759;border:1px solid #698c82;border-radius:50%;place-items:center;width:40px;height:40px;margin-bottom:28px;display:grid}.form-success h3{letter-spacing:-.03em;color:var(--navy);font-size:30px}.form-success p{color:#52606a;max-width:350px;margin:17px 0 28px;font-size:15px;line-height:1.8}.site-footer{background:var(--navy);color:#d2dee7;padding:33px 0}.footer-inner{align-items:center;gap:48px;display:flex}.footer-wordmark{font-family:var(--serif);letter-spacing:-.055em;color:#fff;font-size:25px;font-weight:600}.footer-inner>p{color:#b5c7d4;font-size:10px;line-height:1.7}.footer-inner>span{color:#b5c7d4;margin-left:auto;font-size:10px}@media (min-width:1600px){.hero-grid{padding-bottom:75px}.hero{padding-top:80px}}@media (max-width:1100px){.shell{width:calc(100% - 88px)}.hero-grid{grid-template-columns:minmax(0,1fr) 270px;gap:38px}.hero h1{font-size:65px}.hero-aside p{font-size:15px}.perspective-grid,.fit-grid,.founder,.contact-grid{gap:60px}.system-intro,.system-panel{gap:55px}.system-tab{font-size:23px}.system-tab+.system-tab{padding-left:15px}.form-actions{flex-wrap:wrap;gap:15px}.form-actions>p br{display:none}.contact-intro .eyebrow{font-size:10px}}@media (max-width:800px){.shell{width:calc(100% - 48px)}.site-header{height:98px}.brand-crop{width:235px}.header-inner nav{gap:22px}.nav-approach{display:none}.hero{padding-top:45px}.hero-grid{grid-template-columns:1fr;gap:36px;padding-bottom:43px}.hero h1{max-width:650px;font-size:clamp(52px,9vw,74px)}.hero h1>span{font-size:.87em}.hero-aside{max-width:450px;padding:0}.hero-aside p{font-size:16px}.small-rule{display:none}.hero-aside .text-link{margin-top:22px}.hero-foot{padding:22px 0}.hero-foot>a span{display:inline}.section-pad{padding:64px 0}.section-kicker{margin-bottom:30px}.perspective-grid,.fit-grid,.system-intro,.contact-grid{grid-template-columns:1fr;gap:27px}.perspective-grid h2{max-width:510px}h2{font-size:39px}.prose{font-size:15px;line-height:1.8}.questions-heading{margin-top:45px}.question-title{font-size:21px}.question summary{gap:15px;padding:22px 0}.question-index{width:20px}.question-toggle{margin-left:10px}.question-answer{padding:0 30px 25px 35px}.system-explorer{margin-top:36px}.system-tab{grid-template-columns:minmax(0,1fr);gap:8px;padding-right:10px;font-size:23px}.system-tab+.system-tab{padding-left:13px}.system-tab svg{display:none}.system-panel{grid-template-columns:1fr;gap:10px;min-height:146px;padding:25px 0}.system-panel h3{font-size:23px}.system-panel p{max-width:540px}.system-outcome{font-size:15px}.founder{grid-template-columns:1fr;gap:35px;margin-top:40px;padding-top:30px}.founder-experience{gap:30px}.founder-experience>p{max-width:460px}.contact-intro h2{font-size:44px}.contact-intro>p:not(.eyebrow){margin-top:20px}.contact-grid{gap:40px}.contact-intro h2 br{display:none}.contact-intro h2{max-width:440px}.contact-form-wrap{min-height:385px}.contact-intro .eyebrow{font-size:11px}.footer-inner{flex-wrap:wrap;gap:25px}.footer-inner>span{margin-left:auto}.footer-wordmark{font-size:22px}}@media (max-width:480px){html{scroll-padding-top:30px}.shell{width:calc(100% - 40px)}.site-header{height:90px}.brand-crop{width:204px}.header-inner{gap:12px}.nav-contact{gap:10px;font-size:12px}.nav-contact svg{width:16px}.hero{padding-top:35px}.hero-eyebrow{letter-spacing:.12em;max-width:285px;margin-bottom:23px;font-size:9px}.hero h1{letter-spacing:-.06em;font-size:52px}.hero h1>span{margin-top:17px;font-size:.79em;line-height:1.15}.hero-aside p{font-size:15px;line-height:1.75}.hero-foot{font-size:13px;line-height:1.6}.mobile-break{display:block}.section-pad{padding:52px 0}.section-kicker{gap:15px;margin-bottom:26px;font-size:10px}h2{font-size:34px}.question-title{font-size:19px;line-height:1.45}.question-category{font-size:9px}.question-index{font-size:10px}.question summary{gap:12px}.question-toggle{width:19px;margin-left:3px}.question-toggle>span{width:14px;left:2px}.question-answer{padding:0 22px 23px 32px}.question-answer p{font-size:14px}.questions-heading .eyebrow{letter-spacing:.11em;font-size:9px}.system-tabs{grid-template-columns:1fr 1fr}.system-tab{padding:20px 0;font-size:22px}.system-tab+.system-tab{padding-left:0}.system-tab:nth-child(2n){padding-left:20px}.step-number{margin-bottom:0}.system-panel{gap:13px;min-height:185px}.system-panel h3{font-size:22px}.system-panel p,.system-outcome{font-size:14px}.system-outcome span{display:block}.fit-grid h2 br{display:none}.founder-experience{gap:23px}.experience-number{font-size:53px}.founder-experience>p{font-size:12px}.experience-since{font-size:10px}.contact-intro h2{max-width:310px;font-size:37px}.contact-intro .eyebrow{font-size:9px}.form-row{gap:20px}.contact-form{gap:23px}.field input,.field textarea{font-size:16px}.form-actions{flex-direction:column;align-items:flex-start;gap:15px;display:flex}.form-actions>p br{display:none}.button-primary{width:100%;padding:16px 20px;font-size:13px}.footer-inner{justify-content:space-between;gap:23px}.footer-inner>p{font-size:9px}.footer-inner>span{border-top:1px solid #3c566c;flex-basis:100%;margin-left:0;padding-top:20px;font-size:9px}.footer-wordmark{font-size:23px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}.footer-wordmark{flex-shrink:0;display:block}:root{--paper:#f8f4eb;--accent:#b15f35;--accent-dark:#9b4f2d;--accent-light:#d69b70;--line:#dedbd4}body{background:var(--paper)}.eyebrow{color:var(--accent-dark)}.brand-crop{aspect-ratio:536.2/150;mix-blend-mode:normal;width:258px;overflow:visible}.brand-crop img{filter:none;width:100%;max-width:100%;height:auto;position:static}.hero{padding-top:57px}.hero h1>span{font-weight:500}.hero-aside{padding-top:0}.hero-illustration{pointer-events:none;height:240px;margin:-38px -45px 12px -35px}.hero-illustration img{object-fit:contain;width:100%;height:100%;display:block}.hero-aside .small-rule{background:var(--accent);width:38px;margin-bottom:20px}.hero-aside .text-link{margin-top:23px}.text-link svg,.email-link svg,.nav-contact svg{color:var(--accent)}.section-kicker>span{color:var(--accent-dark)}.section-kicker.light>span{color:var(--accent-light)}.perspective{background:var(--paper)}.question summary:hover .question-title{color:var(--accent-dark)}.question-toggle>span{background:var(--accent)}.system-intro{align-items:start}.system-illustration{pointer-events:none;width:92%;height:200px;margin:17px 0 -7px -18px}.system-illustration img{object-fit:contain;filter:brightness(0)invert();opacity:.85;width:100%;height:100%;display:block}.system-tab.active:after{background:var(--accent-light)}.system-tabs .active .step-number{color:var(--accent-light)}.system-outcome span{color:#dfb18e}.founder{gap:100px;padding-top:39px}.founder-name h3{letter-spacing:-.035em;font-size:44px;font-weight:500;line-height:1.15}.founder-name>p{color:var(--blue);margin-top:14px;font-size:11px;font-weight:500;line-height:1.6}.founder-credentials{border-top:1px solid var(--line);max-width:240px;color:var(--blue);flex-direction:column;gap:11px;margin-top:30px;padding-top:24px;font-size:12px;display:flex}.founder-credentials span:before{content:"";background:var(--accent);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-right:11px;display:inline-block}.founder-bio{color:#52606a;font-size:14px;line-height:1.9}.founder-bio p+p{margin-top:17px}.founder-bio em{color:var(--navy);font-style:normal}.contact-section{background:var(--paper);border-color:var(--line)}.button-primary{background:var(--accent);border-color:var(--accent)}.button-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.hop-landscape{background:var(--paper);height:320px;margin-top:-1px;position:relative;overflow:hidden}.hop-landscape img{object-fit:cover;object-position:center 60%;pointer-events:none;width:100%;height:auto;max-height:500px;display:block;position:absolute;bottom:-25px;left:0}.site-footer{padding:30px 0}.footer-wordmark{font-weight:500}.footer-wordmark .brand-crop{mix-blend-mode:normal;width:190px}.footer-wordmark .brand-crop img{filter:brightness(0)invert()}@media (min-width:1600px){.hero-grid{grid-template-columns:minmax(0,1fr) 380px}.hero-illustration{height:270px}}@media (max-width:1100px){.hero-grid{grid-template-columns:minmax(0,1fr) 300px;gap:44px}.hero-illustration{height:210px;margin-left:-20px;margin-right:-20px}.hero-aside p{font-size:15px}.system-illustration{height:180px}.founder{gap:60px}}@media (max-width:800px){.brand-crop{width:230px}.hero-grid{grid-template-columns:minmax(0,1fr) 250px;gap:30px}.hero h1{font-size:56px}.hero-illustration{height:190px;margin-top:-18px}.hero-aside p{font-size:14px}.hero-aside .small-rule{display:none}.hero-aside .text-link{gap:14px;font-size:12px}.system-illustration{width:70%;height:185px;margin:12px 0 -5px -10px}.founder{grid-template-columns:1fr;gap:28px}.founder-credentials{flex-direction:row;gap:24px;max-width:none;margin-top:22px;padding-top:20px}.hop-landscape{height:240px}.hop-landscape img{width:125%;bottom:-15px;left:-12.5%}.footer-wordmark .brand-crop{width:170px}}@media (max-width:620px){.hero-grid{grid-template-columns:1fr;gap:15px}.hero h1{font-size:clamp(52px,9vw,63px)}.hero-aside{grid-template-columns:1fr 1fr;align-items:center;column-gap:24px;display:grid}.hero-illustration{grid-area:1/2/3;height:190px;margin:0 -25px 0 -20px}.hero-aside p{grid-area:1/1;font-size:14px;line-height:1.75}.hero-aside .text-link{grid-area:2/1;align-self:start;gap:11px;margin-top:12px;font-size:11px}.hero-foot{margin-top:5px}.system-illustration{width:90%;height:180px;margin-top:20px}.hop-landscape{height:210px}.hop-landscape img{width:170%;max-height:360px;left:-35%}}@media (max-width:480px){.brand-crop{width:200px}.hero{padding-top:35px}.hero-grid{gap:23px;padding-bottom:30px}.hero h1{font-size:52px}.hero h1>span{font-size:.78em}.hero-aside{grid-template-columns:1.12fr 1fr;column-gap:18px}.hero-aside p{font-size:13px;line-height:1.75}.hero-illustration{height:180px;margin-left:-26px;margin-right:-18px}.hero-aside .text-link{white-space:nowrap;gap:9px;font-size:11px}.hero-aside .text-link svg{width:17px}.hero-foot{margin-top:0}.founder-name h3{font-size:34px}.founder-bio{font-size:14px;line-height:1.85}.founder-credentials{gap:20px;font-size:11px}.hop-landscape{height:190px}.hop-landscape img{width:210%;bottom:0;left:-55%}.footer-wordmark .brand-crop{width:167px}}.study-page{max-width:1180px;padding-top:48px;padding-bottom:100px}.study-back{margin-bottom:55px}.study-page>h1{letter-spacing:-.055em;color:var(--navy);margin:17px 0 25px;font-size:clamp(46px,6vw,76px);line-height:1.1}.study-lede{color:#52606a;max-width:760px;margin-top:22px;font-size:16px;line-height:1.85}.study-section{border-top:1px solid var(--line);margin-top:75px;padding-top:40px}.study-section>h2{font-size:38px}.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px;display:grid}.palette-card{background:#fcfaf6;border:1px solid #d7d5ce;padding:20px}.palette-card.recommended{border-color:#b15f35;box-shadow:0 0 0 1px #b15f35}.palette-label{color:#68727d;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;font-size:10px;display:flex}.palette-label code{font-family:var(--sans);letter-spacing:0}.palette-sample{padding:30px 10px 25px}.palette-sample img{max-width:85%;height:auto}.sample-rule{width:30px;height:3px;margin:29px 0 21px;display:block}.palette-sample h3{letter-spacing:-.05em;color:var(--navy);font-size:37px;line-height:1.1}.palette-sample p{color:#52606a;margin-top:18px;font-size:12px;line-height:1.8}.sample-action{color:var(--navy);border-bottom:2px solid;margin-top:20px;padding-bottom:7px;font-size:11px;display:inline-block}.sample-action>span{margin-left:15px}.palette-swatches{grid-template-columns:3fr 1fr 2fr;height:25px;margin:4px 0 22px;display:grid}.palette-card>h3{color:var(--navy);margin-bottom:12px;font-size:23px}.palette-card>p{color:#52606a;font-size:13px;line-height:1.8}.study-note{color:#68727d;max-width:850px;margin-top:27px;font-size:13px;line-height:1.85}.study-note a{color:var(--accent-dark);text-underline-offset:3px;text-decoration:underline}.reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:30px;display:grid}.reference-illustration{align-items:center;height:210px;display:flex}.reference-illustration img{object-fit:contain;width:100%;height:100%;display:block}.reference-grid h3{color:var(--navy);margin:15px 0;font-size:23px}.reference-grid p{color:#52606a;font-size:13px;line-height:1.8}.reference-grid a{color:var(--accent-dark);text-underline-offset:4px;margin-top:17px;font-size:11px;line-height:1.7;text-decoration:underline;display:inline-block}.type-study{grid-template-columns:1fr 1.2fr;align-items:center;gap:75px;margin-top:38px;display:grid}.type-study>img{max-width:100%;height:auto}.type-study h3{color:var(--navy);margin-bottom:15px;font-size:26px}.type-study p{color:#52606a;font-size:14px;line-height:1.85}.question-pool>h2{margin-top:15px}.question-pool-grid{grid-template-columns:1fr 1fr;gap:45px 65px;margin-top:38px;display:grid}.question-pool-grid h3{color:var(--navy);margin-bottom:20px;font-size:25px;line-height:1.3}.question-pool-grid ul{margin:0;padding:0;list-style:none}.question-pool-grid li{font-family:var(--serif);letter-spacing:-.02em;border-bottom:1px solid var(--line);color:var(--navy);padding:13px 0;font-size:17px;font-weight:500;line-height:1.65}@media (max-width:800px){.palette-grid,.reference-grid{grid-template-columns:1fr;gap:25px}.palette-sample{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.palette-sample img{grid-column:1}.sample-rule{grid-column:2;margin:5px 0 0}.palette-sample h3{grid-area:2/1/4}.palette-sample p{grid-area:2/2;margin:0}.sample-action{grid-area:3/2;justify-self:start;margin:0}.reference-illustration{max-width:440px;height:230px}.type-study{grid-template-columns:1fr;gap:30px}.question-pool-grid{grid-template-columns:1fr}.study-section>h2{font-size:32px}.study-back{margin-bottom:35px}}.hero-illustration img,.hop-landscape img,.reference-illustration img{mix-blend-mode:multiply}.system-illustration img{filter:grayscale()invert();mix-blend-mode:screen}.hero-illustration{height:240px;margin:-30px -30px 15px -20px}.hero-illustration img{object-fit:contain;mix-blend-mode:multiply}@media (max-width:1100px){.hero-illustration{height:210px;margin:-18px -15px 15px}}@media (max-width:800px){.hero-illustration{height:180px;margin:-10px -15px 12px -10px}}@media (max-width:620px){.hero-illustration{height:180px;margin:0 -15px 0 -20px}}.system-illustration{width:100%;height:230px;margin:20px 0 0}.system-illustration img{filter:brightness(0)invert();mix-blend-mode:normal;opacity:.85}@media (max-width:800px){.system-illustration{max-width:500px;height:230px}}@media (max-width:480px){.system-illustration{height:210px}}@media (max-width:620px){.hero-aside{flex-direction:column;align-items:stretch;gap:0;display:flex}.hero-aside p{font-size:15px;line-height:1.8}.hero-aside .text-link{order:1;align-self:flex-start;gap:18px;margin-top:18px;font-size:12px}.hero-illustration{order:2;width:100%;height:220px;margin:25px 0 0}.hero-grid{gap:30px}.hop-landscape{height:210px}.hop-landscape img{width:125%;max-height:350px;bottom:-20px;left:-12.5%}}.system-illustration{max-width:490px;height:300px;margin:24px 0 0}.system-illustration img{filter:none;mix-blend-mode:normal;opacity:1;object-position:left center}@media (max-width:800px){.system-illustration{height:285px}}@media (max-width:480px){.system-illustration{height:220px}}.illustration-filters{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.illustration-break{background:var(--paper);margin:0;overflow:hidden}.illustration-break img{object-fit:contain;filter:url(#illustration-paper);mix-blend-mode:multiply;pointer-events:none;width:100%;max-width:1440px;height:auto;max-height:640px;margin-inline:auto;display:block}.illustration-break-hops{padding:8px 0 24px}.illustration-break-kegs{background:var(--paper);padding-bottom:40px}.illustration-break-garden{padding-bottom:40px}.hero-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:end;gap:90px;padding-bottom:62px}.hero-aside{max-width:450px;padding:0 0 8px;display:block}.hero-aside p{font-size:16px;line-height:1.75}.hero-aside .small-rule{display:block}.hero-aside .text-link{white-space:normal;gap:22px;margin-top:26px;font-size:13px}@media (max-width:1100px){.hero-grid{grid-template-columns:minmax(0,1fr) 270px;gap:44px}.hero-aside p{font-size:15px}}@media (max-width:800px){.hero-grid{grid-template-columns:1fr;gap:34px;padding-bottom:43px}.hero h1{font-size:clamp(52px,9vw,74px)}.hero-aside{max-width:480px;padding:0}.hero-aside p{font-size:16px}.hero-aside .small-rule{display:none}.hero-aside .text-link{margin-top:22px}.illustration-break img{max-height:none}.illustration-break-hops{padding:0 0 20px}.illustration-break-kegs,.illustration-break-garden{padding-bottom:25px}}@media (max-width:480px){.hero h1{font-size:52px}.hero-aside p{font-size:15px;line-height:1.8}.hero-aside .text-link{gap:18px;font-size:12px}.illustration-break-hops{padding-bottom:15px}.illustration-break-kegs,.illustration-break-garden{padding-bottom:20px}}