/* Free gifts pages of theaiadoption.com: /free-gifts, each gift page and its thanks page.
   Loads after editorial-pages.css. Square, DM Sans, the site palette (navy de confiance). */
:root{--slate:#778da9;--sky:#b7cedd;--ink2:#1d3557;--line:#00304926;--pale:#eaf3f5;--night:#04141f}
.fg-wrap{max-width:1280px;margin:0 auto;padding:0 6%}
.t1{color:var(--slate)}
.t2{color:var(--navy)}
.accent{position:relative;display:inline-block;white-space:nowrap}
.accent svg{position:absolute;left:-3%;width:106%;bottom:-.2em;height:.28em;overflow:visible}
.accent path{fill:none;stroke:var(--azure);stroke-width:4;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:900;stroke-dashoffset:0}
@media(prefers-reduced-motion:no-preference){.accent path{animation:fg-draw 1.5s cubic-bezier(.22,.68,0,1) .25s both}}
@keyframes fg-draw{from{stroke-dashoffset:900}to{stroke-dashoffset:0}}

.fg-title{font-size:clamp(40px,5.4vw,74px);font-weight:500;letter-spacing:-.04em;line-height:1.07;margin:0;text-wrap:balance}
.fg-title .t1,.fg-title .t2{display:block}
.fg-lede{margin:30px 0 0;max-width:600px;font-size:18px;line-height:1.7;color:var(--muted);text-wrap:pretty}
.fg-label{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--azure);margin:0 0 18px}

.fg-btn{display:inline-flex;align-items:center;gap:12px;background:var(--navy);color:#fff;text-decoration:none;font:600 15px/1 'DM Sans',sans-serif;letter-spacing:-.005em;padding:18px 24px;border:0;border-radius:0;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s}
.fg-btn svg{width:12px;height:12px;flex:none;transition:transform .25s cubic-bezier(.22,.68,0,1)}
.fg-btn:hover{background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy)}
.fg-btn:hover svg{transform:translate(2px,-2px)}
.fg-btn:focus-visible{outline:3px solid var(--azure);outline-offset:4px}
.fg-btn.ghost{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy)}
.fg-btn.ghost:hover{background:var(--navy);color:#fff}
.fg-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:22px 0 0;padding:0;list-style:none;font-size:13px;color:var(--ink2)}
.fg-meta li{display:inline-flex;align-items:center;gap:8px}
.fg-meta .spark{width:14px;height:14px;color:var(--azure);transform:rotate(-12deg);flex:none}

/* the guide's pages, stacked straight like a printed copy */
.fg-pages{position:relative;aspect-ratio:1/1.02;max-width:620px;width:100%;margin:0 auto}
.fg-pages img{position:absolute;width:64%;height:auto;background:#fff;box-shadow:0 1px 2px #00304922,0 10px 8px -8px #00304933}
.fg-pages .p1{left:0;top:9%;z-index:3}
.fg-pages .p2{left:18%;top:4.5%;z-index:2}
.fg-pages .p3{left:36%;top:0;z-index:1}
@media(prefers-reduced-motion:no-preference){
  .fg-pages img{transition:transform .5s cubic-bezier(.22,.68,0,1)}
  .fg-pages:hover .p2{transform:translateX(10px)}
  .fg-pages:hover .p3{transform:translateX(22px)}
}

/* ---------- /free-gifts ---------- */
.fg-hero{background:var(--cream);padding:clamp(56px,9vw,104px) 0 clamp(56px,8vw,96px)}
.fg-list{background:#fff;padding:clamp(64px,9vw,120px) 0}
.fg-item{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.fg-item h2{font-size:clamp(30px,3.3vw,46px);font-weight:500;letter-spacing:-.035em;line-height:1.1;margin:0;text-wrap:balance}
.fg-item p{font-size:16.5px;line-height:1.75;color:var(--muted);margin:22px 0 0;max-width:52ch;text-wrap:pretty}
.fg-item .fg-btn{margin-top:34px}

/* ---------- a gift page ---------- */
.gp-hero{background:var(--cream);padding:clamp(32px,5vw,56px) 0 clamp(64px,9vw,112px)}
.gp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(40px,6vw,96px);align-items:start}
.gp-back{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--navy);text-decoration:none;margin:0 0 clamp(32px,5vw,52px)}
.gp-back svg{width:12px;height:12px;transform:rotate(180deg)}
.gp-back:hover{text-decoration:underline;text-underline-offset:4px}
.gp-hero .fg-title{font-size:clamp(38px,4.6vw,64px)}
.gp-hero .fg-lede{font-size:17px}
.gp-form{margin-top:40px;background:#fff;padding:clamp(22px,3vw,32px);display:grid;gap:16px;max-width:540px}
.gp-form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.gp-form label{display:grid;gap:8px;font-size:13px;font-weight:600;color:var(--navy)}
.gp-form label i{font-style:normal;font-weight:400;color:var(--muted)}
.gp-form input{width:100%;box-sizing:border-box;border:1px solid #0030493d;border-radius:0;background:#fff;color:var(--navy);font:400 15px 'DM Sans',sans-serif;padding:14px 15px;outline:none;transition:border-color .2s,box-shadow .2s}
.gp-form input:focus{border-color:var(--azure);box-shadow:0 0 0 3px #1891c522}
.gp-form .fg-btn{justify-self:start;margin-top:4px}
.gp-note{margin:0;font-size:13px;color:var(--muted)}
.bot-field{position:absolute!important;left:-10000px!important}
.gp-visual{position:sticky;top:120px}
.gp-inside{background:#fff;padding:clamp(64px,9vw,112px) 0}
.gp-inside h2{font-size:clamp(30px,3.4vw,48px);font-weight:500;letter-spacing:-.035em;line-height:1.1;margin:0;max-width:20ch;text-wrap:balance}
.gp-inside h2 .t1,.gp-inside h2 .t2{display:inline}
.gp-mods{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(32px,5vw,72px);margin:48px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.gp-mods li{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line)}
.gp-mods em{font-style:normal;font-size:15px;color:var(--slate);font-variant-numeric:tabular-nums}
.gp-mods b{display:block;font-size:19px;font-weight:500;letter-spacing:-.02em;color:var(--navy)}
.gp-mods span{display:block;margin-top:4px;font-size:14.5px;line-height:1.55;color:var(--muted)}
.gp-shots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);margin:clamp(56px,7vw,88px) 0 0;padding:0;list-style:none}
.gp-shots figure{margin:0}
.gp-shots img{display:block;width:100%;height:auto;background:#fff;box-shadow:0 1px 2px #00304922,0 10px 8px -8px #00304933}
.gp-shots figcaption{margin-top:14px;font-size:13.5px;line-height:1.5;color:var(--muted)}

/* ---------- thanks page ---------- */
.ty{background:var(--cream);padding:clamp(56px,8vw,104px) 0}
.ty-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:clamp(40px,6vw,96px);align-items:center}
.ty .fg-btn{margin-top:38px}
.ty-cover{display:block;width:100%;max-width:400px;height:auto;margin-left:auto;background:#fff;box-shadow:0 1px 2px #00304922,0 10px 8px -8px #00304933}
.ty-next{background:#fff;padding:clamp(64px,8vw,104px) 0}
.ty-next h2{font-size:clamp(28px,3vw,42px);font-weight:500;letter-spacing:-.035em;line-height:1.12;margin:0;text-wrap:balance}
.ty-next p{max-width:560px;margin:20px 0 0;font-size:16.5px;line-height:1.7;color:var(--muted)}
.ty-next .fg-btn{margin-top:30px}
.ty-next .fg-btn+p{margin-top:16px;font-size:14.5px;max-width:520px}
.ty-more{display:inline-block;margin-top:26px;font-size:14px;color:var(--navy);text-underline-offset:4px}

@media(max-width:900px){
  .fg-item,.gp-grid,.ty-grid{grid-template-columns:1fr}
  .fg-item .fg-pages{order:-1}
  .gp-visual{position:static;order:-1;max-width:460px}
  .gp-mods{grid-template-columns:1fr}
  .gp-shots{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ty-cover{margin:0;max-width:300px}
}
@media(max-width:560px){
  .gp-form .row{grid-template-columns:1fr}
  .fg-btn{width:100%;justify-content:space-between}
  .gp-form .fg-btn{justify-self:stretch}
}
@media(prefers-reduced-motion:reduce){.fg-btn,.fg-btn svg,.gp-form input{transition:none}}
.skip{position:absolute;left:12px;top:-80px;z-index:10;background:#fff;padding:12px}
.skip:focus{top:12px}
.ty-next h2 .t1,.ty-next h2 .t2{display:block}