/* LARK studio refresh, September 2026. */
:root{color-scheme:light;--paper:#f9f6ef;--surface:#fffdf8;--ink:#292820;--ink-soft:#646154;--ink-faint:#716b5c;--accent:#675331;--accent-lift:#81673d;--line:#ded8cb;--maxw:1240px;--shadow:0 5px 25px #41392509;--shadow-lift:0 15px 40px #41392514}
.hero{background:#f3eedf;color:var(--ink);text-align:left;padding:75px 0 60px}.hero:after{display:none}.hero>.wrap{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:42px}.hero-copy{padding:20px 0}.hero .eyebrow{color:#736344;font-size:11px;letter-spacing:.16em}.hero h1{color:var(--ink);font-size:clamp(48px,5.7vw,80px);max-width:11ch;margin:25px 0;line-height:1.06;letter-spacing:-.055em}.hero h1 em{font-weight:450;color:#827047}.hero p.lede{color:var(--ink-soft);font-size:18px;max-width:39ch;margin:0 0 20px;line-height:1.7}.hero-detail{color:var(--ink-soft);font-size:12px;max-width:38ch;line-height:1.8;margin-bottom:28px}.hero-actions{justify-content:flex-start}.hero .btn-primary{background:#302e25;color:#fffaf0}.hero .btn-ghost{color:var(--ink);border-color:#c2b9a5}.hero .btn-ghost:hover{background:#e9e1cf;border-color:#958469}.hero-stage{width:100%;min-width:0;margin:0;--hero-slide-w:205px;position:relative;background:radial-gradient(ellipse,#e1d1a9,transparent 70%);padding:10px 0}.hero-slide,html.js .hero-slide.is-active{box-shadow:0 16px 35px #554b3328}.hero-cap,html.js .hero-cap{color:var(--ink)}.hero-cap-meta{color:var(--ink-soft)!important}.hero-dot{background:#c9bea7!important}.hero-dot[aria-current=true]{background:#61543c!important}.brand-mark{background:#453d2e}.statsband{background:#eeeadf}.stat-num{color:#504630}.stats{border-color:var(--line)}
.studio-services{background:#fffdf8;padding:100px 0}.service-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:start}.service-intro{position:sticky;top:110px}.service-intro h2{font-size:clamp(40px,4.2vw,59px);line-height:1.13;letter-spacing:-.045em}.service-intro h2 em{color:#867347;font-weight:450}.service-intro>p:not(.eyebrow){color:var(--ink-soft);font-size:16px;line-height:1.8;max-width:33ch;margin:25px 0}.idea-sketch{margin:36px 0;color:#827149;font-family:var(--serif);font-size:22px;display:grid;grid-template-columns:auto 1fr;align-items:center;max-width:330px}.idea-sketch span{transform:rotate(-10deg)}.idea-sketch svg{width:100%;height:75px;fill:none;stroke:#a89058;stroke-width:2;stroke-linecap:round}.idea-sketch b{grid-column:2;font-weight:500;margin-top:-15px;transform:rotate(-5deg)}.service-row{border-bottom:1px solid var(--line);padding:0;background:none;border-radius:0;box-shadow:none}.service-row:first-child{border-top:1px solid var(--line)}.service-row summary{display:flex;align-items:center;gap:20px;padding:26px 0;cursor:pointer;list-style:none}.service-row summary::-webkit-details-marker{display:none}.service-index{align-self:flex-start;color:#9a8d70;font-size:11px;padding-top:7px}.service-row summary>span:nth-child(2){flex:1}.service-row small{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#756a55;margin-bottom:8px}.service-row strong{font-family:var(--serif);font-size:26px;font-weight:500;line-height:1.2;display:block;letter-spacing:-.03em}.service-plus{font-size:28px;color:#8a7954;transition:transform .2s}.service-row[open] .service-plus{transform:rotate(45deg)}.service-body{padding:0 0 28px 34px}.service-detail h4{margin:18px 0 8px;font-size:13px;font-weight:650}.service-detail p{font-size:14px;color:var(--ink-soft);line-height:1.8;margin:0 0 20px}.service-body>a{font-size:12px;font-weight:650;text-decoration:underline;text-underline-offset:4px}.service-row summary:hover strong{color:#8a7043}.service-row summary:focus-visible{outline:2px solid #806635;outline-offset:5px}
.doodle-feature{display:grid;grid-template-columns:1fr 1fr;background:#eee7d7;border:1px solid #ddd2ba;border-radius:24px;overflow:hidden;margin:40px 0}.doodle-art{background:#1b2340;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:28px;gap:25px}.doodle-art img{width:100%;max-width:335px;height:auto;border-radius:32%;transform:rotate(-7deg);box-shadow:0 28px 65px #0002}.doodle-stamp{color:#d9d6d1;letter-spacing:.2em;font-size:9px}.doodle-art-note{font-family:var(--serif);color:#ffd35c;font-size:24px;transform:rotate(-5deg)}.doodle-copy{padding:50px 45px}.doodle-copy .eyebrow{font-size:10px;color:#74613b}.doodle-copy h3{font-size:clamp(40px,4.4vw,62px);line-height:1.02;letter-spacing:-.05em;margin:20px 0}.doodle-copy h3 em{font-weight:500;color:#82673b}.doodle-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#615a4c}.doodle-copy ul{list-style:none;padding:0;margin:22px 0 27px;font-size:12px;line-height:2.2;color:#615a4c}.doodle-copy li:before{content:'✦';color:#8e7746;margin-right:10px}.doodle-copy .store-badge small{color:#5c5549}.doodle-copy .product-link{display:inline-block;margin-top:5px;font-size:13px}.product{background:var(--surface)}
@media(max-width:850px){.hero>.wrap{grid-template-columns:1fr 1fr;gap:20px}.hero h1{font-size:50px}.hero-stage{--hero-slide-w:170px}.hero-actions{gap:10px}.hero-actions .btn{font-size:12px;padding:12px 14px}.service-layout{gap:35px;grid-template-columns:.85fr 1.15fr}.service-row strong{font-size:23px}.doodle-copy{padding:30px}.doodle-art{padding:25px}.doodle-art-note{font-size:21px}}
@media(max-width:640px){.hero{padding:40px 0}.hero>.wrap{grid-template-columns:1fr;gap:15px}.hero-copy{padding:0}.hero h1{font-size:clamp(44px,12vw,65px);max-width:13ch}.hero p.lede{font-size:17px}.hero-stage{--hero-slide-w:160px}.hero-actions .btn{font-size:13px}.hero .eyebrow{font-size:9px}.hero-detail{max-width:40ch}.studio-services{padding:65px 0}.service-layout{grid-template-columns:1fr;gap:36px}.service-intro{position:static}.service-intro h2{font-size:46px}.idea-sketch{display:none}.service-intro>p:not(.eyebrow){max-width:none;font-size:15px}.service-row summary{gap:14px;padding:23px 0}.service-row strong{font-size:24px}.service-body{padding-left:27px}.doodle-feature{grid-template-columns:1fr;border-radius:18px}.doodle-art{padding:25px;gap:20px}.doodle-art img{max-width:220px}.doodle-copy{padding:30px 25px}.doodle-copy h3{font-size:53px}.doodle-art-note{font-size:22px}.doodle-copy .store-badges{gap:18px}.doodle-copy .store-badge img{height:34px}.doodle-copy .store-badge.google img{height:50.64px;margin:-8.32px}}
@media(prefers-reduced-motion:reduce){.service-plus{transition:none}}
.hero-cap-name{color:var(--ink)!important}
/* Pure white page canvas, as requested. */
:root{--paper:#ffffff;--surface:#ffffff}
body,header,.hero,.studio-services,.statsband{background:#ffffff}
.hero-stage{background:none}
#doodle-downpour{scroll-margin-top:95px}
.asset-gallery{margin-top:80px;padding:0;background:#fff;scroll-margin-top:100px}.asset-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.asset-heading .eyebrow{font-size:10px;margin-bottom:12px}.asset-heading h2{font-size:clamp(28px,3.3vw,44px);letter-spacing:-.04em}.asset-controls{display:flex;gap:8px;flex-shrink:0}.asset-controls button{font:500 13px var(--sans);border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--ink);height:44px;min-width:44px;padding:0 15px;cursor:pointer}.asset-controls button:hover{background:#f6f3ec}.asset-controls button:focus-visible{outline:3px solid #8a7043;outline-offset:3px}.asset-slide{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);margin:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;min-height:490px;background:#fff}.asset-slide[hidden]{display:none}.asset-image{height:490px;display:flex;align-items:center;justify-content:center;background:#f8f8f8;padding:28px}.asset-image img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}.asset-slide figcaption{display:flex;flex-direction:column;justify-content:center;padding:38px}.asset-slide figcaption>span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#817154}.asset-slide h3{font-size:36px;line-height:1.15;margin:18px 0;letter-spacing:-.03em}.asset-slide p{font-size:15px;color:var(--ink-soft);line-height:1.8;margin:0}.asset-position{font-size:12px;color:var(--ink-soft);text-align:right;margin:15px 4px 0}
@media(max-width:640px){.asset-gallery{margin-top:50px}.asset-heading{align-items:flex-start;flex-direction:column;gap:18px}.asset-heading h2{font-size:32px}.asset-slide{grid-template-columns:1fr;min-height:0}.asset-image{height:380px;padding:20px}.asset-slide figcaption{padding:25px;min-height:180px}.asset-slide h3{font-size:28px;margin:10px 0}.asset-slide p{font-size:14px}.asset-position{text-align:left}}
/* Keep the new app card compact even beside taller video cards. */
#doodle-downpour{align-self:stretch}

.game-pair{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}.game-pair>.product{height:100%}@media(max-width:640px){.game-pair{grid-template-columns:1fr}}

/* October portfolio additions: show complete app screens without cropping. */
.portfolio-addition{scroll-margin-top:100px;min-width:0}
.portfolio-addition .product-logo{overflow:hidden}
.project-screen{margin:0 0 22px;padding:18px;background:#f8f8f6;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:12px}
.project-screen img{display:block;width:100%;height:320px;object-fit:contain;border-radius:8px}
.project-screen figcaption{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.portfolio-addition .product-meta{flex-wrap:wrap;gap:12px}
@media(max-width:640px){.project-screen img{height:340px}}

.project-prototypes .project-screen img{height:auto;aspect-ratio:16/9}