@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@400;500&display=swap');
:root{--ink:#202c3c;--rust:#a64e35;--cream:#f2ece2;--texture:url('assets/knit.png')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:106px}body{margin:0;background:linear-gradient(#f5efe595,#f5efe595),var(--texture) repeat;background-size:auto,440px;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ba694f;outline-offset:6px}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;flex-shrink:0}.icons{display:none}.skip{position:absolute;left:20px;top:-70px;padding:12px;background:white;z-index:30}.skip:focus{top:10px}header{position:sticky;top:0;z-index:15;background:#f2ece2f2;backdrop-filter:blur(10px);box-shadow:0 1px 0 #d9c8ad66,0 8px 20px #6a563a0f}.bar{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1280px;margin:auto;padding:16px 48px}.brand{font-family:'Playfair Display',Georgia,serif;font-size:32px;line-height:1.15;white-space:nowrap;letter-spacing:-1.5px}.brand span{display:block;font:500 10px/2.5 'DM Sans',sans-serif;letter-spacing:4.3px;text-align:center}nav{display:flex;gap:36px;align-items:center;font-size:14px}nav a{padding:7px 0;position:relative}nav a:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--rust);transform:scaleX(0);transition:transform .2s}nav a:hover:after,nav a.active:after{transform:scaleX(1)}.drawer{display:contents}.menu-toggle{display:none}.social-icons{display:flex;gap:26px}.social-icons a{display:flex;padding:7px}.hero{height:min(680px,65vw);min-height:510px;position:relative;isolation:isolate;border-top:5px solid #d9c8ad;border-bottom:8px solid #d9c8ad;box-shadow:0 2px 0 #9e887133}.hero:after{content:'';position:absolute;inset:9px;border:1px dashed #f7ecce8a;pointer-events:none}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 52%;position:absolute;z-index:-2}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#171511b8 0%,#17151170 34%,transparent 62%);z-index:-1}.hero-copy{max-width:1280px;margin:auto;padding:118px 60px 70px;color:#fff7eb}.eyebrow{display:block;font-size:11px;letter-spacing:2.5px;font-weight:600;line-height:1.7}.hero .eyebrow{color:#efd4b3}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;margin:0;line-height:1.14}h1{font-size:clamp(50px,5.3vw,78px);letter-spacing:-2.6px;margin:21px 0 19px}.hero p{font-size:19px;margin:0 0 27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--rust);color:white;border:1px solid #d4967c;border-radius:32px;padding:14px 23px;box-shadow:inset 0 0 0 4px #a34c32,inset 0 0 0 5px #d5997655,0 5px 12px #35281d18;font-size:14px;transition:transform .2s,background .2s}.button:hover{background:#8e402b;transform:translateY(-2px)}.hero-note{display:block;font:italic 15px Georgia,serif;color:#edddcb;margin-top:22px}.hero-tag{position:absolute;right:35px;bottom:26px;color:#f5ead8;font:italic 15px Georgia,serif}.section{max-width:1280px;margin:auto;padding:65px 46px 61px}.section-heading{text-align:center;margin-bottom:34px}.section-heading .eyebrow{color:#865842;margin-bottom:12px}h2{font-size:clamp(30px,3.15vw,43px);letter-spacing:-1.3px}.section-heading p{margin:13px 0 0;color:#615c55;font-size:15px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.film-frame{display:block;position:relative;width:100%;padding:10px;background:var(--texture) center/330px;border:1px solid #b4a58d;border-radius:4px;box-shadow:0 5px 12px #5e4b3520;transition:transform .2s}.film-frame:after{content:'';position:absolute;inset:4px;border:1px dashed #9e7e5f;pointer-events:none}.film-frame:hover{transform:translateY(-5px)}.film-frame img{display:block;width:100%;aspect-ratio:1.52;object-fit:cover}.play{position:absolute;left:24px;bottom:23px;display:grid;place-items:center;width:43px;height:43px;color:white;background:#24272170;border:1.5px solid white;border-radius:50%;backdrop-filter:blur(5px)}.duration{position:absolute;bottom:25px;right:22px;font-size:12px;color:white;background:#1c2331b8;padding:1px 7px;border-radius:3px}.card-copy{text-align:center;padding:23px 3px 0}.card-copy .eyebrow{color:#8f654f;font-size:10px;letter-spacing:1.9px}.card-copy h3{font-size:25px;margin:7px 0 10px}.card-copy p{font-size:14px;color:#655e55;margin:0}.meet{background:linear-gradient(#1d2b3eea,#1d2b3eea),var(--texture) center/420px;color:#faf0df;border-block:8px solid #273549;position:relative}.meet:before{content:'';position:absolute;inset:9px;border:1px dashed #aeb7bd55;pointer-events:none;z-index:1}.meet-inner{max-width:1100px;margin:auto;padding:70px 46px 64px}.meet-heading{text-align:center;margin-bottom:40px}.meet-heading .eyebrow{color:#c5b6a2;font-size:10px;letter-spacing:2.4px;margin-bottom:15px}.meet-heading h2{font-size:clamp(34px,3.7vw,50px)}.meet-intro{margin:15px auto 0;max-width:510px;font:italic 16px/1.6 Georgia,serif;color:#cdc4b5}.pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:0 40px;max-width:740px;margin:auto}.person{text-align:center}.portrait{position:relative;padding:10px;background:var(--texture) center/300px;border:1px solid #b4a58d;border-radius:4px;box-shadow:0 10px 26px #070c1555;transition:transform .25s}.portrait:after{content:'';position:absolute;inset:4px;border:1px dashed #9e7e5f;pointer-events:none}.person:hover .portrait{transform:translateY(-5px)}.crop{position:relative;overflow:hidden;aspect-ratio:.68}.crop img{position:absolute;display:block;max-width:none;height:auto}.alex .crop img{width:235%;left:-1.15%;top:-13.6%}.linda .crop img{width:230%;left:-123%;top:-30.5%}.tag{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);z-index:1;white-space:nowrap;background:#22334a;border:1px dashed #f0e0c860;border-radius:20px;padding:5px 14px;font-size:9.5px;letter-spacing:1.7px;color:#f1e5d4}.person h3{font-size:27px;margin:34px 0 0}.traits{list-style:none;max-width:250px;margin:15px auto 0;padding:15px 0 0;border-top:1px dashed #c2b39b55;font-size:15px;line-height:1.5;color:#e3ddd3}.traits li+li{margin-top:9px}.traits li+li:before{content:'';display:block;width:32px;height:1px;margin:0 auto 9px;background:repeating-linear-gradient(90deg,#c2b39b80 0 4px,transparent 4px 8px)}.thread{align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:14px;color:#c98a6d}.thread span{flex:1;width:0;border-left:1px dashed #8d8579}.knot{width:38px;height:38px;stroke-width:1.5;stroke-dasharray:3.2 2.6;stroke-linecap:round}.meet-line{display:flex;align-items:center;justify-content:center;gap:20px;max-width:660px;margin:52px auto 0;font:italic 17px Georgia,serif;color:#e8ddcc}.meet-line:before,.meet-line:after{content:'';flex:1;height:1px;background:repeating-linear-gradient(90deg,#c2b39b75 0 7px,transparent 7px 14px)}.more{padding-top:62px;padding-bottom:45px}.scrapbook{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:4px 7px 0}.scrapbook img{width:100%;aspect-ratio:1.45;object-fit:cover;padding:9px;background:var(--texture) center/320px;border:1px solid #c2ad90;box-shadow:0 5px 15px #5e4b3520}.scrapbook img:nth-child(1){transform:rotate(-2deg)}.scrapbook img:nth-child(2){transform:rotate(1deg)}.scrapbook img:nth-child(3){transform:rotate(-1.5deg)}.social-buttons{display:flex;justify-content:center;gap:17px;margin:34px 0 0}.navy{background:#253348;border-color:#7b889a;box-shadow:inset 0 0 0 4px #253348,inset 0 0 0 5px #acb5c33b}.navy:hover{background:#172335}footer{max-width:1188px;margin:auto;padding:35px 15px 29px;border-top:1px dashed #b5a58d;display:flex;justify-content:space-between;align-items:center;gap:35px}.footer-center{text-align:center}.footer-center .brand{display:inline-block;font-size:30px}.footer-center p{font:16px Georgia,serif;margin:17px 0}.footer-center nav{gap:30px;font-size:12px;justify-content:center}.footer-center small{display:block;color:#706a61;font-size:11px;margin-top:20px}.handwritten{font:italic 17px/1.5 Georgia,serif;color:#756d63;transform:rotate(-7deg);padding:0 15px}.thanks{transform:rotate(6deg);text-align:center}.thanks span{display:block;font-size:32px;line-height:1.5;color:var(--rust)}dialog{width:min(940px,94vw);max-height:92vh;padding:14px 18px 18px;background:#eee5d7;color:var(--ink);border:1px solid #bbab91;border-radius:9px;box-shadow:0 30px 90px #0007}dialog::backdrop{background:#101724d9;backdrop-filter:blur(7px)}.player-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.player-bar h2{font-size:25px;letter-spacing:-.5px}.close{background:transparent;color:var(--ink);border:0;font-size:34px;line-height:1;width:44px;height:44px}video{display:block;width:100%;max-height:72vh;background:#101010}.video-error{margin:14px 0 0}body.modal-open{overflow:hidden}
@media(min-width:1500px){.hero{height:730px}.hero-copy{padding-top:145px}}@media(max-width:800px){.bar{padding:16px 24px;gap:18px}.brand{font-size:27px}nav{gap:20px;font-size:13px}.social-icons{gap:8px}.hero{min-height:540px}.hero-copy{padding:120px 32px 50px}.hero-image{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#171511c9,#17151135 80%)}.hero .eyebrow{font-size:10px}.section{padding:48px 24px}.cards{gap:17px}.film-frame{padding:7px}.card-copy h3{font-size:21px}.card-copy p{font-size:13px}.meet-inner{padding:56px 28px 52px}.pair{gap:0 22px}.person h3{font-size:24px}.traits{font-size:14px;max-width:210px}.tag{font-size:9px;letter-spacing:1.4px;padding:4px 10px;bottom:18px}.meet-line{font-size:15px;gap:14px}.scrapbook{gap:15px}footer{margin:0 24px}.handwritten{font-size:14px}}
@media(max-width:580px){html{scroll-padding-top:82px}.bar{padding:11px 18px 11px 22px;min-height:0;gap:12px}.brand{font-size:25px}.brand span{font-size:8px;line-height:2.2}.menu-toggle{display:grid;gap:5px;place-content:center;width:46px;height:46px;padding:0;background:none;border:0;color:var(--ink)}.menu-toggle i{display:block;width:25px;height:2px;background:repeating-linear-gradient(90deg,currentColor 0 5px,transparent 5px 9px);transition:transform .25s,opacity .18s}body.menu-open .menu-toggle i:first-child{transform:translateY(7px) rotate(45deg)}body.menu-open .menu-toggle i:nth-child(2){opacity:0}body.menu-open .menu-toggle i:last-child{transform:translateY(-7px) rotate(-45deg)}.drawer{display:block;position:absolute;top:100%;left:0;right:0;padding:2px 24px 20px;background:linear-gradient(#f3ede3f7,#f3ede3f7),var(--texture) center/300px;border-top:1px dashed #c3b294;box-shadow:0 16px 28px #4a3a2420;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .22s,transform .22s,visibility .22s}body.menu-open .drawer{opacity:1;visibility:visible;transform:none}.drawer nav{display:flex;flex-direction:column;gap:0}.drawer nav a{align-self:stretch;text-align:center;font-family:'Playfair Display',Georgia,serif;font-size:21px;padding:15px 2px}.drawer nav a+a{border-top:1px dashed #c8b89c}.drawer nav a:after{display:none}.drawer nav a.active{color:var(--rust)}.drawer .social-icons{justify-content:center;gap:30px;padding-top:14px;border-top:1px dashed #c8b89c}.drawer .social-icons a{padding:10px}.hero{min-height:600px;height:calc(85svh - 110px);max-height:760px}.hero-image{object-position:62% center}.hero-shade{background:linear-gradient(0deg,#161512e8, #17151175 48%,#17151105 80%)}.hero-copy{position:absolute;bottom:20px;padding:30px 29px}.hero-copy .eyebrow{font-size:9px}h1{font-size:51px;margin:15px 0 18px;letter-spacing:-2px}.hero p{font-size:16px;max-width:270px}.hero-tag{display:none}.hero-note{font-size:13px}.section{padding:44px 24px}.section-heading{margin-bottom:27px}.section-heading h2{font-size:32px}.eyebrow{font-size:9px;letter-spacing:1.8px}.cards{grid-template-columns:1fr;gap:32px}.film-frame{padding:10px}.film-frame img{aspect-ratio:1.6}.card-copy{padding-top:17px}.card-copy h3{font-size:26px}.card-copy p{font-size:14px}.meet-inner{padding:48px 26px 44px}.meet-heading{margin-bottom:32px}.meet-heading h2{font-size:36px}.meet-heading .eyebrow{font-size:9px}.meet-intro{font-size:15px}.pair{grid-template-columns:1fr;gap:0}.person{width:100%;max-width:288px;justify-self:center}.person h3{font-size:27px}.traits{font-size:15px;max-width:240px}.thread{min-height:150px;padding:6px 0}.meet-line{font-size:15px;gap:13px;margin-top:38px}.scrapbook{gap:9px;padding:0}.scrapbook img{aspect-ratio:.8;padding:5px}.social-buttons{flex-direction:column;align-items:center;gap:12px;margin-top:27px}.social-buttons .button{min-width:225px}footer{padding:30px 0;justify-content:center}.handwritten{display:none}.footer-center nav{gap:25px}dialog{padding:10px}.player-bar h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}