/* One continuous editorial study of Scott's actual components. */
.craft-story{--craft-rod-travel:96px;--craft-guide-travel:-56px;--craft-copy-travel:22px;background:#fff;padding:115px 6% 120px;overflow:hidden}
.craft-composition{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;max-width:1440px;margin:0 auto}
.craft-opening{grid-column:1/6;grid-row:1;position:relative;z-index:2;padding-top:15px}
.craft-opening h2{font-size:clamp(44px,4.1vw,58px);line-height:1.03;letter-spacing:.025em;max-width:480px}
.craft-opening>p{font-size:14px;line-height:1.9;max-width:340px;margin-top:30px;color:#555}
.craft-hero{grid-column:5/13;grid-row:1/3;margin:0 -6vw 0 -25px;min-width:0;align-self:start}
.craft-hero-photo{position:relative;margin-top:65px;aspect-ratio:1.32;isolation:isolate}
.craft-hero-photo>img{width:100%;height:100%;object-fit:contain;transform:scale(1.06);transform-origin:60% 50%;mix-blend-mode:multiply}
.craft-callout{position:absolute;font-size:10px;line-height:1.4;color:#555;letter-spacing:.02em;z-index:1;pointer-events:none}
.craft-callout i{display:block;position:absolute;width:1px;background:#b8b8b5;transform-origin:top}
.craft-callout i:after{content:"";position:absolute;bottom:0;left:-2px;width:5px;height:5px;border-radius:50%;background:#857362}
.craft-callout-cork{left:70%;top:18%}
.craft-callout-cork i{left:22px;top:23px;height:52px;transform:rotate(-18deg)}
.craft-callout-seat{left:12%;top:43%}
.craft-callout-seat i{left:80%;top:25px;height:62px;transform:rotate(-34deg)}
.craft-hero figcaption{display:flex;gap:40px;align-items:center;margin:-5px 10vw 0 19%;position:relative}
.craft-hero h3{font-size:32px;line-height:1.06;letter-spacing:.025em;flex-shrink:0}
.craft-hero figcaption p{font-size:11px;line-height:1.9;color:#666;max-width:240px}
.craft-guide{grid-column:1/5;grid-row:2/4;margin:36px 15% 0 0;min-width:0;align-self:start}
.craft-guide-photo{aspect-ratio:1.02;position:relative}
.craft-guide-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 90%,transparent)}
.craft-guide figcaption{position:relative;padding:5px 38px 0 0;margin-top:15px}
.craft-guide figcaption>span{font-size:10px;letter-spacing:.09em;color:#777;display:block}
.craft-guide figcaption p{font-size:14px;line-height:1.6;margin-top:8px;color:#292929}
.craft-detail-link{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:44px;height:44px;border:1px solid #d7d7d4;transition:background .25s,border-color .25s}
.craft-detail-link svg{width:15px;height:15px;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.craft-detail-link:hover{background:#f6f6f4;border-color:#857362}
.craft-detail-link:hover svg{transform:scale(1.15)}
.craft-closing{grid-column:7/12;grid-row:3;padding-top:45px;align-self:end}
.craft-closing>p{font-size:12px;line-height:1.9;max-width:360px;color:#666}
.craft-closing .text-link{margin-top:22px;min-height:44px;display:inline-flex;align-items:center}
.craft-hero,.craft-closing{transform:translate3d(0,calc(var(--craft-depth,0) * var(--craft-rod-travel)),0)}
.craft-guide{transform:translate3d(0,calc(var(--craft-depth,0) * var(--craft-guide-travel)),0)}
.craft-opening{transform:translate3d(0,calc(var(--craft-depth,0) * var(--craft-copy-travel)),0)}
.craft-story.is-parallax-active .craft-hero,.craft-story.is-parallax-active .craft-guide{will-change:transform}
@media(min-width:1600px){.craft-story{padding-left:max(6%,calc((100vw - 1440px)/2));padding-right:max(6%,calc((100vw - 1440px)/2))}.craft-hero{margin-right:-70px}}
@media(max-width:1050px){.craft-story{padding-top:90px;padding-bottom:90px}.craft-composition{column-gap:18px}.craft-opening h2{font-size:46px}.craft-opening>p{font-size:13px;max-width:285px}.craft-hero{margin-left:-20px}.craft-hero-photo{margin-top:125px}.craft-callout-seat{left:5%}.craft-hero figcaption{gap:20px;margin-right:7vw;margin-left:15%}.craft-hero h3{font-size:28px}.craft-hero figcaption p{font-size:10px}.craft-guide{margin-right:0}.craft-closing{grid-column:7/13}}
@media(max-width:760px){.craft-story{--craft-rod-travel:48px;--craft-guide-travel:-28px;--craft-copy-travel:10px;padding:75px 6% 80px}.craft-composition{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:16px}.craft-opening{grid-column:1/7;grid-row:1;padding-top:0}.craft-opening h2{font-size:44px;max-width:340px}.craft-opening>p{font-size:13px;line-height:1.85;max-width:340px;margin-top:22px}.craft-hero{grid-column:1/7;grid-row:2;margin:8px -7vw 0 -10vw}.craft-hero-photo{margin-top:0;aspect-ratio:1.25}.craft-hero-photo>img{transform:scale(1.05)}.craft-callout{font-size:9px}.craft-callout-cork{left:70%;top:12%}.craft-callout-cork i{height:33px;top:19px}.craft-callout-seat{left:17%;top:27%}.craft-callout-seat i{height:47px;top:20px}.craft-hero figcaption{margin:0 13vw;gap:20px;align-items:start}.craft-hero h3{font-size:28px}.craft-hero figcaption p{font-size:10px;line-height:1.8;max-width:145px;padding-top:2px}.craft-guide{grid-column:1/4;grid-row:3;margin:45px -8px 0 -12px}.craft-guide-photo{aspect-ratio:.76}.craft-guide figcaption{margin:10px 0 0 12px;padding:0}.craft-guide figcaption>span{font-size:9px}.craft-guide figcaption p{font-size:11px;line-height:1.7}.craft-detail-link{right:0;top:-44px;bottom:auto;width:44px;height:44px;background:#fff}.craft-closing{grid-column:4/7;grid-row:3;padding:55px 0 0 3px;align-self:start}.craft-closing>p{font-size:11px;line-height:1.85}.craft-closing .text-link{font-size:10px;gap:10px;white-space:nowrap;margin-top:15px}.craft-closing .text-link svg{width:16px;height:16px}}
@media(max-width:360px){.craft-opening h2{font-size:40px}.craft-hero figcaption{gap:14px}.craft-hero h3{font-size:25px}.craft-closing .text-link{gap:5px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.craft-hero,.craft-guide,.craft-opening,.craft-closing,.craft-hero-photo>img,.craft-guide-photo img{transform:none;will-change:auto!important}.craft-detail-link,.craft-detail-link svg{transition:none}}
