/* Approved artwork and layout overrides for the home and About pages. */
.about-landscape-hero { position:relative; isolation:isolate; min-height:500px; height:min(76svh,800px); overflow:hidden; display:grid; place-items:center; background:var(--sky); }
.about-landscape-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:-1; }
@media(max-width:700px) { .about-landscape-hero { min-height:0; height:auto; aspect-ratio:1.2; } .about-landscape-image { object-fit:cover; } .about-landscape-copy { padding:15px; } .about-landscape-copy h1 { font-size:clamp(3rem,12vw,4rem); } }
.about-tree-story { max-width:none; padding:65px max(6vw,25px); background:var(--paper); grid-template-columns:1fr; gap:0; }
.about-tree-story > img { width:min(210px,70%); margin:auto; transform:rotate(-9deg); }
.about-tree-story > div { width:100%; max-width:740px; margin:auto; }
.about-tree-story h1 { font-size:clamp(2.8rem,5vw,4.5rem); margin-bottom:25px; }
@media(max-width:700px) { .about-tree-hero { grid-template-columns:1fr; min-height:0; padding:40px 25px 25px; gap:20px; } .about-tree-copy h1 { font-size:3.5rem; } .about-tree-copy > p:not(.hand-note) { font-size:17px; } .about-tree-art { margin:0 -12px; } .about-tree-story { grid-template-columns:1fr; gap:30px; padding-top:45px; } .about-tree-story > img { width:100px; } }
.play-photo { padding:0; transform:none; box-shadow:none; border-radius:7px; overflow:hidden; }
.play-photo img { height:auto; aspect-ratio:4 / 3; object-fit:cover; object-position:center; }
.sketch-card { transition:transform 500ms var(--motion-ease); }
.sketch-deck .board { transition:transform 750ms var(--motion-ease); }
.sketch-card:hover { transform:translateY(-3px); }
.sketch-card:focus-visible .board { transform:rotate(21deg) translateY(-3px); }
.btn { transition:transform 280ms var(--motion-ease),background-color 280ms,color 280ms,box-shadow 280ms; }
.btn-primary:hover,.btn.btn-primary:not(.btn-outline):hover { transform:translateY(-2px); box-shadow:4px 6px 0 var(--ink); }
@media(hover:hover) and (pointer:fine) { .sketch-card:hover .board { transform:rotate(21deg) translateY(-3px); } }
@media(prefers-reduced-motion:reduce) { .sketch-card:hover,.sketch-card:hover .board,.sketch-card:focus-visible .board,.btn-primary:hover,.btn.btn-primary:not(.btn-outline):hover { transform:none; } }
.sky-hero { max-width:1440px; min-height:690px; padding:45px 6vw 85px; grid-template-columns:1.05fr 1fr; gap:0; }
.sky-copy h1 { font-size:clamp(3.5rem,6.5vw,6.7rem); line-height:.99; letter-spacing:-.055em; max-width:10ch; }
.sky-copy h1 span { position:relative; display:inline-block; }
.sky-copy h1 span::after { content:''; position:absolute; bottom:-10px; left:0; width:97%; height:9px; border-top:3px solid var(--ink); border-radius:50%; transform:rotate(-3deg); opacity:.7; }
.sky-copy > p:not(.hand-note) { max-width:35ch; font-size:19px; margin:30px 0; }
.hand-note { font-size:15px; }
.sky-art { margin:-35px -35px -50px -25px; padding:0; }
.sky-art > img:first-child { width:100%; height:auto; transform:none; }
.pencil-note { transform:none; margin-top:28px; font-size:13px; }
.paper-section { padding-top:80px; }
.paper-section .section-heading { margin-bottom:20px; }
.maker-note { grid-template-columns:90px minmax(0,600px) 90px; }
@media(max-width:900px) { .sky-hero { min-height:590px; } .sky-art { margin:0 -10px 0 -20px; } .orbit-caption { bottom:4%; right:5%; } .sketchbook-layout { gap:35px; } .sketchbook-photos img { height:230px; } }
@media(max-width:700px) { .sky-hero { padding:45px 25px 35px; gap:0; min-height:0; } .sky-copy h1 { font-size:clamp(3.4rem,14vw,5rem); max-width:11ch; } .sky-copy > p:not(.hand-note) { font-size:17px; margin:28px 0 24px; } .sky-art { width:100%; max-width:430px; margin:-10px auto -5px; } .orbit-caption { bottom:8%; right:0; font-size:12px; } .pencil-note { margin-top:23px; } .sketchbook-section { padding:55px 25px 80px; } .sketchbook-layout { grid-template-columns:1fr; gap:10px; } .sketchbook-photos { gap:14px; } .sketchbook-photos img { height:240px; } .sketchbook-copy h2 { max-width:13ch; } .maker-note { grid-template-columns:1fr; } }