:root{--paper:#f2ede4;--paper2:#e8dfd2;--ink:#26221e;--wine:#4b2028;--wine2:#32151b;--champ:#aa8b5d;--line:rgba(47,37,30,.18);--serif:'Playfair Display',serif;--sans:Montserrat,sans-serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{margin:0;font-family:var(--sans);font-weight:300}.pe-nav{position:fixed;z-index:30;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:flex-start;padding:28px 5vw;mix-blend-mode:multiply}.pe-nav a{color:var(--ink);text-decoration:none;font-size:9px;letter-spacing:.18em;font-weight:600}.pe-brand{font:500 22px/1 var(--serif)!important;letter-spacing:.11em!important}.pe-brand small{display:block;margin-top:8px;font:600 6px/1 var(--sans);letter-spacing:.28em}.pe-nav>div{display:flex;gap:25px}.pe-view{display:none;min-height:100svh;padding:140px 7vw 80px;position:relative;overflow:hidden}.pe-view.on{display:block}.pe-cover{background:var(--paper)}.pe-folio,.pe-page-no{font-size:8px;letter-spacing:.25em;font-weight:600;color:var(--wine)}.pe-cover-copy{margin-top:17vh;max-width:850px}.pe-cover-copy>span,.pe-origin-title>span,.pe-stay header>span,.pe-archive>section>span{font-size:8px;letter-spacing:.25em;color:var(--wine);font-weight:600}.pe-cover h1{font:400 clamp(92px,18vw,250px)/.72 var(--serif);letter-spacing:-.06em;margin:25px 0 45px}.pe-cover p{font:300 15px/1.8 var(--sans);max-width:390px}.pe-cover button,.pe-stamp button{all:unset;cursor:pointer;margin-top:40px;font-size:9px;font-weight:600;letter-spacing:.2em;border-bottom:1px solid var(--wine);padding:0 0 12px}.pe-cover button i{margin-left:30px}.pe-cover-mark{position:absolute;right:-2vw;bottom:-9vw;font:400 40vw/.7 var(--serif);color:rgba(75,32,40,.045)}.pe-origin{background:var(--paper)}.pe-origin-title{margin-top:11vh}.pe-origin-title h2{font:400 clamp(60px,10vw,140px)/.85 var(--serif);letter-spacing:-.045em;margin:15px 0 70px}.pe-coordinate{border-top:1px solid var(--line);padding-top:38px;max-width:650px}.pe-coordinate p{font:400 clamp(34px,5vw,66px)/1.3 var(--serif);margin:4px 0}.pe-coordinate input{width:1.55em;border:0;border-bottom:1px solid var(--champ);background:none;font:inherit;color:var(--wine);text-align:center;outline:none}.pe-coordinate small{display:block;margin:25px 0;color:#796f65;font-size:9px;letter-spacing:.15em}.pe-coordinate button,.pe-origin-clue a,.pe-origin-code button,.pe-desk-check{all:unset;cursor:pointer;font-size:8px;letter-spacing:.2em;font-weight:600;color:var(--wine);padding:12px 0;border-bottom:1px solid var(--wine)}.pe-feedback{font-size:9px;margin-top:18px;color:var(--wine)}.pe-origin-clue,.pe-origin-code,.pe-stamp{display:none;margin:80px 0 20px;max-width:760px}.pe-origin-clue.show,.pe-origin-code.show,.pe-stamp.show{display:block}.pe-origin-clue>small,.pe-origin-code>small{font-size:8px;letter-spacing:.22em;color:var(--wine);font-weight:600}.pe-origin-clue h3{font:400 clamp(38px,5vw,68px)/1 var(--serif);margin:20px 0}.pe-origin-clue h3 em{font-style:italic;color:var(--wine)}.pe-origin-clue>p{line-height:1.8}.pe-record{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;margin:55px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0}.pe-record span{display:flex;flex-direction:column;gap:10px}.pe-record b,.pe-record small{font-size:7px;letter-spacing:.18em}.pe-record strong{font:400 38px/1 var(--serif)}.pe-record i{height:1px;background:var(--champ);position:relative}.pe-record i:after{content:'→';position:absolute;right:-3px;top:-12px;color:var(--champ);font-style:normal}.pe-record-note{font:400 18px/1.5 var(--serif)!important;color:var(--wine)}.pe-origin-code p{font:400 64px/1 var(--serif);display:flex;gap:25px;align-items:center}.pe-origin-code p i{font-style:normal;color:var(--champ)}.pe-origin-code label{display:block;font-size:9px;letter-spacing:.08em;margin-bottom:18px}.pe-origin-code input{width:130px;border:0;border-bottom:1px solid var(--wine);background:transparent;font:400 34px var(--serif);outline:none;color:var(--wine);margin-right:25px}.pe-origin-code em{display:block;margin-top:20px;font-size:9px}.pe-stamp{border-left:3px solid var(--wine);padding:20px 0 20px 28px}.pe-stamp span{font-size:8px;letter-spacing:.2em}.pe-stamp strong{display:block;font:400 52px/1 var(--serif);color:var(--wine);margin-top:8px}.pe-stay{background:#eee7dd}.pe-stay header{max-width:900px;margin:9vh 0 65px}.pe-stay h2{font:400 clamp(52px,8vw,110px)/.9 var(--serif);letter-spacing:-.045em;margin:15px 0 25px}.pe-stay h2 b{color:var(--wine);font-weight:400}.pe-stay header p{max-width:520px;line-height:1.8}.pe-dossier{max-width:850px;background:#f8f4ed;padding:55px;box-shadow:0 25px 80px rgba(55,35,27,.08);transform:rotate(-.4deg);margin-bottom:80px}.pe-dossier-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;font-size:8px;letter-spacing:.17em}.pe-dossier h3{font:400 clamp(32px,4vw,52px)/1.08 var(--serif);margin:45px 0 30px}.pe-dossier p{max-width:580px;line-height:1.9;color:#71675d}.pe-desk{max-width:850px}.pe-desk>span{font-size:8px;letter-spacing:.2em;color:var(--wine);font-weight:600}.pe-service{border-top:1px solid var(--line)}.pe-service:last-of-type{border-bottom:1px solid var(--line)}.pe-service>button{all:unset;width:100%;box-sizing:border-box;cursor:pointer;padding:23px 0;font:400 24px var(--serif);display:flex;justify-content:space-between}.pe-service>div{display:none;gap:8px;flex-wrap:wrap;padding:0 0 25px}.pe-service.open>div{display:flex}.pe-service>div button{background:transparent;border:1px solid rgba(75,32,40,.25);padding:11px 14px;font:600 7px var(--sans);letter-spacing:.12em;color:var(--ink)}.pe-service>div button.selected{background:var(--wine);color:#fff}.pe-desk-check{margin-top:35px}.pe-desk>p{font-size:9px;color:var(--wine);margin-top:18px}.pe-stamp p{line-height:1.7}.pe-complete{background:var(--paper);min-height:100svh;padding:12vh 7vw 100px}.pe-complete h1{font:400 clamp(60px,11vw,150px)/.86 var(--serif);letter-spacing:-.05em;margin:20px 0 70px}.pe-complete-list{max-width:650px;border-top:1px solid var(--line)}.pe-complete-list p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 0;margin:0;font-size:9px;letter-spacing:.14em}.pe-complete-list b{color:var(--wine)}.pe-remains{font:400 30px var(--serif);margin:80px 0 30px}.pe-envelope{display:block;position:relative;width:min(620px,90vw);aspect-ratio:1.6;border:0;background:var(--wine);color:#e9dfd0;cursor:pointer;box-shadow:0 30px 80px rgba(61,27,33,.22);overflow:hidden}.pe-envelope:before,.pe-envelope:after{content:'';position:absolute;left:0;right:0;height:100%;border-style:solid;border-color:transparent}.pe-envelope:before{top:-1px;border-width:0 310px 190px;border-top-color:#5c2832}.pe-envelope span{position:absolute;left:35px;top:30px;font:400 20px var(--serif);letter-spacing:.12em}.pe-envelope i{position:absolute;right:35px;top:34px;font:600 7px var(--sans);letter-spacing:.2em}.pe-envelope b{position:absolute;z-index:2;left:50%;top:53%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#9d8057;display:grid;place-items:center;font-size:18px}.pe-key-reveal{display:none;min-height:100svh;background:var(--wine2);color:#f0e8dc;padding:13vh 7vw}.pe-key-reveal.show{display:block}.pe-key-reveal h2{font:400 clamp(80px,14vw,190px)/.75 var(--serif);margin:30px 0 80px}.pe-key{position:relative;width:min(650px,92vw);aspect-ratio:1.62;background:linear-gradient(145deg,#491d25,#2a1116);border:1px solid rgba(218,190,145,.5);border-radius:22px;padding:40px;overflow:hidden;box-shadow:0 40px 100px #16080c80}.pe-key>span{font:400 21px var(--serif);letter-spacing:.14em}.pe-key>strong{position:absolute;left:40px;top:48%;font:400 clamp(34px,5vw,58px) var(--serif);letter-spacing:.1em;color:#c9ad7c;text-shadow:0 1px #fff2}.pe-key footer{position:absolute;bottom:35px;left:40px;right:40px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.2em}.pe-key-shine{position:absolute;width:45%;height:180%;top:-40%;left:-70%;background:linear-gradient(90deg,transparent,#fff2,transparent);transform:rotate(20deg);pointer-events:none}.pe-key-reveal>p{max-width:500px;line-height:1.8;margin-top:45px}.pe-journey{background:#f1ece4;padding:14vh 7vw}.pe-journey>article{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center;margin:90px 0}.pe-journey img{width:100%;aspect-ratio:4/5;object-fit:cover}.pe-journey h3{font:400 clamp(55px,9vw,125px)/.8 var(--serif);margin:15px 0}.pe-journey small{font-size:8px;letter-spacing:.2em;color:var(--wine)}.pe-journey .sealed,.pe-journey .concept{min-height:70vh;border-top:1px solid var(--line);display:flex;align-items:center}.pe-journey .sealed{background:var(--wine);color:#f0e8dc;padding:7vw}.pe-journey .concept{padding:7vw}
@media(max-width:600px){.pe-nav{padding:22px 24px}.pe-brand{font-size:19px!important}.pe-view{padding:110px 25px 60px}.pe-cover-copy{margin-top:13vh}.pe-cover h1{font-size:27vw}.pe-origin-title{margin-top:7vh}.pe-origin-title h2{font-size:16vw;margin-bottom:50px}.pe-coordinate p{font-size:9.2vw}.pe-record{grid-template-columns:1fr 30px 1fr;gap:8px}.pe-record strong{font-size:28px}.pe-record small{font-size:5.8px}.pe-origin-clue h3{font-size:10vw}.pe-origin-code p{font-size:52px}.pe-stay header{margin-top:6vh}.pe-stay h2{font-size:14vw}.pe-dossier{padding:32px 25px;margin-bottom:55px}.pe-dossier-head{gap:20px}.pe-dossier h3{font-size:8.6vw}.pe-service>button{font-size:21px}.pe-stamp strong{font-size:40px}.pe-complete{padding:120px 25px 70px}.pe-complete h1{font-size:16vw}.pe-envelope{width:100%}.pe-envelope:before{border-width:0 50vw 30vw}.pe-key-reveal{padding:100px 25px}.pe-key-reveal h2{font-size:22vw}.pe-key{padding:25px;border-radius:17px}.pe-key>span{font-size:15px}.pe-key>strong{left:25px;font-size:8vw}.pe-key footer{left:25px;right:25px;bottom:22px;font-size:5.5px}.pe-journey{padding:100px 25px}.pe-journey>article{display:block;margin:75px 0}.pe-journey article>div{padding-top:25px}.pe-journey h3{font-size:17vw}.pe-journey .sealed,.pe-journey .concept{padding:45px 25px}}