.story-studio{--story-ink:#292720;--story-paper:#fff8ed;--story-orange:#ae4027;color:var(--story-ink);padding-top:56px;padding-bottom:80px}.story-studio-heading{max-width:780px;margin-bottom:40px}.story-studio-heading h1{margin-bottom:16px;font-size:clamp(36px,4.6vw,62px);line-height:1.04}.story-studio-heading>p:last-child{color:#665e53;font-size:18px}.story-studio-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:70px;display:grid}.story-preview{min-width:0;position:sticky;top:24px}.story-preview-tabs{justify-content:center;gap:4px;margin-bottom:20px;display:flex}.story-preview-tabs button{background:0 0;border:0;border-bottom:2px solid #0000;min-height:44px;padding:8px 20px;font-size:14px}.story-preview-tabs button[aria-pressed=true]{border-color:var(--story-ink);font-weight:700}.story-card{color:#292720;background:#fff8ed;border:1px solid #d6cbb9;min-width:0;animation:.3s ease-out story-appear;position:relative;overflow:hidden;box-shadow:0 12px 30px #4c382612}.story-card-art{aspect-ratio:4/5;background:#f0e0cb;overflow:hidden}.story-card-art img{object-fit:contain;width:100%;height:100%;display:block}.story-card-front-copy{padding:27px 30px 24px}.story-card-small{letter-spacing:.13em;overflow-wrap:anywhere;text-transform:uppercase;font-size:10px;font-weight:650;line-height:1.5;display:block}.story-card h2{letter-spacing:-.035em;overflow-wrap:anywhere;white-space:pre-wrap;margin:15px 0 25px;font-size:clamp(29px,3vw,42px);line-height:1.08}.story-card-colophon{letter-spacing:.12em;overflow-wrap:anywhere;font-size:9px;display:block}.story-card-inside{flex-direction:column;min-height:570px;padding:45px 34px;display:flex}.story-card-inside h2{margin-top:50px;font-size:30px}.story-personal-note{white-space:pre-wrap;overflow-wrap:anywhere;font-size:19px;line-height:1.7}.story-signature{font-family:var(--display);overflow-wrap:anywhere;margin-top:30px;font-size:24px}.story-card-inside .story-card-colophon{margin-top:auto;padding-top:36px}.story-preview-caption{text-align:center;color:#665e53;margin:20px 12px;font-size:12px}.story-controls{min-width:0}.story-occasion-field legend,.story-fields>h2,.story-send>h2{font:600 13px/1.5 var(--body);letter-spacing:.03em;margin-bottom:20px}.story-occasion-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.story-occasion-options button{text-align:left;background:0 0;border:1px solid #c9bda9;border-radius:3px;padding:5px 5px 10px}.story-occasion-options button[aria-pressed=true]{background:#fff2df;border:2px solid #ae4027;padding:4px 4px 9px}.story-occasion-options img{object-fit:cover;width:100%;height:90px;margin-bottom:8px;display:block}.story-occasion-options span{padding:0 5px;font-size:11px;font-weight:600;line-height:1.4;display:block}.story-fields,.story-send{border-top:1px solid #d6cbb9;margin-top:28px;padding-top:28px}.story-controls label{margin:18px 0 7px;font-size:12px}.story-controls label span{float:right;color:#706759;font-weight:400}.story-controls input,.story-controls textarea,.story-controls select{background:#fffcf6;border:1px solid #bfb4a2;border-radius:3px;padding:12px 14px;font-size:15px;line-height:1.55}.story-controls textarea{min-height:0}.story-controls input:focus,.story-controls textarea:focus{outline-color:#ae4027}.story-name-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.story-name-fields label{margin-top:0}.story-field-hint{color:#665e53;margin:12px 0;font-size:12px;line-height:1.65}.story-examples summary,.story-draft summary,.story-custom-art summary{font-size:12px}.story-examples .text-button{text-align:left;padding:12px 0;font-size:13px;font-weight:400;display:block}.story-primary{color:#fff8ed;background:#ae4027;border-color:#ae4027;border-radius:3px;justify-content:space-between;width:100%;padding:17px 20px;font-size:15px}.story-primary:hover{background:#92311e;border-color:#92311e}.story-primary span{font-size:24px}.story-send-secondary{gap:12px;margin-top:12px;display:flex}.story-send-secondary button{background:0 0;border-radius:3px;flex:1;padding:12px;font-size:12px}.story-status{color:#564129;min-height:20px;margin:12px 0;font-size:13px;line-height:1.5}.story-link-fallback input{font-size:12px}.story-draft{border-top:1px solid #ded5c6;margin-top:16px;padding-top:10px}.story-draft .actions{gap:4px}.story-draft button{padding:8px 12px;font-size:12px}.story-custom-art{border-top:1px solid #d6cbb9;margin-top:32px;padding-top:14px}.story-custom-art h2{margin-top:18px;font-size:24px}.story-custom-art p{font-size:13px}.story-custom-art select{margin-bottom:16px}.story-custom-art>.secondary{border-radius:3px;font-size:12px}.story-recipient{text-align:center;color:#292720;max-width:760px;padding-top:64px;padding-bottom:80px}.story-recipient h1{overflow-wrap:anywhere;font-size:clamp(32px,5vw,48px)}.story-recipient>.eyebrow{font-size:10px}.story-envelope{color:#292720;background:#ecd4a6;border:1px solid #c1a679;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:560px;min-height:320px;margin:50px auto 30px;transition:transform .2s;display:flex;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 18px 35px #4c382617}.story-envelope:hover{transform:rotate(0)translateY(-3px)}.story-envelope-flap{background:#f2dfba;border:1px solid #c1a679;width:400px;height:260px;position:absolute;top:-145px;left:calc(50% - 200px);transform:rotate(45deg)}.story-envelope-stamp{color:#ae4027;font-family:var(--display);z-index:1;border:2px dashed #ae4027;padding:4px 14px;font-size:32px;position:absolute;top:25px;right:25px}.story-envelope-name{z-index:1;font:500 clamp(32px,6vw,52px) var(--display);overflow-wrap:anywhere;max-width:100%;margin-top:80px;padding:15px;position:relative}.story-envelope-action{z-index:1;text-transform:uppercase;letter-spacing:.1em;margin:8px 0 20px;font-size:13px;font-weight:600;position:relative}.story-reveal-card{text-align:left;max-width:490px;margin:32px auto}.story-reveal-heading:focus{outline:none}.story-turn-button{color:#fff8ed;background:#ae4027;border-color:#ae4027;border-radius:3px}.story-reply{border-top:1px solid #d6cbb9;margin-top:44px;padding-top:24px}.story-reply p{margin-bottom:0;font-size:13px}.story-link-error{min-height:60vh}.story-link-error p{max-width:500px;margin-left:auto;margin-right:auto}@keyframes story-appear{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1000px){.story-studio-grid{gap:35px}.story-card-front-copy{padding:24px}.story-card-inside{padding:32px 26px}.story-personal-note{font-size:17px}}@media (max-width:760px){.story-studio{padding-top:34px;padding-bottom:48px}.story-studio-heading{margin-bottom:25px}.story-studio-heading>p:last-child{font-size:16px}.story-studio-grid{grid-template-columns:1fr;gap:28px}.story-preview{width:100%;max-width:460px;margin:auto;position:static}.story-card h2{font-size:35px}.story-card-inside{min-height:500px}.story-controls{width:100%;max-width:540px;margin:auto}.story-occasion-options img{height:115px}.story-recipient{padding-top:40px}.story-envelope{min-height:270px}.story-card-inside h2{margin-top:30px}}@media (max-width:380px){.story-name-fields{gap:10px}.story-card h2{font-size:29px}.story-card-front-copy{padding:22px}.story-card-inside{padding:26px 22px}.story-occasion-options{gap:6px}.story-occasion-options img{height:80px}.story-occasion-options span{padding:0 2px;font-size:10px}.story-send-secondary{flex-wrap:wrap}.story-send-secondary button{flex-basis:100%}.story-envelope-stamp{font-size:25px;top:15px;right:15px}.story-envelope-name{font-size:30px}}@media (prefers-reduced-motion:reduce){.story-card{animation:none}.story-envelope{transition:none;transform:none}.story-envelope:hover{transform:none}}