.detail-world{min-height:1000px;height:110svh;max-height:1150px;position:relative;overflow:clip;background:var(--paper);isolation:isolate;padding:90px var(--page-gutter)}
.detail-world-center{position:absolute;left:31%;right:31%;top:50%;transform:translateY(-50%);text-align:center;z-index:2}.detail-world-center>.handwritten{font-size:30px;margin-bottom:25px}.detail-world h2{font-size:clamp(44px,4.6vw,68px);font-weight:450;line-height:1.1}.detail-world-center>p:not(.handwritten){font-size:15px;line-height:1.7;margin:28px auto 25px;min-height:102px;max-width:38ch}.detail-world-center>.text-link{font-size:14px}
.detail-world-items{position:absolute;inset:5% 3% 6%;pointer-events:none}.world-detail{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:23%;height:27%;border:0;padding:0;pointer-events:auto;transition:translate .2s}.world-detail:hover{translate:0 -7px}.world-detail>.handwritten{font-size:29px;white-space:nowrap;position:relative}.world-detail>svg{height:135px;width:150px;stroke:#6a442b;stroke-width:1.8;margin-bottom:12px;fill:#ecddc11c}.world-art{width:130px;height:135px;display:block;margin:0 auto 20px}.world-swatch{background:url('../assets/images/swatches/atlas.webp') 0 0/200% 200%;box-shadow:0 8px 10px #4d2a1320;transform:rotate(-12deg);border-radius:3px}.world-metal{width:145px;height:145px;border-radius:50%;background:url('../assets/images/craft-detail.webp') 76% 36%/330%;box-shadow:0 5px 10px #4d2a131a;transform:rotate(6deg)}.world-zip{width:175px;height:110px;border-radius:55% 45% 40% 60%;background:url('../assets/images/details/daily-detail.webp') 55% 40%/180%;transform:rotate(-14deg)}.world-stamp{font-family:Caveat,cursive;font-size:42px;background:url('../assets/images/swatches/atlas.webp') 0 100%/200% 200%;color:#fff8e6;text-shadow:1px 2px 2px #2b1a07;display:grid;place-items:center;transform:rotate(-10deg);box-shadow:0 7px 8px #4d2a1320;width:155px;height:115px}.world-grain{left:5%;top:0;transform:rotate(-4deg)}.world-thread{left:36%;top:-2%;transform:rotate(7deg)}.world-hardware{right:3%;top:0;transform:rotate(-5deg)}.world-opening{left:-1%;top:34%;transform:rotate(-6deg)}.world-lining{right:-1%;top:33%;transform:rotate(6deg)}.world-logo{left:6%;bottom:0;transform:rotate(3deg)}.world-tag{left:38%;bottom:-2%;transform:rotate(-6deg)}.world-packaging{right:5%;bottom:0;transform:rotate(7deg)}.world-detail[aria-pressed=true]>.handwritten{text-decoration:underline;text-underline-offset:7px;color:#355b40}.detail-world-caption{position:absolute;left:var(--page-gutter);right:var(--page-gutter);bottom:20px;font-size:12px;color:var(--muted);text-align:center}
.brandways{height:500svh}.brandways-track{width:400vw}.brandways-family{background:#eee5d7}.brandways-family .brandways-direction{left:31%;width:38%;top:42%;text-align:center}.brandways-family .brandways-direction>p:not(.handwritten),.brandways-family .brandways-direction>small{margin-inline:auto}
.world-inline-copy{display:none}
.world-zip{background-position:20% 4%;background-size:160%}
@media(max-width:1100px){.header-nav .nav-order-path{display:none}}
#brand-direction-reference{font-size:13px;line-height:1.6;margin:15px 0;padding:12px 0;border-top:1px solid var(--line)}#brand-direction-reference .text-link{font-size:12px;margin-top:8px}
@media(max-width:760px){html[data-chapter=story] .site-header{background:#fdfbf9;box-shadow:0 5px 15px #2b1a0706}}
@media(max-width:760px){.detail-world-items{align-items:start}.world-detail{height:auto!important;min-height:190px}.world-inline-copy{display:block;font-size:13px;line-height:1.6;margin-top:15px;color:var(--ink);font-family:var(--body);font-weight:400;text-align:left}}
@media(max-width:1100px) and (min-width:761px){.detail-world{min-height:1000px}.detail-world-center{left:29%;right:29%}.detail-world h2{font-size:48px}.world-detail>.handwritten{font-size:24px}.world-detail>svg{height:115px;width:130px}.world-art{width:110px;height:115px}.brandways-family .brandways-direction{left:28%;width:44%}}
@media(max-width:760px){.detail-world{height:auto;min-height:0;max-height:none;padding:90px 24px 55px;display:flex;flex-direction:column}.detail-world-center{position:relative;inset:auto;transform:none}.detail-world-center>.handwritten{font-size:27px}.detail-world h2{font-size:44px}.detail-world-center>p:not(.handwritten){font-size:15px;margin:23px 0;min-height:105px;max-width:none}.detail-world-items{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:30px 15px;margin-top:50px}.world-detail{position:relative;inset:auto!important;width:100%;height:190px;transform:none!important}.world-detail>.handwritten{font-size:22px;white-space:normal;line-height:1.15}.world-art{width:105px;height:115px;margin-bottom:16px}.world-metal{width:110px;height:110px}.world-zip{width:130px;height:90px}.world-stamp{width:125px;height:90px;font-size:35px}.world-detail>svg{width:115px;height:115px;margin-bottom:12px}.detail-world-caption{position:static;font-size:11px;margin-top:35px}.brandways{height:auto}.brandways-track{width:100%}.brandways-family{min-height:900px}.brandways-family .brandways-direction{position:relative;left:auto;top:auto;width:auto;padding-top:100px;text-align:left}.brandways-controls{background:#eee5d7}}
@media(prefers-reduced-motion:reduce){.brandways{height:auto}.brandways-track{width:100%}.world-detail{transition:none}.brandways-controls{background:#eee5d7}}
