*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4edde;color:#18342c;font-family:Georgia,serif}.concept-bar{background:#e89a6c;color:#17372e;text-align:center;padding:8px;font:700 10px Arial;letter-spacing:.09em}.concept-bar a{color:inherit}.wf-head{padding:24px 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #bfc6b8}.wf-logo{font:700 20px Arial;letter-spacing:.15em;color:#17372e;text-decoration:none}.wf-head>span{font:700 10px Arial;letter-spacing:.15em}.wf-head nav{justify-self:end;display:flex;gap:25px}.wf-head nav a{font:700 11px Arial;color:#17372e;text-decoration:none}.wf-hero{padding:6vw 4vw 10vw;display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center}.wf-card{position:relative;background:#fff;padding:14px;box-shadow:0 25px 60px rgba(24,52,44,.12);transform:rotate(-2deg)}.wf-card img{width:100%;display:block}.stamp{position:absolute;right:-24px;bottom:-24px;width:94px;height:94px;border-radius:50%;background:#e89a6c;display:grid;place-items:center;text-align:center;font:800 14px Arial;letter-spacing:.08em;transform:rotate(9deg)}.wf-title small,.wf-story span,.wf-method span,.wf-note-card span,.wf-price span{font:800 10px Arial;letter-spacing:.15em}.wf-title h1{font-size:clamp(58px,7vw,105px);line-height:.91;font-weight:400;letter-spacing:-.045em;margin:24px 0}.wf-title h1 i{color:#df7d55}.wf-title p{font:18px/1.75 Arial;color:#64736a}.wf-title a,.wf-story a,.wf-end a{color:#17372e;font-weight:700}.wf-journeys{padding:0 4vw 8vw}.wf-story{display:grid;grid-template-columns:1.15fr .85fr;gap:5vw;align-items:center;margin-bottom:10vw}.wf-story.reverse{grid-template-columns:.85fr 1.15fr}.wf-story.reverse .wf-photo{order:2}.wf-photo{background:#fff;padding:12px;box-shadow:0 18px 42px rgba(24,52,44,.11)}.wf-photo img{width:100%;display:block}.wf-story h2{font-size:clamp(48px,6vw,88px);font-weight:400;line-height:.95;margin:18px 0}.wf-story p{font:17px/1.75 Arial;color:#64736a}.wf-method{background:#17372e;color:#f4edde;margin:0 4vw 8vw;padding:6vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw}.wf-method h2{font-size:70px;font-weight:400;line-height:.95;margin:25px 0}.wf-method ol{list-style:none;margin:0;padding:0}.wf-method li{padding:22px 0;border-top:1px solid #567067;font:18px/1.6 Arial}.wf-method li b{display:inline-block;width:55px;color:#e89a6c}.wf-notes{display:grid;grid-template-columns:1.3fr .7fr;gap:20px;padding:0 4vw 9vw}.wf-note-card,.wf-price{border:1px solid #bfc6b8;padding:42px}.wf-note-card h3{font-size:50px;font-weight:400;margin:30px 0}.wf-note-card p,.wf-price p{font:16px/1.7 Arial;color:#64736a}.wf-price{background:#e89a6c;border:0;transform:rotate(2deg)}.wf-price b{display:block;font-size:82px;font-weight:400;margin:45px 0 12px}.wf-end{padding:9vw 4vw;background:#d9e4dc;display:flex;justify-content:space-between;align-items:end;gap:40px}.wf-end h2{font-size:clamp(62px,8vw,120px);font-weight:400;line-height:.9;margin:0}footer{padding:26px 4vw;display:flex;justify-content:space-between;font:11px Arial;letter-spacing:.1em}footer a{color:#17372e}@media(max-width:850px){.wf-head{grid-template-columns:1fr 1fr}.wf-head>span{display:none}.wf-head nav{display:none}.wf-hero,.wf-story,.wf-story.reverse,.wf-method,.wf-notes{grid-template-columns:1fr}.wf-story.reverse .wf-photo{order:0}.wf-end{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.wf-title h1{font-size:58px}.wf-method h2{font-size:50px}.wf-note-card h3{font-size:38px}.wf-end h2{font-size:64px}}

/* V5: cultured travel journal */
body{background:#efe8d9;color:#18352c;font-family:Georgia,"Times New Roman",serif}.concept-bar{background:#17382e;color:#f4eddf;font:600 9px Arial;letter-spacing:.13em;padding:8px}.wf-head{height:76px;padding:0 3.5vw;border-color:#aeb7aa;background:rgba(239,232,217,.95)}.wf-logo{font-size:21px;letter-spacing:.08em}.wf-head nav a{font:700 10px Arial;letter-spacing:.12em}.wf-hero{grid-template-columns:.72fr 1.28fr;min-height:820px}.wf-title{padding:8vw 3.5vw;border-right:1px solid #aeb7aa}.wf-title h1{font-size:clamp(76px,8.5vw,138px);line-height:.82;font-weight:400;letter-spacing:-.054em}.wf-title h1 em{color:#ce704e}.wf-title p{font:15px/1.8 Arial;color:#66736a;max-width:460px}.hero-card{padding:4vw;display:grid;place-items:center;background:#dbe2d6}.hero-card img{width:100%;box-shadow:0 30px 70px rgba(33,56,48,.14);transform:rotate(1.5deg)}.stamp{font:800 9px Arial;letter-spacing:.14em;border-radius:50%;width:86px;height:86px}.wf-journeys{padding:9vw 3.5vw 5vw}.wf-journeys>div:first-child h2{font-size:clamp(56px,7vw,108px);font-weight:400;line-height:.9}.wf-card{border-top:1px solid #aeb7aa;padding:28px 0;display:grid;grid-template-columns:1fr 1.3fr .7fr;align-items:start;gap:30px}.wf-card img{width:100%}.wf-card h3{font-size:36px;font-weight:400;margin:0}.wf-card p{font:14px/1.7 Arial;color:#66736a}.wf-story{padding:7vw 3.5vw;gap:6vw}.wf-photo{background:#dbe2d6;padding:22px}.wf-photo img{display:block}.wf-story h2{font-size:clamp(52px,6vw,96px);line-height:.9;font-weight:400}.wf-story p{font:16px/1.8 Arial;color:#66736a}.wf-method{background:#17382e;color:#f3ecde;padding:9vw 3.5vw}.wf-method h2{font-size:clamp(56px,7vw,110px);font-weight:400}.wf-method p{font:15px/1.8 Arial;color:#bec8c0}.wf-notes{padding:9vw 3.5vw;gap:18px}.wf-note-card,.wf-price{border-radius:0;border-color:#aeb7aa;padding:38px}.wf-price{background:#d77a56;transform:rotate(1deg)}.wf-end{padding:10vw 3.5vw;background:#d4ded6}.wf-end h2{font-size:clamp(66px,9vw,136px);line-height:.82}footer{border-top:1px solid #aeb7aa}
@media(max-width:850px){body{overflow-x:hidden}.wf-head nav{display:none}.wf-hero{grid-template-columns:1fr;min-height:auto}.wf-title{padding:76px 5vw;border-right:0;border-bottom:1px solid #aeb7aa}.wf-title h1{font-size:70px}.hero-card{padding:44px 5vw}.wf-card{grid-template-columns:1fr;padding:30px 0}.wf-story,.wf-story.reverse,.wf-method,.wf-notes{grid-template-columns:1fr;padding-left:5vw;padding-right:5vw}.wf-story.reverse .wf-photo{order:0}.wf-end{padding-left:5vw;padding-right:5vw;align-items:flex-start;flex-direction:column}.wf-journeys{padding-left:5vw;padding-right:5vw}}
@media(max-width:560px){.wf-title h1{font-size:56px}.wf-method h2,.wf-end h2{font-size:58px}}
@media(max-width:850px){.wf-card,.wf-price,.hero-card img{transform:none}}
@media(max-width:850px){.stamp{right:8px;bottom:8px;transform:none}}
