/*
Theme Name: Giraff TT5
Description: Personligt och lekfullt barntema för Giraff. Kräver Twenty Twenty-Five.
Template: twentytwentyfive
Version: 1.0.0
Text Domain: giraff-tt5
*/
:root{--ink:#202a27;--cream:#f7f5ed;--yellow:#f8d64c;--green:#dce8d8;--orange:#fa764f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit}img{display:block;max-width:100%;height:auto}figure,p,h1,h2{margin:0}h1,h2{font-weight:650;letter-spacing:-.065em;line-height:1.06}h1{font-size:clamp(44px,5.5vw,80px)}h2{font-size:clamp(34px,4vw,56px)}p+p{margin-top:18px}.wp-site-blocks{padding:0!important}.wp-site-blocks>*{margin-block-start:0!important}.g-header,.g-section,.g-hero,.g-footer{max-width:1320px;margin:auto;padding:36px 64px}.g-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:24px}.g-header p+p{margin:0}.g-brand{font-weight:850;font-size:40px;line-height:1;letter-spacing:-3px}.g-brand a{text-decoration:none}.brand-dot{color:#a44d15}.g-nav p{display:flex;gap:28px;font-size:14px}.g-nav a{text-decoration:none}.g-contact{display:inline-block;border:1px solid var(--ink);border-radius:99px;padding:9px 21px;text-decoration:none;font-size:14px}.g-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;padding-top:36px;padding-bottom:60px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;margin-bottom:25px}.lead{max-width:510px;font-size:18px;margin-top:26px}.g-actions{display:flex;align-items:center;gap:24px;margin-top:32px;font-size:13px}.g-actions p{margin:0}.wp-block-buttons{display:flex;flex-wrap:wrap}.wp-block-button__link{display:inline-block;background:var(--ink);color:#fff;border-radius:99px;padding:15px 25px;text-decoration:none;font-size:14px;font-weight:650}.g-hero-art{position:relative;min-width:0}.g-giraffe{height:530px;border-radius:46% 46% 12px 12px;overflow:hidden;background:#81b3c9}.g-giraffe img{height:100%;width:100%;object-fit:cover}.g-sticker{position:absolute;right:-24px;bottom:44px;background:var(--yellow);border-radius:50%;width:138px;height:138px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;font-weight:800;letter-spacing:1px;line-height:1.6;transform:rotate(12deg)}.g-strip{background:var(--yellow);padding:20px;text-align:center;font-size:14px;font-weight:700}.g-strip span{padding:0 26px;font-size:21px}.g-section{padding-top:90px;padding-bottom:90px}.g-section-heading{margin-bottom:42px}.g-two-col{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.g-body p{max-width:490px}.g-body .wp-block-buttons{margin-top:28px}.g-body h2{margin-bottom:25px}.g-body .eyebrow{margin-top:38px}.g-body .eyebrow:first-child{margin-top:0}.g-work{background:var(--green);padding:32px 28px 20px;border-radius:14px;transform:rotate(-2deg)}.g-work img{box-shadow:0 12px 30px #20302524;border-radius:5px}.g-caption{display:flex;justify-content:space-between;font-size:13px;margin-top:22px}.g-caption span{font-size:11px}.g-drone{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center;background:#e4ecec;border-radius:20px}.g-drone-photo img{width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:12px}.g-ai{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.g-ai-symbol{border-radius:28px;background:var(--green);padding:45px;text-align:center;transform:rotate(2deg)}.g-ai-type{font-size:clamp(100px,14vw,200px);font-weight:800;letter-spacing:-15px;line-height:1.3}.g-ai-type span{color:#a34126;display:inline-block;transform:rotate(12deg)}.g-ai-symbol>p:last-child{font-size:13px;font-weight:650}.g-doors{background:#253a31;color:var(--cream);border-radius:20px;padding-bottom:64px}.g-door-intro{display:grid;grid-template-columns:1fr 1fr;gap:12px 50px;margin-bottom:40px}.g-door-intro .eyebrow{grid-column:1/-1;margin-bottom:10px}.g-door-intro p:last-child{font-size:15px;max-width:400px}.g-door-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.g-door-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:100px 100px 7px 7px}.g-door-grid figure:nth-child(2){transform:translateY(15px)}.g-hello{text-align:center;padding-top:100px;padding-bottom:100px}.g-hello h2{font-size:clamp(55px,7vw,92px)}.g-hello>p:not(.eyebrow){max-width:490px;margin:24px auto}.g-hello .wp-block-buttons{justify-content:center}.g-footer{border-top:1px solid #20302530;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:11px;padding-top:30px;padding-bottom:30px}.g-footer p{margin:0}.g-footer .g-brand{font-size:32px}a:hover{text-decoration:underline;text-underline-offset:5px}.wp-block-button__link:hover{background:#40564a;text-decoration:none}a:focus-visible{outline:3px solid #a34126;outline-offset:5px}.g-nav a,.g-actions a{padding-block:8px}section[id]{scroll-margin-top:24px}
@media(min-width:1500px){.g-drone,.g-doors{max-width:1192px}}
@media(max-width:760px){.g-header,.g-section,.g-hero,.g-footer{padding-left:24px;padding-right:24px}.g-header{flex-wrap:wrap}.g-nav{order:3;width:100%}.g-nav p{justify-content:space-between;gap:12px}.g-hero{grid-template-columns:1fr;gap:35px;padding-top:28px}.g-hero-copy{max-width:550px}.g-giraffe{height:420px;max-width:450px;margin:auto}.g-sticker{right:0;width:115px;height:115px}.g-actions{flex-wrap:wrap;gap:15px}.g-strip{font-size:12px}.g-strip span{padding:0 7px}.g-section{padding-top:55px;padding-bottom:55px}.g-two-col,.g-drone,.g-ai{grid-template-columns:1fr;gap:35px}.g-work{transform:none}.g-drone,.g-doors{border-radius:0}.g-ai-symbol{order:2}.g-ai-type{font-size:140px}.g-door-intro{display:block}.g-door-intro h2{margin-bottom:20px}.g-door-grid{gap:10px}.g-door-grid img{border-radius:65px 65px 5px 5px}.g-footer{flex-wrap:wrap}.g-footer>p{flex-basis:40%}.g-caption{gap:10px}.g-caption span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}