/* Approved midnight and bronze direction: light editorial surfaces, navy ink. */
@font-face{font-family:Fraunces;src:url('assets/Fraunces.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--paper:#f7f7f5;--ink:#202936;--bronze:#876a43;--muted:#626973;--rule:#d4d5d3}
body{background:var(--paper);color:var(--ink)}::selection{background:#ddd1bd;color:var(--ink)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--bronze)}
.header{height:100px;border-color:var(--rule)}.brand{letter-spacing:.13em;font-weight:500}.brand-mark{display:none}.brand-sub{font-size:10px;letter-spacing:.35em}.header nav{color:var(--ink)}.header nav a:hover,.text-link:hover{color:var(--bronze)}
.button{background:var(--ink);border-color:var(--ink);color:#fff;border-radius:2px;font-weight:500;min-height:51px;padding:14px 21px}.button:hover{background:#354356;transform:none}.button span{font-size:18px}.button.small{border-radius:2px}
h1,h2,.kit-cover h3{font-family:Fraunces,Georgia,serif;font-weight:400;letter-spacing:-.045em}h1{font-size:clamp(44px,4.6vw,65px);line-height:1.08}h2{font-size:clamp(32px,3.1vw,44px)}h2 span{color:var(--ink)}em{color:inherit}.eyebrow{color:var(--bronze);font-size:10px;letter-spacing:.18em}.label-square{display:none}
.hero{grid-template-columns:1fr 1.15fr;min-height:610px;padding-block:62px;gap:64px}.hero-intro,.section-intro,.section-head>p{color:var(--muted)}.hero-intro{max-width:470px}.hero-actions{gap:21px;flex-wrap:wrap}.text-link{font-size:13px}.fine{color:var(--muted)}.works{margin-top:28px}.works>span{color:var(--bronze)}.works>div{font-weight:500}.works b{color:#a2a6ab}.play-small{border-color:#a2a6ab}
.landscape-hero{margin:0;min-width:0}.landscape-hero video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--ink);border-radius:1px}.landscape-hero figcaption{display:flex;justify-content:space-between;gap:18px;font-size:11px;color:var(--muted);margin-top:13px}.landscape-hero figcaption span:last-child{font-size:9px;letter-spacing:.1em}
.ticker{background:transparent;border-color:var(--rule)}.ticker .wrap{color:var(--muted)}.ticker span{color:var(--ink)}.ticker b{color:var(--bronze)}
.section{padding-block:85px}.video-wrap{border-radius:2px;background:#e6e7e5;aspect-ratio:9/13}.example-caption>span{color:var(--bronze)}.example h3{font-weight:500}.workflow{background:#eeefed;border-color:var(--rule)}.steps li{border-color:var(--rule)}.steps li>span{color:var(--bronze)}.steps h3{font-family:Fraunces,Georgia,serif;font-weight:400}.steps p{color:var(--muted)}.prompt-card{background:var(--paper);border-color:#c9cbc7;border-radius:2px}.prompt-card>div{color:var(--muted)}.prompt-card button,#copy-status{color:#775b35}.prompt-card .attachment{background:#e4e6e2;color:var(--ink);border-radius:2px}
.kit-cover{background:var(--ink);color:#fff;border-radius:2px;box-shadow:inset 9px 0 #354255;min-height:480px}.kit-cover>span{color:#dcc9a8}.kit-cover h3{font-size:clamp(40px,4.8vw,64px);font-weight:400;line-height:1.04}.kit-cover em{color:#dcc9a8}.cover-bottom{border-color:#596474;color:#dcc9a8}.contents article{border-color:var(--rule)}.contents article>span{color:var(--bronze)}.contents h3{font-family:Fraunces,Georgia,serif;font-size:21px;font-weight:400}.contents p{color:var(--muted)}
.tools-heading p,.tool-rows p{color:var(--muted)}.tool-rows,.tool-rows>div{border-color:var(--rule)}.tool-rows h3 span,.tool-rows>div>span{color:var(--bronze)}.tool-rows p a{color:#775b35;text-decoration:underline;text-underline-offset:3px}
.pricing{background:var(--ink);color:var(--paper)}.pricing .eyebrow{color:#d6c29f}.pricing h2{font-size:clamp(42px,4.3vw,60px)}.pricing em{color:#d6c29f}.pricing .section-intro{color:#c2c9d0}.price-card{background:var(--paper);color:var(--ink);border-radius:3px;box-shadow:none}.price-top{color:var(--bronze)}.price{font-family:Fraunces,Georgia,serif;font-weight:400}.price>span,.price-description{color:var(--muted)}.price-card ul{border-color:var(--rule)}.price-card li:before{color:var(--bronze)}.price-card .fine{color:var(--muted)}
.faq-list,details{border-color:var(--rule)}summary span{color:var(--bronze)}details p{color:var(--muted)}.closing{padding-top:30px}.closing h2{font-size:clamp(40px,4vw,57px)}.closing em{color:var(--bronze)}footer{border-color:var(--rule);color:var(--muted)}footer .brand{color:var(--ink)}.footer-by{color:var(--bronze)}dialog{background:var(--paper);color:var(--ink);border-color:var(--rule);border-radius:4px}dialog p{color:var(--muted)}.dialog-close{color:var(--ink)}.skip{background:var(--ink);color:white}
@media(max-width:1100px){.hero{gap:35px}.hero h1{font-size:52px}.landscape-hero figcaption{font-size:10px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:36px;padding-block:45px;min-height:0}.hero h1{font-size:52px}.hero h1 br:nth-of-type(2){display:none}.hero-intro{max-width:550px}.landscape-hero{width:100%}.section{padding-block:65px}.header{height:85px}.kit-cover{min-height:480px}.kit-cover h3{font-size:44px}.pricing h2{font-size:50px}.price-card{box-shadow:none}}
@media(max-width:480px){.hero h1{font-size:43px}.hero{gap:31px}.hero .eyebrow{font-size:9px}.landscape-hero figcaption{font-size:9px;gap:9px}.landscape-hero figcaption span:last-child{font-size:8px}.kit-cover h3{font-size:60px}.kit-cover{min-height:470px}.price-card{box-shadow:none}.pricing h2{font-size:45px}.section-head h2{font-size:33px}.video-wrap{aspect-ratio:9/13}.header .brand{font-size:11px}.hero-actions .button{justify-content:space-between}.hero-actions .text-link{margin-left:0}}

/* Explicit width prevents the mobile max-height from shrinking the media box. */
.example{min-width:0}.video-wrap{width:100%;max-height:none}.video-wrap video{display:block}
.character-teaser{display:grid;grid-template-columns:1fr;gap:28px;padding-block:60px;border-bottom:1px solid var(--rule)}
.character-teaser p:not(.eyebrow){max-width:440px;color:var(--muted);font-size:14px}.character-teaser figure{margin:0;min-width:0}.character-teaser img{display:block;width:100%;height:auto;max-width:500px;margin-inline:auto}.character-teaser figcaption{margin-top:16px;text-align:center;font-size:9px;letter-spacing:.13em;color:var(--bronze)}
@media(min-width:801px){.character-teaser{grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-block:75px}}
@media(max-width:480px){.video-wrap{width:100%;max-height:none;aspect-ratio:9/13}}
@media(max-width:480px){.kit-grid{grid-template-columns:minmax(0,1fr)}.kit-cover,.contents{min-width:0}.kit-cover h3{font-size:clamp(40px,12vw,57px)}.cover-bottom{flex-wrap:wrap;gap:8px}}

/* A visible next card invites a native horizontal swipe without exposing source files. */
.teaser-gallery{min-width:0}.swipe-hint{display:flex;justify-content:space-between;font-size:9px!important;letter-spacing:.14em;color:var(--bronze)!important;margin-bottom:15px;max-width:none!important}
.teaser-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:16px;scrollbar-width:thin;scrollbar-color:var(--bronze) var(--rule)}
.teaser-track:focus-visible{outline:2px solid var(--bronze);outline-offset:5px}.teaser-track figure{flex:0 0 84%;scroll-snap-align:start}.teaser-image{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:#eeeae2;overflow:hidden}.character-teaser .teaser-image img{width:100%;height:100%;object-fit:contain;max-width:none}.character-teaser .storyboard-thumb img{width:auto;height:auto;max-width:85%;max-height:85%}.teaser-track figcaption{text-align:left;margin-top:16px}.teaser-track figcaption strong{display:block;font-size:18px;letter-spacing:-.02em;color:var(--ink);font-weight:500;margin-top:7px}
@media(min-width:481px){.examples{grid-template-columns:repeat(2,minmax(0,1fr))}}

.character-teaser .felt-preview img{object-fit:cover;object-position:center 60%}

.kit-cover.kit-cover-image{padding:0;min-height:0;background:transparent;box-shadow:none;display:block;align-self:start;overflow:hidden}.kit-cover-image img{display:block;width:100%;height:auto}
