*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;min-width:280px;margin:0;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:6px;outline:3px solid}button{cursor:pointer}figure,h1,p{margin:0}img{max-width:100%;height:auto;display:block}::selection{color:#20211d;background:#e2f273}.page-shell{flex-direction:column;max-width:1600px;min-height:100svh;margin:0 auto;padding:0 6%;display:flex}.go-button{border:0;border-radius:100px;justify-content:space-between;align-items:center;gap:38px;min-height:62px;padding:15px 27px;font-size:21px;font-weight:700;line-height:1.2;transition:transform .2s,box-shadow .2s;display:inline-flex}.go-button:hover{transform:translateY(-3px)}.go-button:active{transform:translateY(1px)}.message{font-size:17px;line-height:1.55}.message p+p{margin-top:19px}.message em{font-family:Georgia,Times New Roman,serif;font-size:1.07em}.buckle-up{font-weight:700}.handwritten{font-family:Segoe Print,Bradley Hand,Comic Sans MS,cursive;font-size:19px}.phone-notice{display:none}@media (width>=1800px){.page-shell{max-width:1700px}}@media (width<=800px){.postcard>:not(.phone-notice){display:none!important}.postcard .phone-notice{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100svh;padding:48px 24px;display:flex}.postcard .phone-notice h1{width:auto;color:var(--red);letter-spacing:-2px;margin:0 0 8px;font:400 72px/1.05 Georgia,Times New Roman,serif}.phone-notice p{max-width:420px;font-size:22px;line-height:1.45}.page-shell{padding:0 6%}.desktop-break{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.postcard{color:#3f3c31;--red:#a33e34;background:#f8f4eb}.postcard .page-shell{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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.035' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.postcard-main{flex:1;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;align-items:center;column-gap:3%;padding:46px 0 61px;display:grid}.letter{z-index:1;align-self:end;max-width:550px;padding-left:3.5%;position:relative}.postcard h1{color:var(--red);letter-spacing:-3px;width:max-content;margin:26px 0 29px;font-family:Georgia,Times New Roman,serif;font-size:clamp(58px,5.8vw,90px);font-style:normal;font-weight:400;line-height:1.04}.postcard .message{font-size:18px}.postcard .message p+p{margin-top:16px}.postcard .birth-line{color:var(--red);width:fit-content;font-weight:700;position:relative}.postcard .birth-line:after{content:"";border-top:2px solid #a33e3466;border-radius:50%;height:7px;position:absolute;bottom:-5px;left:0;right:0;transform:rotate(-1deg)}.postcard .buckle-up{margin-top:23px!important}.action-row{align-self:start;align-items:center;gap:23px;margin-top:25px;padding-left:3.5%;display:flex}.postcard .go-button{background:var(--red);color:#fffaf0;text-align:center;justify-content:center;gap:0;min-width:205px;box-shadow:0 4px #7e2d24}.postcard .go-button:hover{box-shadow:0 7px #7e2d24}.action-note{color:#7c7a69;font-family:Georgia,Times New Roman,serif;font-size:12px;font-style:italic;line-height:1.5;transform:rotate(-5deg)}.action-note>span{color:var(--red);font-size:19px}.portrait-scene{grid-area:1/2/3;width:100%;min-width:0;padding:36px 44px 43px 20px;position:relative}.photo-paper{background:#fffcf6;padding:15px 15px 0;position:relative;transform:rotate(5deg);box-shadow:0 15px 36px #4f31231b,0 2px 5px #4f312313}.photo-window{background:#e4bdac;justify-content:center;align-items:flex-end;height:clamp(350px,33vw,500px);display:flex;position:relative;overflow:hidden}.photo-sun{aspect-ratio:1;background:#f7d8bf;border-radius:50%;width:80%;position:absolute;top:9%;left:10%}.photo-window img{z-index:1;flex-shrink:0;width:auto;max-width:none;height:122%;position:relative;transform:translateY(18%)}.photo-paper figcaption{text-align:center;letter-spacing:-.5px;padding:20px 2px 24px;font-family:Segoe Print,Bradley Hand,Comic Sans MS,cursive;font-size:19px}.photo-paper figcaption span{color:var(--red);font-size:24px}.paper-tape{z-index:3;clip-path:polygon(2% 0,100% 3%,98% 20%,100% 39%,98% 55%,100% 76%,98% 100%,0 96%,2% 78%,0 61%,2% 42%,0 24%);background:#d6cba7bb;width:129px;height:37px;position:absolute;top:-15px;left:calc(50% - 65px);transform:rotate(-9deg)}.birthday-seal{z-index:4;color:#fbf4d7;clip-path:polygon(50% 0,57% 8%,66% 3%,70% 13%,80% 10%,82% 21%,93% 22%,92% 34%,100% 40%,94% 50%,100% 60%,91% 66%,94% 78%,82% 79%,80% 90%,70% 87%,66% 97%,57% 92%,50% 100%,43% 92%,34% 97%,30% 87%,20% 90%,18% 79%,7% 78%,8% 66%,0 60%,6% 50%,0 40%,9% 34%,6% 22%,18% 21%,20% 10%,30% 13%,34% 3%,43% 8%);background:#62734b;place-items:center;width:134px;height:134px;display:grid;position:absolute;top:-3px;right:-7px;transform:rotate(12deg)}.birthday-seal>span{text-align:center;letter-spacing:1px;font-size:11px;line-height:1.5}.birthday-seal strong{font-family:Georgia,serif;font-size:24px;line-height:1.2;display:block}.birthday-seal small{letter-spacing:2px;margin-top:5px;font-size:7px;display:block}.route-doodle{fill:none;stroke:#aaa687;stroke-width:1.5px;stroke-dasharray:5 6;width:120%;height:110%;position:absolute;top:-2%;left:-12%}.route-doodle .route-arrow{stroke-dasharray:none}.portrait-note{color:#74775b;font-size:16px;position:absolute;bottom:0;left:55px;transform:rotate(-7deg)}@media (width>=1600px){.postcard-main{padding-block:66px 80px}}@media (width<=1100px) and (width>=801px){.letter{padding-left:0}.postcard h1{font-size:64px}.portrait-scene{padding-left:10px;padding-right:20px}.birthday-seal{width:110px;height:110px;right:-15px}.action-note{font-size:11px}.action-row{gap:15px}}@media (width<=800px){.postcard-main{grid-template-rows:auto;grid-template-columns:1fr;gap:42px;padding:36px 0 42px}.letter{width:100%;max-width:540px;margin:auto;padding:0}.postcard h1{letter-spacing:-2.5px;margin-block:23px 25px;font-size:clamp(58px,12vw,82px)}.portrait-scene{grid-area:auto;max-width:480px;margin:0 auto;padding:20px 30px 45px 12px}.route-doodle{width:108%;left:-4%}.action-row{width:min(100%,540px);margin:0 auto;padding-left:0}.photo-window{height:390px}.birthday-seal{width:114px;height:114px;top:-5px;right:-6px}.portrait-note{font-size:14px;left:20px}}@media (width<=380px){.photo-window{height:330px}.action-row{gap:14px}.postcard .go-button{min-width:178px;padding-inline:18px}.action-note{font-size:11px}}