@font-face{font-family:TDHead;src:url(title.woff) format("woff");font-weight:800;font-display:swap}
@font-face{font-family:TDBody;src:url(body.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:TDBody;src:url(bold.woff) format("woff");font-weight:700;font-display:swap}
.tdac{--ink:#232522;--wine:#963329;--line:#ccc5b8;background:#f5f2e9;color:var(--ink);font:16px/1.55 TDBody,Arial,sans-serif;text-align:left}
.tdac *{box-sizing:border-box}.tdac [hidden]{display:none!important}.tdac :is(h1,h2,h3,p,figure,fieldset){margin:0}.tdac :is(h1,h2){font-family:TDHead,Impact,sans-serif;font-weight:800;letter-spacing:-.024em;color:inherit;text-transform:none}.ac-page{width:min(1110px,100%);margin:auto;padding:28px clamp(16px,5vw,60px) 45px}.ac-brand{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding-bottom:14px}.ac-brand b{font:800 21px TDHead,Impact,sans-serif;text-transform:uppercase;letter-spacing:.025em}.ac-brand>span:last-child,.ac-photo figcaption,.ac-optional{font:700 11px/1.4 TDBody,sans-serif;letter-spacing:.105em;text-transform:uppercase}.ac-stripes{width:24px;height:16px;transform:skew(-18deg);background:repeating-linear-gradient(90deg,var(--wine) 0 5px,transparent 5px 8px)}.ac-brand-rule{height:15px;width:1px;background:var(--line)}
.ac-hero{display:grid;grid-template-columns:1.42fr 1fr;align-items:center;gap:5%;padding:30px 0 32px}.tdac h1{font-size:clamp(58px,6.9vw,91px);line-height:.93}.tdac h1 em{color:var(--wine);font-style:normal}.ac-hero-copy p{max-width:35em;margin-top:17px}.ac-photo{background:white;padding:7px 7px 0;transform:rotate(2deg);box-shadow:0 2px 6px #382b181e;border:1px solid #ddd6c7}.ac-photo img{display:block;width:100%;height:auto;aspect-ratio:1.98;object-fit:cover;object-position:50% 8%}.ac-photo figcaption{padding:8px 2px;color:#514942;font-size:9px}.ac-photo figcaption span{margin:0 4px;color:#ae5841}.ac-photo i{display:inline-block;width:7px;height:7px;background:var(--wine);margin-right:5px}
.ac-cards{display:grid;grid-template-columns:1.12fr 1fr;align-items:start;gap:18px}.tdac .ac-review{display:block;position:relative;isolation:isolate;overflow:hidden;padding:4px;border-radius:14px;background:#a44836;text-decoration:none!important;color:#fff9ed}.ac-review:before{content:"";position:absolute;inset:-95%;background:conic-gradient(transparent 0 68%,#e9a751 75%,#fff8c6 81%,#e9a751 85%,transparent 92%);animation:tdac-orbit 5s linear infinite;z-index:-1}.ac-review:focus-visible,.tdac :is(button,summary,input,textarea):focus-visible{outline:3px solid #2673ba;outline-offset:3px}
@keyframes tdac-orbit{to{transform:rotate(1turn)}}
.ac-poster{padding:24px 26px 25px;border-radius:10px;background:radial-gradient(ellipse at top right,#63372e 0,transparent 65%),#282421;min-height:285px}.ac-poster-top,.ac-tip-heading,.ac-review-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.ac-google{font:700 22px TDBody,sans-serif;letter-spacing:-.06em}.ac-google i{font-style:normal}.ac-google i:nth-child(3n+1){color:#90baff}.ac-google i:nth-child(2),.ac-google i:last-child{color:#ff9388}.ac-google i:nth-child(3){color:#ffd069}.ac-google i:nth-child(5){color:#8ed0a0}.ac-corner{font-size:25px;line-height:1}.tdac .ac-poster h2{font-size:clamp(46px,5vw,68px);line-height:.94;margin:16px 0 12px;color:#fff9ed}.ac-poster p{color:#e7dbd1;max-width:310px}.ac-review-foot{margin-top:20px}.ac-review-cta,.ac-light-button,.ac-dark-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:10px 16px;border-radius:6px;font:700 15px/1.35 TDBody,sans-serif;cursor:pointer;letter-spacing:0;text-transform:none}.ac-review-cta{background:#fff2cf;color:#30251e}.ac-review:hover .ac-review-cta{background:#fff9ec}.ac-stars{font-size:19px;letter-spacing:0;color:#f7c783;white-space:nowrap}
.ac-tip,.ac-suggestion{background:#fffdf6;border:1px solid var(--line);border-radius:13px}.ac-tip{padding:23px 25px}.ac-jar{width:50px;height:50px;display:block;color:#82362c}.ac-jar svg,.ac-note-icon svg{width:100%;height:100%}.ac-optional{color:#6a5e51}.tdac .ac-tip h2{font-size:clamp(35px,4vw,51px);line-height:1.02;margin:13px 0 7px}.ac-tip>p{max-width:29em}.tdac .ac-light-button{color:#70271f;border:1px solid #ad7665;background:transparent}.tdac .ac-dark-button{background:var(--wine);color:white;border:1px solid var(--wine)}.tdac .ac-open-tip{margin-top:18px}.tdac button:disabled{opacity:.65;cursor:wait}.ac-tip-body{border-top:1px dashed var(--line);margin-top:18px;padding-top:17px}.tdac h3,.ac-subtitle,.ac-custom label{font:700 16px/1.45 TDBody,sans-serif;color:var(--ink);letter-spacing:0}.tdac :is(input[type=text],textarea){width:100%;padding:11px;border:1px solid #978b7b;border-radius:6px;background:white;color:var(--ink);font:16px/1.4 TDBody,sans-serif;margin-top:5px}.tdac textarea{resize:vertical}.tdac fieldset{padding:0;border:0;margin-top:15px}.tdac legend{padding:0}.ac-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:5px 0 10px}.ac-amounts label{position:relative;cursor:pointer}.ac-amounts input{position:absolute;opacity:0}.ac-amounts span{display:grid;place-items:center;min-height:45px;border:1px solid #ad9b89;border-radius:5px;color:var(--ink);font-weight:700}.ac-amounts input:checked+span{background:#762d25;color:white;border-color:#762d25}.ac-amounts input:focus-visible+span{outline:3px solid #2673ba}.ac-custom,.ac-card-stage{margin:12px 0}.ac-pay{width:100%;margin-top:9px}.ac-square{display:block;text-align:center;color:#594f45;margin-top:6px}.ac-note-icon{width:32px;height:32px;color:var(--wine)}.ac-suggestion{margin-top:18px}.ac-suggestion summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:14px;padding:21px 25px}.ac-suggestion summary::-webkit-details-marker{display:none}.tdac .ac-suggestion h2{font-size:29px;line-height:1.05}.ac-suggestion-text>span{font-size:14px;color:#5d554c}.ac-plus{margin-left:auto;width:22px;height:22px;position:relative;flex:none}.ac-plus:before,.ac-plus:after{content:"";position:absolute;left:2px;right:2px;top:10px;border-top:2px solid var(--wine)}.ac-plus:after{transform:rotate(90deg)}.tdac details[open] .ac-plus:after{display:none}.ac-note-form,.ac-note-status:not(:empty){margin:0 25px 18px}.ac-send{margin-top:8px}.ac-honey{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(100%)}.ac-status:not(:empty){padding:10px 0;color:#782e25}.ac-thanks{position:relative;padding:14px;border:1px solid #b8c9a7;background:#f2f7e9;border-radius:6px}.ac-burst{display:block;font-size:34px;color:#9b382e;animation:tdac-pop .65s ease-out}.ac-drop .ac-coin{animation:tdac-drop .75s ease-in-out}.ac-thanks p{margin:4px 0}.ac-thanks a{text-decoration:underline}
@keyframes tdac-pop{0%{transform:scale(.25);opacity:0}65%{transform:scale(1.2)}}
@keyframes tdac-drop{0%{transform:translateY(-9px);opacity:0}24%{opacity:1}78%{transform:translateY(13px);opacity:1}100%{transform:translateY(17px);opacity:0}}
@media(max-width:720px){.ac-hero{grid-template-columns:1.3fr .7fr;gap:14px;padding:23px 0}.tdac h1{font-size:clamp(48px,7.8vw,64px)}.ac-hero-copy p{font-size:15px}.ac-cards{grid-template-columns:1fr}.ac-poster{min-height:0}.ac-poster h2 br{display:none}.ac-photo img{aspect-ratio:1.3}.ac-stars{letter-spacing:.03em}}
@media(max-width:500px){.ac-page{padding:16px 15px 28px}.ac-hero{grid-template-columns:minmax(0,1fr) 93px;align-items:start}.ac-hero-copy{display:contents}.tdac h1{font-size:clamp(40px,10vw,50px)}.ac-hero-copy p{grid-column:1/-1;grid-row:2;margin:0}.ac-photo{grid-column:2;grid-row:1;padding:4px;align-self:center}.ac-photo figcaption{display:none}.ac-photo img{aspect-ratio:1.2}.ac-poster,.ac-tip{padding:18px}.tdac .ac-poster h2{font-size:43px}.ac-review-foot{margin-top:14px}.ac-stars{font-size:15px}.ac-suggestion summary{padding:16px;gap:10px}.ac-note-form,.ac-note-status:not(:empty){margin:0 16px 16px}.tdac .ac-suggestion h2{font-size:25px}}
@media(max-width:355px){.ac-stars{display:none}}
@media(prefers-reduced-motion:reduce){.tdac *, .tdac *:before{animation:none!important;scroll-behavior:auto!important}}

/* ==== TDAC ENHANCEMENTS 2026-11-08 — appended by Muse at the owner's request ("make this page better and give it animation"). Everything above is the kit's original CSS, unchanged. This block only adds motion/polish and one mobile layout fix; delete this block to revert. ==== */

/* Entrance: sections rise in sequence on load (fill-mode backwards keeps natural styles after) */
@keyframes tdac-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes tdac-rise-photo{from{opacity:0;transform:translateY(16px) rotate(5deg)}to{opacity:1;transform:translateY(0) rotate(2deg)}}
.tdac .ac-brand{animation:tdac-rise .55s ease-out backwards}
.tdac .ac-hero-copy{animation:tdac-rise .65s .08s ease-out backwards}
.tdac .ac-photo{animation:tdac-rise-photo .65s .16s ease-out backwards}
.tdac .ac-review{animation:tdac-rise .65s .24s ease-out backwards}
.tdac .ac-tip{animation:tdac-rise .65s .32s ease-out backwards}
.tdac .ac-suggestion{animation:tdac-rise .65s .4s ease-out backwards}

/* Brand stripes sweep in once */
@keyframes tdac-stripes{from{transform:skew(-18deg) scaleX(0)}to{transform:skew(-18deg) scaleX(1)}}
.tdac .ac-stripes{transform-origin:left center;animation:tdac-stripes .6s .1s ease-out backwards}

/* Polaroid: settles straight and lifts when a pointer hovers */
@media(hover:hover){
 .tdac .ac-photo{transition:transform .45s ease,box-shadow .45s ease}
 .tdac .ac-photo:hover{transform:rotate(0deg) translateY(-3px);box-shadow:0 10px 22px #382b182b}
 .tdac .ac-review,.tdac .ac-tip{transition:transform .3s ease,box-shadow .3s ease}
 .tdac .ac-review:hover{transform:translateY(-3px)}
 .tdac .ac-tip:hover{transform:translateY(-3px);box-shadow:0 8px 18px #382b1817}
 .tdac .ac-suggestion summary{transition:background .25s ease}
 .tdac .ac-suggestion summary:hover{background:#faf5e7}
}

/* Buttons: smooth color/press feedback */
.tdac .ac-dark-button,.tdac .ac-light-button,.tdac .ac-review-cta{transition:background .25s ease,filter .25s ease,transform .12s ease}
.tdac .ac-dark-button:hover,.tdac .ac-review-cta:hover{filter:brightness(1.07)}
.tdac .ac-light-button:hover{background:#f7ead9}
.tdac .ac-dark-button:active,.tdac .ac-light-button:active,.tdac .ac-review-cta:active{transform:scale(.98)}

/* Stars: gentle glow pulse */
@keyframes tdac-twinkle{from{text-shadow:0 0 0 #f7c78300}to{text-shadow:0 0 9px #f7c783cc}}
.tdac .ac-stars{animation:tdac-twinkle 2.4s ease-in-out infinite alternate}

/* Tip jar coin: a soft bob every few seconds (the completion drop animation still wins while .ac-drop is active) */
@keyframes tdac-bob{0%,72%,100%{transform:translateY(0)}80%{transform:translateY(2.5px)}88%{transform:translateY(-1px)}}
.tdac .ac-coin{transform-box:fill-box;animation:tdac-bob 4.6s ease-in-out infinite}
.tdac.ac-drop .ac-coin{animation:tdac-drop .75s ease-in-out}

/* Tip amount pills: smooth select + tiny pop */
.tdac .ac-amounts span{transition:background .2s ease,color .2s ease,border-color .2s ease}
@keyframes tdac-pill{0%{transform:scale(.93)}60%{transform:scale(1.04)}100%{transform:scale(1)}}
.tdac .ac-amounts input:checked+span{animation:tdac-pill .28s ease-out}

/* Suggestion form fades in when the box opens */
.tdac details[open] .ac-note-form{animation:tdac-rise .35s ease-out backwards}

/* Mobile fix: stack the hero — full-width polaroid under the words instead of a 93px thumbnail */
@media(max-width:500px){
 .ac-hero{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px}
 .ac-hero-copy{display:block}
 .ac-hero-copy p{grid-column:auto;grid-row:auto;margin-top:12px}
 .ac-photo{grid-column:1;grid-row:auto;padding:7px 7px 0;align-self:auto;justify-self:start;width:min(340px,88%)}
 .ac-photo figcaption{display:block}
 .ac-photo img{aspect-ratio:1.98}
}

/* ==== TDAC STUDENT OF THE MONTH 2026-11-09 (delete this block to revert) ==== */
.ac-student{margin-top:18px;background:#fffdf6;border:1px solid var(--line);border-radius:13px;padding:23px 25px}
.tdac .ac-student h2{font-size:clamp(29px,3.4vw,40px);line-height:1.05;margin:8px 0 7px}
.ac-student>p{max-width:44em}
.ac-photo-form{margin-top:14px;border-top:1px dashed var(--line);padding-top:15px}
.ac-photo-form h3{margin-top:13px}
.ac-photo-form h3:first-child{margin-top:0}
.tdac :is(input[type=email],input[type=file]){width:100%;padding:11px;border:1px solid #978b7b;border-radius:6px;background:white;color:var(--ink);font:16px/1.4 TDBody,sans-serif;margin-top:5px}
.ac-consent{display:flex;gap:10px;align-items:flex-start;margin:14px 0 4px;cursor:pointer;font-size:15px;line-height:1.45}
.ac-consent input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:#762d25}
.ac-photo-send{width:100%;margin-top:10px}
.ac-photo-status:not(:empty){margin:0 2px 4px}
.tdac .ac-student{animation:tdac-rise .65s .5s ease-out backwards}
@media (prefers-reduced-motion: reduce){.tdac .ac-student{animation:none}}
/* ==== END TDAC STUDENT OF THE MONTH ==== */