.home-compass{background:#dfe6cb;max-width:none;padding-top:75px;padding-bottom:65px}.compass-component{max-width:1400px;margin:auto;width:100%}.compass-heading{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:end;padding-right:80px;margin-bottom:40px}.compass-heading h2{font-size:clamp(45px,5.5vw,86px);margin:0!important;line-height:1.04}.compass-heading p{font-size:16px;max-width:350px;margin:0 0 5px!important;line-height:1.8}.compass-symbol{position:absolute;right:0;top:-8px;font-size:94px;line-height:1;color:#287d96;transition:transform .7s}.compass-component:hover .compass-symbol{transform:rotate(90deg)}.compass-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #123f4340;border-left:1px solid #123f4340}.compass-paths a{display:grid;grid-template-columns:1fr auto;gap:25px;padding:24px;border-right:1px solid #123f4340;border-bottom:1px solid #123f4340;transition:background .2s}.compass-paths a:hover{background:#f2f0e7}.compass-paths span{grid-column:1/-1;font-size:10px;letter-spacing:.1em}.compass-paths strong{font:33px var(--serif);line-height:1.05;align-self:end}.compass-paths b{font-weight:400;font-size:26px;align-self:end}.compass-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:25px}.compass-bottom a{font-size:12px}.builder-section.kind-compass{display:block}.theme-forest .compass-paths{border-color:#f2f0e755}.theme-forest .compass-paths a{border-color:#f2f0e755}.theme-forest .compass-paths a:hover{background:#f2f0e71a}.theme-forest .compass-symbol{color:var(--accent)}.discovery-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:10%;padding-bottom:45px}.discovery-intro h1{font-size:clamp(62px,7.4vw,110px);line-height:1.03;margin-bottom:25px}.discovery-intro>div>p{font-size:17px;max-width:570px;line-height:1.8}.discovery-note{border-left:1px solid var(--line);padding-left:35px;align-self:end}.discovery-note>span{font:110px var(--serif);line-height:1;color:var(--blue)}.discovery-note p{font:27px var(--serif);line-height:1.25;margin:20px 0 25px}.discovery-note .button{font-size:12px;max-width:100%;gap:15px}.discovery-content{padding-top:10px}.discovery-controls{display:flex;justify-content:space-between;gap:25px;align-items:end;padding:25px 0;border-top:1px solid var(--line)}.discovery-controls label{font-size:11px;flex:1;max-width:570px}.discovery-controls input{display:block;padding:13px 0;font-size:18px;background:transparent;border:0;border-bottom:1px solid var(--ink);width:100%;margin-top:8px}.discovery-controls .button{font-size:12px}.discovery-meta{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:20px 0 35px;margin-top:25px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 30px}.discovery-grid .card-image img{aspect-ratio:4/5;object-fit:cover}.discovery-picked{outline:3px solid var(--accent);outline-offset:12px}.discovery-suggestion{background:#e1e7d5;max-width:none;padding-top:65px;padding-bottom:65px}.discovery-suggestion p{margin:25px 0;max-width:650px}.photo-viewer{background:#0f2c30;color:var(--paper);width:100vw;height:100dvh;max-width:none;max-height:none;border:0;padding:25px 4%;margin:0;overflow:hidden}.photo-viewer::backdrop{background:#0f2c30}.photo-viewer-bar{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.08em;height:45px}.photo-viewer-bar button{font-size:13px;border:1px solid #ffffff50;padding:8px 16px}.photo-viewer-stage{display:grid;grid-template-columns:45px minmax(0,1fr) 45px;gap:20px;align-items:center;height:calc(100% - 55px)}.photo-viewer-stage>button{font-size:27px}.photo-viewer-stage figure{max-height:100%;display:flex;flex-direction:column;min-height:0}.photo-viewer-stage img{width:100%;max-height:calc(100dvh - 155px);object-fit:contain}.photo-viewer-stage figcaption{font-size:12px;line-height:1.6;margin-top:20px;text-align:center}.zoomable-photo{cursor:zoom-in}.main-nav{gap:20px}@media(max-width:950px){.compass-heading{gap:7%;padding-right:55px}.compass-symbol{font-size:65px}.compass-paths strong{font-size:29px}.compass-paths a{padding:20px}.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-note{padding-left:25px}}@media(max-width:700px){.home-compass{padding-top:55px;padding-bottom:45px}.compass-heading{grid-template-columns:1fr;gap:25px;padding-right:40px}.compass-heading h2{font-size:55px}.compass-heading p{font-size:14px;max-width:350px}.compass-symbol{font-size:57px;top:0;right:-6px}.compass-paths{grid-template-columns:1fr 1fr}.compass-paths a{padding:19px;gap:20px}.compass-paths strong{font-size:28px}.compass-bottom{flex-wrap:wrap;gap:10px}.compass-bottom .text-link{font-size:11px}.discovery-intro{grid-template-columns:1fr;gap:35px}.discovery-intro h1{font-size:64px}.discovery-intro>div>p{font-size:15px}.discovery-note{border-left:0;border-top:1px solid var(--line);padding:22px 0 0;display:grid;grid-template-columns:70px 1fr;gap:10px 15px}.discovery-note>span{font-size:72px;grid-row:1/3;align-self:center}.discovery-note p{font-size:24px;margin:0}.discovery-note .button{font-size:11px;padding:10px 16px;min-height:40px;justify-self:start}.discovery-controls{flex-direction:column;align-items:stretch;gap:20px}.discovery-controls input{font-size:16px}.discovery-controls .button{align-self:start;font-size:11px}.discovery-meta{font-size:9px}.discovery-meta>span:last-child{display:none}.discovery-grid{gap:35px 16px}.discovery-grid h3{font-size:27px}.discovery-grid p{font-size:12px}.discovery-grid .card-meta{font-size:9px}.discovery-grid .text-link{font-size:10px;gap:10px}.discovery-grid .image-label{font-size:8px;padding:6px 8px}.discovery-suggestion h2{font-size:42px}.photo-viewer{padding:15px 4%}.photo-viewer-stage{grid-template-columns:23px minmax(0,1fr) 23px;gap:8px}.photo-viewer-stage>button{font-size:22px}.photo-viewer-stage figcaption{font-size:11px}.main-nav{gap:18px}}@media(prefers-reduced-motion:reduce){.compass-symbol{transition:none}.compass-component:hover .compass-symbol{transform:none}}
