/* The entire page is an imaginary construction-paper travel bureau. */
:root{--blue:#0b57da;--pink:#ed278c;--yellow:#ffd022;--paper-shadow:7px 9px 0 #002b7624,15px 18px 25px #002b7617}
body{background:var(--blue);color:#fff}.header{height:94px}.wordmark{font-size:64px}.announcement{background:var(--pink)}.paper-scene{position:relative;isolation:isolate;overflow:hidden}.paper-scene:before,.paper-object:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.73' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.2' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.37;mix-blend-mode:multiply}.paper-scene>*{position:relative;z-index:1}.paper-object{position:relative;box-shadow:var(--paper-shadow);isolation:isolate}.paper-object>*{position:relative;z-index:1}.bureau-front{position:relative;max-width:1800px;margin:auto}.bureau-image{width:100%;aspect-ratio:3/2;object-fit:contain}.bureau-sign{position:absolute;left:27%;top:18.6%;width:46%;height:9.3%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:white}.bureau-sign h1{font-family:Georgia,serif;font-size:clamp(28px,5.25vw,86px);line-height:.8;letter-spacing:.08em;padding-left:.08em;text-shadow:2px 2px 0 #053a9b}.bureau-sign p{font-size:clamp(5px,.75vw,12px);line-height:1.1;letter-spacing:.18em;margin-top:.7vw}.door-sign{position:absolute;top:65%;left:44%;width:12%;min-height:10%;background:var(--pink);padding:1.1vw .3vw;text-align:center;box-shadow:3px 5px 0 #00296540;display:flex;flex-direction:column;gap:.7vw;border:1px solid #fff9;transform:rotate(-3deg);transition:transform .25s}.door-sign:before{content:'';position:absolute;left:25%;top:-4.2vw;width:50%;height:4vw;border-left:1px solid white;border-right:1px solid white;transform:perspective(100px) rotateX(-30deg)}.door-sign:hover{transform:rotate(2deg)}.door-sign span{font-size:clamp(5px,.65vw,10px);letter-spacing:.08em;line-height:1.1}.door-sign strong{font:italic clamp(10px,1.7vw,28px)/1 Georgia,serif}.bureau-plinth{display:flex;justify-content:space-between;padding:17px 5%;font-size:9px;letter-spacing:.13em;background:var(--pink)}
.departure-hall{background:var(--yellow);padding:85px 10% 80px}.departure-board{background:var(--blue);padding:40px;border:8px solid var(--pink);outline:1px solid #fffe;outline-offset:-14px}.board-heading{padding-bottom:30px;position:relative}.board-heading h2{font-size:clamp(46px,5.5vw,80px);margin-top:16px}.board-mark{position:absolute;top:10px;right:4px;font:65px Georgia,serif;border:1px solid white;padding:8px 16px}.board-labels,.board-values{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}.board-labels{font-size:8px;letter-spacing:.17em;border-top:1px solid #fff8;padding:16px 0 12px}.board-values{border-bottom:1px solid #fff8;padding:0 0 20px;align-items:center}.board-values strong{font-family:'Courier New',monospace;letter-spacing:.04em;font-size:clamp(18px,2.4vw,34px);font-weight:400}.board-values span{font-size:10px;letter-spacing:.1em}.board-note{font-size:11px;margin-top:22px}.route-tickets{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.route-tickets a{background:var(--pink);padding:22px 20px;display:flex;flex-direction:column;gap:15px;box-shadow:4px 5px 0 #b4752022;position:relative}.route-tickets a:before,.route-tickets a:after{content:'';position:absolute;background:var(--yellow);height:18px;width:18px;border-radius:50%;top:55%}.route-tickets a:before{left:-9px}.route-tickets a:after{right:-9px}.route-tickets span{font-size:8px;letter-spacing:.1em}.route-tickets strong{font:27px Georgia,serif;font-weight:400}.route-tickets span:last-child{border-top:1px dashed #fff9;padding-top:17px;font-size:7px}.brochure-scene{background:var(--pink);padding:80px 7% 90px}.holiday-brochure{background:var(--blue);border:10px solid var(--blue)}.brochure-masthead{display:flex;justify-content:space-between;gap:20px;letter-spacing:.13em;font-size:8px;padding:17px 12px 24px}.brochure-cover{position:relative}.brochure-title{position:absolute;top:4%;left:20%;right:20%;text-align:center;pointer-events:none}.brochure-title p{font:italic clamp(18px,2.8vw,42px)/1 Georgia,serif}.brochure-title h2{font-size:clamp(55px,8vw,120px);line-height:1.05}.brochure-copy{display:grid;grid-template-columns:1fr 1.1fr .9fr;gap:30px;padding:35px 28px 30px}.brochure-copy>div:not(:first-child){border-left:1px solid #fff6;padding-left:30px}.brochure-copy .kicker{font-size:8px}.brochure-copy h3{font:40px/1.1 Georgia,serif;letter-spacing:-.04em;margin:15px 0}.brochure-copy p:not(.kicker){font-size:12px;line-height:1.8;margin-bottom:13px}.brochure-index{display:flex;flex-direction:column;gap:17px;font-size:11px}.brochure-index span{font-size:8px;letter-spacing:.11em}.brochure-index a{border-bottom:1px solid #fff5;padding-bottom:10px}.open-brochure{display:grid;grid-template-columns:1fr 1fr;margin-top:65px;background:var(--blue);padding:18px;box-shadow:var(--paper-shadow)}.open-brochure:after{content:'';position:absolute;top:0;bottom:0;left:calc(50% - 14px);width:28px;background:linear-gradient(90deg,transparent,#001d6c35 48%,#ffffff14 52%,transparent);z-index:3;pointer-events:none}.brochure-page{padding:0 18px 16px;position:relative}.page-top{display:flex;justify-content:space-between;padding:18px 0;font-size:8px;letter-spacing:.11em}.brochure-page img{aspect-ratio:849/1536;object-fit:contain}.page-caption{padding:25px 0 5px}.page-caption h3{font:italic 32px Georgia,serif;letter-spacing:-.02em}.page-caption p{font-size:11px;margin:12px 0 20px}.page-caption a,.page-caption button{font-size:8px;letter-spacing:.1em;border-bottom:1px solid white;padding:0 0 7px}
.collection{background:var(--blue);padding:80px 6%}.wardrobe-menu{background:var(--pink);padding:28px 35px 35px;border:1px solid #fff8;outline:1px solid #fff6;outline-offset:-9px}.menu-rule{display:flex;justify-content:space-between;border-bottom:3px double white;padding:0 0 17px;font-size:9px;letter-spacing:.14em}.wardrobe-menu .section-top{margin-top:35px}.wardrobe-menu .section-top h2{font-size:clamp(45px,5vw,75px)}.wardrobe-menu .product .picture{border:5px solid var(--yellow)}.wardrobe-menu .collection-note{border-top:1px solid #fff6;padding-top:20px;margin-top:14px;max-width:none;font:italic 19px/1.5 Georgia,serif}.menu-bottom{display:flex;justify-content:space-between;padding-top:30px;font-size:7px;letter-spacing:.14em}.post-office{background:var(--yellow);padding:80px 7%}.post-office-sign{background:var(--blue);width:75%;margin:0 auto 50px;text-align:center;border:6px solid var(--pink);padding:30px 22px;outline:1px solid #fff8;outline-offset:-13px}.post-office-sign h2{font-size:clamp(32px,4vw,60px);margin:18px 0}.post-office-sign>p:last-child{font-size:11px}.travel-postcard{background:var(--blue);padding:13px}.travel-postcard figcaption{display:flex;justify-content:space-between;gap:15px;padding:22px 5px 10px;font-size:8px;letter-spacing:.1em}.postcard-display-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.postcard-display-pair figure{background:var(--pink)}.postcard-display-pair figure:first-child{transform:rotate(-2deg)}.postcard-display-pair figure:last-child{transform:rotate(2deg)}.postcard-display-pair img{aspect-ratio:16/9;object-fit:contain}.archive-envelope{background:var(--blue);margin:55px auto 0;padding:30px 40px;display:flex;gap:25px;align-items:center;justify-content:space-between;width:80%;border:1px solid #fff8}.archive-envelope:after{content:'';position:absolute;top:0;left:0;right:0;height:15px;background:linear-gradient(155deg,transparent 49%,#ffffff3b 50%,transparent 51%),linear-gradient(205deg,transparent 49%,#ffffff3b 50%,transparent 51%);pointer-events:none}.archive-envelope>span:first-child{font-size:8px;letter-spacing:.12em}.archive-envelope strong{font:italic 27px Georgia,serif;font-weight:400}.artist{background:var(--pink);padding:80px 7%}.postcard-back{background:var(--blue);outline:1px solid #fff9;outline-offset:-14px;border:10px solid var(--blue);padding:50px 5%;box-shadow:var(--paper-shadow)}.letter .signature{font-size:50px}.ticket-scene{background:var(--blue);padding:40px 10% 95px}.departure-ticket{background:var(--pink);display:grid;grid-template-columns:3fr 1fr;border:1px solid white;outline:1px solid #ffffff80;outline-offset:-10px}.ticket-main{padding:45px}.ticket-main h2{font-size:clamp(65px,8vw,120px);margin-top:25px}.ticket-status{font:italic 45px Georgia,serif;margin-top:5px}.ticket-fields{display:flex;gap:50px;border-top:1px solid white;padding-top:20px;margin-top:40px}.ticket-fields div{display:flex;flex-direction:column;gap:10px}.ticket-fields span{font-size:8px;letter-spacing:.12em}.ticket-fields strong{font-size:11px;letter-spacing:.1em;font-weight:400}.ticket-stub{border-left:1px dashed white;padding:40px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.ticket-stub:before,.ticket-stub:after{content:'';position:absolute;left:-14px;background:var(--blue);width:26px;height:26px;border-radius:50%}.ticket-stub:before{top:-14px}.ticket-stub:after{bottom:-14px}.ticket-stub>span{font-size:7px;letter-spacing:.14em}.ticket-stub>strong{font:40px Georgia,serif;letter-spacing:-.04em;margin:30px 0 20px}.ticket-stub p{font:italic 24px/1.2 Georgia,serif}.ticket-stub a{font-size:8px;line-height:1.6;letter-spacing:.1em;border-top:1px solid white;padding-top:23px;margin-top:30px}footer{background:var(--pink)}
@media(max-width:850px){.header{height:75px}.wordmark{font-size:47px}.bureau-sign h1{font-size:5.8vw}.bureau-sign p{font-size:1.1vw;letter-spacing:.09em;margin-top:1vw}.door-sign{width:16%;left:42%;padding:1.3vw .4vw;top:65%;gap:.8vw}.door-sign strong{font-size:2.2vw}.door-sign span{font-size:1vw;letter-spacing:.01em}.bureau-plinth{font-size:6px;letter-spacing:.07em;padding:13px 5%}.departure-hall{padding:45px 5%}.departure-board{padding:25px 17px;border-width:5px;outline-offset:-10px}.board-heading{padding-bottom:20px}.board-heading .kicker{font-size:7px;max-width:170px}.board-heading h2{font-size:39px;margin-top:14px}.board-mark{font-size:32px;padding:6px 9px;top:0}.board-labels,.board-values{grid-template-columns:1.2fr 1fr 1fr;gap:10px}.board-labels{font-size:6px;letter-spacing:.04em;padding-top:13px}.board-values strong{font-size:13px;letter-spacing:0}.board-values span{font-size:6px;letter-spacing:0}.board-note{font-size:10px;line-height:1.6}.route-tickets{gap:12px;margin-top:25px;grid-template-columns:1fr}.route-tickets a{padding:17px 22px;display:grid;grid-template-columns:1fr 1.7fr;align-items:center;gap:12px}.route-tickets strong{font-size:23px}.route-tickets span{font-size:7px}.route-tickets span:last-child{grid-column:1/-1;padding-top:12px;font-size:7px}.brochure-scene{padding:45px 4%}.holiday-brochure{border-width:6px}.brochure-masthead{font-size:6px;letter-spacing:.04em;padding:13px 4px 17px;gap:10px}.brochure-masthead span:last-child{display:none}.brochure-title p{font-size:16px}.brochure-title h2{font-size:12vw}.brochure-copy{grid-template-columns:1fr;padding:25px 16px;gap:20px}.brochure-copy>div:not(:first-child){border-left:0;padding-left:0;border-top:1px solid #fff6;padding-top:20px}.brochure-copy h3{font-size:39px;margin-bottom:0}.brochure-copy h3 br{display:none}.brochure-copy p:not(.kicker){font-size:12px}.brochure-index{gap:14px;font-size:11px}.open-brochure{padding:8px;margin-top:35px}.brochure-page{padding:0 7px 10px}.page-top{font-size:5px;letter-spacing:.02em;gap:8px;padding:12px 0}.page-caption{padding:17px 0 0}.page-caption h3{font-size:24px;line-height:1.05}.page-caption p{font-size:9px;line-height:1.6;margin:12px 0}.page-caption a,.page-caption button{font-size:6px;letter-spacing:.02em;line-height:1.6;text-align:left}.collection{padding:45px 4%}.wardrobe-menu{padding:20px 17px 25px;outline-offset:-6px}.menu-rule{font-size:6px;letter-spacing:.06em;padding-bottom:13px;gap:15px}.wardrobe-menu .section-top{margin-top:25px}.wardrobe-menu .section-top h2{font-size:40px}.wardrobe-menu .rail-arrows{gap:4px}.wardrobe-menu .rail-arrows button{width:28px;height:28px}.wardrobe-menu .product-rail{gap:12px}.wardrobe-menu .product{flex-basis:78%}.wardrobe-menu .product .picture{height:290px}.wardrobe-menu .collection-tabs{gap:17px;font-size:9px}.wardrobe-menu .collection-note{font-size:16px}.menu-bottom{font-size:5px;letter-spacing:.04em;gap:20px;padding-top:23px}.post-office{padding:45px 5% 50px}.post-office-sign{width:100%;padding:25px 15px;margin-bottom:30px}.post-office-sign h2{font-size:38px}.post-office-sign .kicker{font-size:8px}.post-office-sign>p:last-child{font-size:10px}.travel-postcard{padding:7px}.travel-postcard figcaption{font-size:6px;letter-spacing:.04em;padding:14px 4px 7px;line-height:1.5}.postcard-display-pair{grid-template-columns:1fr;gap:25px;margin:30px 5px 0}.archive-envelope{width:100%;flex-wrap:wrap;gap:15px;padding:25px 22px;margin-top:38px}.archive-envelope>span:first-child{flex-basis:100%;font-size:7px}.archive-envelope strong{font-size:23px;max-width:85%;text-align:left}.artist{padding:45px 5%}.postcard-back{padding:30px 7%;border-width:6px;outline-offset:-10px}.ticket-scene{padding:0 5% 60px}.departure-ticket{grid-template-columns:1fr}.ticket-main{padding:35px 25px}.ticket-main h2{font-size:74px}.ticket-main .kicker{font-size:8px}.ticket-status{font-size:39px}.ticket-fields{gap:25px;margin-top:30px}.ticket-fields strong{font-size:8px}.ticket-fields span{font-size:7px}.ticket-stub{border-left:0;border-top:1px dashed white;display:grid;grid-template-columns:1fr 1fr;padding:25px;gap:15px}.ticket-stub:before{left:-14px;top:-14px}.ticket-stub:after{right:-14px;left:auto;top:-14px;bottom:auto}.ticket-stub>strong{font-size:35px;margin:0}.ticket-stub>span{font-size:6px}.ticket-stub p{font-size:21px}.ticket-stub a{font-size:7px;padding-top:0;border-top:0;margin-top:0}.footer-top{line-height:1.7}.footer-top>span:first-child{max-width:190px}}
@media(prefers-reduced-motion:reduce){.door-sign{transition:none}}
