/* Directions: heading, numbered list at the left, photograph with the rounded corner at the right. */
.home-page .home-directions--panorama{position:relative;background:#0d0d0d;color:#f1f0ed;scroll-margin-top:80px;padding-block:clamp(56px,5vw,104px);}
.home-directions--panorama .container{width:90%;max-width:2400px;}
.hdp-title{margin:0 0 clamp(28px,2.6vw,44px);font-weight:400;font-size:clamp(40px,4.4vw,80px);line-height:1.1;letter-spacing:normal;color:#f1f0ed;}
.hdp-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.7fr);gap:clamp(24px,2.6vw,48px);align-items:stretch;}
.hdp-options{display:grid;align-content:start;border-top:0;}
.hdp-option{position:relative;appearance:none;border:0;border-bottom:0;background:none;font:inherit;text-align:left;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:10px;padding:13px 0;min-height:clamp(54px,4.2vw,72px);color:#a7a7a7;cursor:pointer;transition:color .25s,border-color .25s;}
.hdp-number{font-size:12px;line-height:1.3;font-variant-numeric:tabular-nums;color:#777;transition:color .25s;}
.hdp-option strong{font-weight:400;font-size:clamp(16px,1.15vw,22px);line-height:1.25;letter-spacing:normal;overflow-wrap:anywhere;}
.hdp-option>b{display:grid;place-items:center;color:#ff9159;font-weight:400;opacity:0;transform:translate(-3px,3px);transition:opacity .25s,transform .25s;}
.hdp-option>b svg{width:16px;height:16px;}
.hdp-option.is-active{color:#fff;border-bottom-color:#f46a2a;}
.hdp-option.is-active .hdp-number{color:#ff9159;}
.hdp-option.is-active>b{opacity:1;transform:none;}
.hdp-frame{position:relative;display:block;min-width:0;min-height:clamp(380px,32vw,600px);overflow:hidden;background:#242424;color:#fff;border-top-right-radius:clamp(64px,7vw,130px);text-decoration:none;isolation:isolate;touch-action:pan-y pinch-zoom;}
.hdp-photo{position:absolute;inset:0;overflow:hidden;background:#242424;}
.hdp-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 56%;will-change:transform,opacity;-webkit-user-drag:none;}
.hdp-photo img:first-child{z-index:1;}
.hdp-photo img:nth-child(2){opacity:0;}
.hdp-photo::after{content:"";position:absolute;inset:20% 0 0;z-index:3;background:linear-gradient(transparent,#0009 75%,#000c);pointer-events:none;}
.hdp-caption{position:absolute;z-index:4;left:clamp(20px,2.2vw,40px);right:clamp(20px,2.2vw,40px);bottom:clamp(20px,2vw,36px);display:flex;align-items:flex-end;gap:20px;pointer-events:none;}
.hdp-caption>div{min-width:0;}
.hdp-caption strong{display:block;font-weight:400;font-size:clamp(26px,2.2vw,42px);line-height:1.12;letter-spacing:normal;}
.hdp-caption p{margin:8px 0 0;max-width:620px;color:#ddd;font-size:clamp(14px,1.05vw,18px);line-height:1.45;}
.hdp-caption>svg{width:22px;height:22px;flex:none;margin-left:auto;color:#ff9c6b;transition:transform .25s;}
.hdp-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:clamp(24px,2.4vw,40px);}
.hdp-bottom p{margin:0;color:#8b8b87;font-size:14px;line-height:1.5;}
.hdp-business{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;padding:14px 24px;border:1px solid #ffffff4d;border-radius:0;color:#f3f3ef;font-size:17px;text-decoration:none;transition:background .2s,border-color .2s;}
.hdp-business svg{width:20px;height:20px;color:#ff6a33;flex:none;}
.home-directions--panorama :is(button,a):focus-visible{outline:2px solid #ff6a33;outline-offset:3px;}
@media(hover:hover) and (pointer:fine){.hdp-option:hover{color:#fff;border-bottom-color:#949494;}.hdp-option.is-active:hover{border-bottom-color:#f46a2a;}.hdp-frame:hover .hdp-caption>svg{transform:translate(2px,-2px);}.hdp-business:hover{background:#ffffff0d;border-color:#ff6a33;}}
@media(max-width:1100px){.hdp-layout{grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:24px;}.hdp-frame{min-height:440px;}}
@media(max-width:700px){
 .home-page .home-directions--panorama{padding-block:48px;}
 .home-directions--panorama .container{width:calc(100% - 40px);}
 .hdp-title{font-size:36px;margin-bottom:22px;}
 .hdp-layout{display:flex;flex-direction:column;gap:22px;}
 .hdp-frame{order:1;min-height:0;height:300px;border-top-right-radius:64px;}
 .hdp-options{order:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;border-top:0;}
 .hdp-option{min-height:78px;padding:14px 0;grid-template-columns:18px minmax(0,1fr);gap:7px;align-items:start;}
 .hdp-option strong{font-size:15px;}.hdp-option>b{display:none;}.hdp-number{font-size:11px;}
 .hdp-caption{left:18px;right:18px;bottom:20px;gap:10px;}.hdp-caption strong{font-size:26px;}.hdp-caption p{font-size:13px;line-height:1.4;}.hdp-caption>svg{width:18px;height:18px;}
 .hdp-bottom{flex-direction:column;align-items:stretch;gap:16px;margin-top:26px;}.hdp-business{width:100%;}
}
@media(prefers-reduced-motion:reduce){.home-directions--panorama *{transition:none!important;}}
