:root{--lime:#b9ee45;--lime2:#ddff86;--forest:#06130a;--deep:#020a05;--panel:#0b190e;--white:#f7f8f2;--muted:#a9b5aa;--line:#29442c}
html{background:var(--deep)}body{background:#020703;color:var(--white);font-family:Arial,Helvetica,sans-serif}.app{width:min(1440px,100%);padding:0 44px 110px;background:#061009;box-shadow:0 0 80px #000}
.top{margin:0 -44px;padding:17px 46px 15px;background:rgba(2,10,5,.9);border-bottom:1px solid #dfff8a1c;backdrop-filter:blur(18px)}.logo{font-size:1.55rem;font-weight:950;letter-spacing:.15em;color:#fff}.logo span{color:var(--lime)}.passport,.back{border:1px solid #dfff8a55;border-radius:0;background:transparent;color:#fff;padding:11px 18px;font-weight:900;letter-spacing:.07em}.passport:hover,.back:hover{background:var(--lime);color:#061006}.search{max-width:760px;margin:13px auto 0;border:1px solid #ffffff29;border-radius:0;background:#071009e8;overflow:hidden;box-shadow:0 12px 40px #0009}.search input{color:#fff;padding:15px 18px}.search button{border-radius:0;margin:0;width:54px;height:auto;padding:0;background:var(--lime);color:#061006}
.hero{position:relative;margin:0 -44px;min-height:720px;padding:clamp(46px,8vw,120px);align-items:center;border:0;background:linear-gradient(90deg,rgba(1,8,3,.94) 0%,rgba(1,8,3,.72) 37%,rgba(1,8,3,.15) 70%),linear-gradient(0deg,#061009 0%,transparent 26%),url('walks-adventure-hero-v2.png') 64% center/cover no-repeat;overflow:hidden}.hero:after{content:"";position:absolute;left:clamp(46px,8vw,120px);bottom:58px;width:88px;height:4px;background:var(--lime)}.hero>div{position:relative;z-index:1;max-width:700px}.hero small{display:block;color:var(--lime2);font-size:.7rem;letter-spacing:.3em}.hero h1{max-width:680px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(3.8rem,7vw,7.2rem);font-weight:950;letter-spacing:-.065em;line-height:.84;color:#fff;text-transform:uppercase;margin:18px 0 28px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--lime2);text-transform:none}.hero p{max-width:510px;padding-left:18px;border-left:2px solid var(--lime);font-size:1.02rem;line-height:1.65;color:#edf4e8}
.notice{max-width:none;margin:0 -44px 36px;padding:19px 46px;border:0;border-top:1px solid #dfff8a17;border-bottom:1px solid #dfff8a17;border-radius:0;background:#08120aeF;color:#acb8aa;box-shadow:none;font-size:.77rem;letter-spacing:.015em}.notice strong{color:var(--lime2)}
#discover{position:relative;isolation:isolate;background:linear-gradient(rgba(3,12,6,.78),rgba(3,12,6,.9)),url('walks-northumberland-scenes-v1.png') center 760px/cover fixed no-repeat}#discover:before{content:"EXPLORE  •  BREATHE  •  DISCOVER";position:absolute;z-index:0;top:900px;left:50%;transform:translateX(-50%);color:var(--lime2);font-size:.68rem;font-weight:900;letter-spacing:.34em;white-space:nowrap;opacity:.45}#discover:after{content:"NE WALKS";position:absolute;z-index:0;top:930px;left:50%;transform:translateX(-50%);width:100%;color:transparent;-webkit-text-stroke:2px var(--lime);font-size:clamp(6rem,17vw,16rem);font-weight:950;letter-spacing:-.07em;text-align:center;white-space:nowrap;opacity:.17}#discover>*{position:relative;z-index:1}
.filters{grid-template-columns:repeat(3,1fr);gap:12px;max-width:1080px;margin:44px auto 38px}.filters select,.crossed select{border:1px solid #cfff6c38;border-radius:0;background:#071009;color:#fff;padding:17px 20px;outline:none}.filters select:focus,.crossed select:focus{border-color:var(--lime)}.head{padding-bottom:16px;border-bottom:1px solid #cfff6c29}.head h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(2.5rem,5vw,4.8rem);font-weight:950;letter-spacing:-.055em;text-transform:uppercase}.head h2:before{content:"Choose your next route";display:block;margin-bottom:8px;color:var(--lime);font-size:.66rem;letter-spacing:.27em}.head span{color:#cad4c8;font-weight:800;letter-spacing:.08em}
.grid{grid-template-columns:repeat(3,1fr);gap:1px;background:#dfff8a32;border:1px solid #dfff8a32;box-shadow:0 36px 90px #000a}.card{position:relative;min-height:500px;border:0;border-radius:0;background:linear-gradient(145deg,rgba(12,28,16,.94),rgba(5,14,8,.97));padding:27px;box-shadow:none;transition:.22s ease;overflow:hidden;backdrop-filter:blur(5px)}.card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--lime),transparent 64%);opacity:.72;z-index:2}.card-image{height:210px;margin:-27px -27px 24px;position:relative;background:linear-gradient(180deg,transparent 48%,#061008e8),var(--walk-art) center/cover no-repeat;overflow:hidden}.card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#dfff8a12,transparent 45%)}.card-image span,.route-photo span{position:absolute;z-index:1;left:18px;bottom:15px;color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-shadow:0 2px 12px #000}.card-image span a,.route-photo span a{color:#fff;text-decoration:none}.card-image span a:hover,.route-photo span a:hover{text-decoration:underline}.photo-loading{background:linear-gradient(110deg,#0a1b0e 8%,#18341d 18%,#0a1b0e 33%);background-size:200% 100%;animation:walkPhotoLoad 1.4s linear infinite}.photo-unavailable{background:linear-gradient(145deg,#112317,#07110a)}@keyframes walkPhotoLoad{to{background-position-x:-200%}}.card:hover{z-index:1;transform:translateY(-3px);background:linear-gradient(145deg,rgba(22,51,28,.98),rgba(5,15,8,.98));box-shadow:0 22px 58px #000c}.card:hover .card-image{filter:saturate(1.12) brightness(1.05)}.card h3{font-family:Arial,Helvetica,sans-serif;font-size:1.52rem;font-weight:900;line-height:1.06;color:#fff;margin-top:17px}.card p,.meta{color:#b3beb3}.card p{line-height:1.55}.tag,.eyebrow{color:var(--lime);font-weight:900}.actions button,.detail-actions button,.detail-actions a{border:1px solid #dfff8a38;border-radius:0;background:transparent;color:#fff;letter-spacing:.06em}.actions button:hover,.detail-actions button:hover,.detail-actions a:hover{border-color:var(--lime)}.actions button:last-child,.detail-actions a:first-child{border-color:var(--lime);background:var(--lime);color:#071107}.saved{color:var(--lime)!important}.more{border:1px solid var(--lime);border-radius:0;background:#061009dc;color:#fff;max-width:420px;margin:32px auto;padding:17px;letter-spacing:.12em}.more:hover{background:var(--lime);color:#061006}
#detail{margin:0 -44px;padding:0 44px;min-height:100vh;background:linear-gradient(90deg,rgba(2,10,5,.98),rgba(2,10,5,.87)),url('walks-adventure-hero-v2.png') 68% center/cover fixed no-repeat}.detail{max-width:980px;margin:auto;padding:70px 0}.detail h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(3rem,7vw,6.2rem);font-weight:950;letter-spacing:-.06em;line-height:.86;color:#fff;text-transform:uppercase}.walk-sub{color:#c1cbc0;line-height:1.65}.route-photo{height:clamp(260px,42vw,470px);margin:30px 0 22px;position:relative;border:1px solid #dfff8a55;background:linear-gradient(180deg,transparent 56%,#041006e8),var(--walk-art) center/cover no-repeat;box-shadow:0 25px 70px #000b;overflow:hidden}.route-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#dfff8a14,transparent 45%)}.account,.crossed,.map-card,.poi,.fact,.stop{border:1px solid #315035;border-radius:0;background:#09150ced;color:#f4f7ef;box-shadow:none;backdrop-filter:blur(5px)}.fact strong,.map-label span{color:var(--lime)}.pin{border-radius:0;background:var(--lime);color:#061006}.mapbox{border-color:#587d58}.map-label{border:1px solid #b9ee4570;background:#061008eb}.mapbox iframe{filter:saturate(.65) contrast(1.08)}.account a{background:var(--lime);color:#061006}.section h1{font-size:clamp(2.8rem,6vw,5.5rem);font-weight:950;letter-spacing:-.055em;text-transform:uppercase}.bottom{border:1px solid #dfff8a2e;border-radius:0;background:rgba(2,11,5,.94);box-shadow:0 16px 42px #000b;backdrop-filter:blur(16px)}.bottom button.active{color:var(--lime)}.review-back{border:1px solid var(--lime)!important;border-radius:0!important;background:#051008!important;color:#fff!important;letter-spacing:.08em}
@media(max-width:900px){.app{padding-left:22px;padding-right:22px}.top,.hero,.notice,#detail{margin-left:-22px;margin-right:-22px}.top,.notice,#detail{padding-left:22px;padding-right:22px}.grid{grid-template-columns:1fr 1fr}.hero{min-height:620px;padding:55px 30px 90px;background-position:66% center}.hero:after{left:30px}.hero h1{font-size:clamp(3.3rem,11vw,5.8rem)}}
@media(max-width:620px){#discover{background-attachment:scroll;background-position:center 660px}#discover:before{top:850px;width:84%;white-space:normal;line-height:1.6;text-align:center}#discover:after{top:900px;font-size:24vw;-webkit-text-stroke:1px var(--lime)}#detail{background-attachment:scroll;background-position:68% top}.grid,.filters{grid-template-columns:1fr}.hero{min-height:650px;background-position:69% center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020a05ed 0%,#020a0599 75%,transparent)}.hero h1{font-size:clamp(3rem,14vw,4.5rem)}.hero p{font-size:.92rem;max-width:92%}.card{min-height:0}.facts{grid-template-columns:1fr}.review-back{top:auto!important;bottom:78px!important;right:14px!important}.logo{font-size:1.2rem}.passport{padding:9px 11px;font-size:.7rem}}