.directions-page{background:#f5f2ed}.review-header{padding:28px 5%;display:flex;align-items:center;gap:40px;border-bottom:1px solid #e1dbe4}.review-header>span{font-size:11px;letter-spacing:2px;margin-left:auto}.review-header .button{background:#5b436d;color:#fff}.directions-main{max-width:1440px;margin:auto;padding:70px 5%}.review-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:20px 70px;align-items:end;margin-bottom:60px}.review-intro>.eyebrow{grid-column:1/-1}.review-intro h1{font-family:var(--serif);font-size:80px;line-height:1;letter-spacing:-1px}.review-intro h1 em{color:#89719f}.review-intro>p:last-child{font-size:17px;color:#766b7b;line-height:1.85;max-width:440px}.direction{margin-bottom:75px}.direction-mockup{position:relative;display:block;aspect-ratio:1672/941;overflow:hidden;color:white;border-radius:12px;box-shadow:0 15px 50px #392f4a12}.direction-mockup::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#24182d80,transparent 65%);pointer-events:none}.direction-mockup img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s}.direction-mockup:hover img{transform:scale(1.025)}.mockup-top{position:absolute;z-index:2;left:5%;right:5%;top:5%;display:flex;align-items:center;justify-content:space-between}.mockup-top>span:first-child{font-family:var(--serif);font-size:32px;letter-spacing:-1px}.mockup-top>span:last-child{font-size:11px}.mockup-title{position:absolute;z-index:2;left:7%;top:23%;width:56%}.mockup-title>span:first-child{font-size:10px;letter-spacing:1.5px}.mockup-title h2{font-family:var(--serif);font-size:clamp(35px,5.8vw,83px);line-height:1.04;margin-top:20px;letter-spacing:-1.5px}.mockup-title h2 em{color:#e1cef3}.mockup-button{display:inline-block;background:#f5eaff;color:#46324e;padding:10px 24px;border-radius:40px;font-size:12px;margin-top:24px}.direction-info{display:flex;justify-content:space-between;align-items:center;gap:60px;margin-top:30px}.direction-info h2{font-family:var(--serif);font-size:39px;margin:10px 0}.direction-info p:not(.eyebrow){color:#736778;max-width:620px;font-size:16px}.direction-info .eyebrow{font-size:10px;color:#846792}.direction-links{display:flex;flex-direction:column;align-items:flex-end;gap:14px;flex-shrink:0}.direction-links>.button{background:#5b436d;color:white}.direction-links>a:last-child{font-size:12px;color:#80638a}.palette{display:flex;gap:7px}.palette i{width:20px;height:20px;border:1px solid #00000015;border-radius:50%;display:block}.direction-cosmic .mockup-title h2{font-family:var(--sans);font-size:clamp(32px,4.8vw,71px);letter-spacing:-2px;line-height:1.12;font-weight:500}.direction-cosmic .mockup-title h2 em{font-family:var(--serif);color:#9ee6f6;font-size:1.14em}.direction-cosmic .mockup-button{background:#c5eeff}.direction-sketch .direction-mockup{color:#48382e}.direction-sketch .direction-mockup::after{background:linear-gradient(90deg,#f9f2e33d,transparent 60%)}.direction-sketch .mockup-title h2 em{color:#947eab}.direction-sketch .mockup-button{color:white;background:#64506f}.review-notes{border-top:1px solid #dcd4df;max-width:900px;padding-top:30px;color:#817488;font-size:14px}.review-notes p+p{margin-top:12px}
@media(max-width:700px){.review-header{padding:22px 6%;gap:20px}.review-header>span{display:none}.review-header .button{margin-left:auto;font-size:12px;padding:12px 16px}.directions-main{padding:45px 6%}.review-intro{display:block}.review-intro h1{font-size:61px;margin:25px 0}.review-intro>p:last-child{font-size:16px}.direction-mockup{aspect-ratio:4/3}.direction-mockup img{object-position:60% center}.mockup-title{top:25%;left:6%;width:65%}.mockup-title h2{font-size:clamp(32px,6.8vw,46px);margin-top:12px;letter-spacing:-.5px}.mockup-title>span:first-child{font-size:8px;letter-spacing:.6px}.mockup-top>span:last-child{display:none}.mockup-top>span:first-child{font-size:26px}.mockup-button{font-size:10px;padding:7px 15px;margin-top:12px}.direction-info{display:block;margin-top:25px}.direction-info h2{font-size:36px}.direction-links{align-items:flex-start;margin-top:20px}.direction-info p:not(.eyebrow){font-size:15px}.direction{margin-bottom:60px}.direction-cosmic .mockup-title h2{font-size:clamp(27px,6vw,39px);letter-spacing:-1px}}
