/* ArtFly's existing paper, olive and editorial direction, without studio code. */
:root{--paper:#f7f7f2;--ink:#232820;--muted:#596252;--line:#dedfd6;--accent:#c2db87;--green:#3f512e;font:16px/1.65 Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100dvh}a{color:inherit;touch-action:manipulation;text-underline-offset:4px}a:focus-visible{outline:2px solid var(--green);outline-offset:5px}h1,h2,h3,p{margin-top:0}
.skip-link{position:absolute;top:-100px;left:24px;z-index:10;background:var(--ink);color:var(--paper);padding:10px 16px}.skip-link:focus{top:12px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px;padding:16px max(28px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line)}
.brand{font-size:29px;font-weight:700;letter-spacing:-1.3px;text-decoration:none;line-height:1.2}.site-header nav{display:flex;align-items:center;gap:30px;font-size:14px}.site-header nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:var(--muted)}.site-header nav a:hover{text-decoration:underline}
main{max-width:1200px;margin:auto;padding:0 28px}.overview{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:76px;padding:66px 0 70px}.overview-copy{padding-bottom:12px;min-width:0}
h1{font:400 clamp(66px,7vw,90px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-2.8px;margin:0}.overview-tagline{font-family:Georgia,'Times New Roman',serif;display:block;font-size:clamp(25px,3vw,36px);line-height:1.25;letter-spacing:-.8px;margin:15px 0 25px}
.overview-lead{max-width:465px;color:var(--muted);font-size:18px;line-height:1.65;margin-bottom:24px}.availability{max-width:435px;font-size:14px;line-height:1.65;margin:0 0 31px;padding-left:16px;border-left:2px solid #8da474;color:#535f47}
.primary-link{display:inline-flex;justify-content:space-between;align-items:center;gap:52px;background:var(--accent);border-radius:5px;min-height:50px;padding:13px 18px;text-decoration:none;font-size:15px;font-weight:500;transition:background .16s}.primary-link:hover{background:#b6d174}
.portrait-preview{margin:0;padding:27px 29px 18px;background:#e6e8de;border-radius:4px;min-width:0}.portrait-preview>a{display:block}.portrait-preview img{display:block;max-width:100%;width:100%;height:auto;max-height:490px;object-fit:contain;background:#171918;box-shadow:0 8px 24px #26341620}.portrait-preview figcaption{font-size:12px;line-height:1.55;color:#596252;margin-top:16px}
.meaning{display:grid;grid-template-columns:1.15fr 1fr;gap:76px;padding:50px 0 52px;border-top:1px solid var(--line)}h2{font:400 clamp(30px,3.8vw,43px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:-1px;margin-bottom:22px}.meaning h2{margin:0}.meaning-copy{max-width:410px;color:var(--muted);font-size:16px;line-height:1.7}.meaning-copy p{margin-bottom:17px}.meaning-copy p:last-child{margin-bottom:0}
.available{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;padding:60px 0;border-top:1px solid var(--line)}.available-heading{max-width:370px}.available-heading h2{font-size:38px}.available-heading p{font-size:16px;color:var(--muted);line-height:1.65;margin-bottom:0}.available-list{margin:0}.available-list>div{margin-bottom:26px}.available-list>div:last-child{margin-bottom:0}.available-list dt{font-size:17px;font-weight:500;line-height:1.4;margin-bottom:8px}.available-list dd{font-size:15px;line-height:1.7;color:var(--muted);margin:0;max-width:490px}
.next{display:grid;grid-template-columns:1.15fr 1fr;gap:76px;align-items:start;padding:51px 0 70px;border-top:1px solid var(--line)}.next h2{font-size:36px}.next>div p{font-size:15px;color:var(--muted);max-width:480px;line-height:1.7;margin-bottom:18px}.text-link{display:inline-flex;align-items:center;gap:30px;min-height:44px;font-size:15px;color:var(--green);font-weight:500}.collection-note{padding:25px 27px;background:#e9eddf;border-radius:4px}.collection-note h3{font-size:18px;font-weight:500;line-height:1.4;margin-bottom:14px}.collection-note p{font-size:14px;line-height:1.7;color:#536049;margin-bottom:0}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:22px 35px;max-width:1200px;margin:auto;padding:26px 28px;border-top:1px solid var(--line)}.site-footer>div{display:flex;align-items:center;gap:24px}.site-footer .brand{font-size:25px}.site-footer p{font-size:12px;color:var(--muted);margin:0}.site-footer nav{display:flex;flex-wrap:wrap;gap:5px 25px}.site-footer nav a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--muted)}
@media(max-width:1000px){.overview,.meaning,.next{gap:42px}.overview{padding:51px 0 56px}.overview-lead{font-size:17px}.portrait-preview{padding:23px 23px 17px}.available{gap:50px}.site-footer>div{display:block}.site-footer p{margin-top:9px}.site-footer nav{gap:5px 20px}}
@media(max-width:720px){.site-header{min-height:72px;padding:13px 22px;gap:20px}.site-header .brand{font-size:26px}.site-header nav{gap:21px}.site-header nav a{font-size:14px}.site-header nav a:last-child{display:none}main{padding:0 22px}.overview{grid-template-columns:1fr;gap:32px;padding:42px 0 40px}.overview-copy{padding:0}h1{font-size:67px;letter-spacing:-2px;margin-bottom:0}.overview-tagline{font-size:29px;margin:11px 0 21px}.overview-lead{font-size:17px;max-width:460px;margin-bottom:20px}.availability{font-size:14px;margin-bottom:25px}.primary-link{min-height:50px}.portrait-preview{max-width:430px;justify-self:center;width:100%;padding:26px 28px 17px}.portrait-preview img{max-height:440px}.meaning,.available,.next{grid-template-columns:1fr;gap:23px;padding:35px 0}.meaning h2{font-size:33px}.meaning-copy{max-width:none}.available-heading{max-width:none}.available-heading h2{font-size:33px;margin-bottom:15px}.available-list>div{margin-bottom:25px}.next h2{font-size:33px}.next>div p{max-width:none}.collection-note{padding:24px}.next{padding-bottom:42px}.site-footer{display:block;padding:23px 22px}.site-footer>div{display:flex;gap:23px}.site-footer p{margin:0}.site-footer nav{margin-top:14px;gap:4px 24px}}
@media(max-width:380px){h1{font-size:60px}.overview-tagline{font-size:26px}.site-header nav{gap:17px}.portrait-preview{padding:20px 22px 15px}.primary-link{width:100%}.site-footer>div{gap:17px}.site-footer nav{gap:4px 21px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.word-panel{min-height:380px;display:flex;flex-direction:column;justify-content:center;padding:40px;color:#3d4935}.word-panel>p{font:700 clamp(32px,5vw,58px)/1.12 Georgia,serif;letter-spacing:-1px;margin:0 0 24px}.word-panel>span{font-size:14px;line-height:1.6}