/* Shared homepage layout followed by the Ink Magazine art direction. */
@layer homepage {
:root{--paper:#fff;--surface:#f7f7f7;--ink:#111;--muted:#565656;--line:#ddd;--orange:#bc241d;--lime:#fff;--dark:#111;--serif:Arial,Helvetica,sans-serif;--radius:0}
body.home-page{background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif}
.home-page h1,.home-page h2,.home-page h3{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-style:normal;letter-spacing:-.045em}
.home-page em{font-family:inherit;font-style:normal;font-weight:inherit}
.home-page .wrap,.home-wrap{width:calc(100% - 64px);max-width:1440px;margin-inline:auto}
.home-page .stage-bar{background:#f5f5f5;color:#555;border-bottom:1px solid #e6e6e6;font-size:10px;padding:6px 32px;letter-spacing:.015em}
.home-page .site-header{background:#fff;border:0;position:relative;top:auto}
.home-page .nav{height:84px;border-bottom:1px solid #111;gap:28px}
.home-page .brand{gap:0;font-family:Arial,Helvetica,sans-serif;font-size:30px;font-weight:800;letter-spacing:-.055em}
.home-page .brand-mark,.home-page .brand span{display:none}
.home-page .nav-links{gap:28px;margin-left:auto}.home-page .nav-links a{font-size:14px;font-weight:600;padding:12px 0}
.home-page .nav-actions{gap:22px}.home-page .saved-nav{font-size:14px}.home-page .saved-count{border-radius:0;background:#f0f0f0;color:#111;font-size:10px}
.home-page .nav-actions>.btn{border-radius:0;background:#111;color:white;transform:none;box-shadow:none;min-height:42px;font-size:12px}
.home-page .menu-button{border-radius:0}
.home-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:52px;padding-block:28px 42px;align-items:center}
.home-hero-photo{position:relative;align-self:stretch;min-width:0}.home-hero-photo img{width:100%;height:100%;max-height:640px;min-height:440px;object-fit:cover;object-position:center;border-radius:0}
.home-hero-photo figcaption{position:absolute;bottom:14px;left:18px;background:#fff;color:#222;padding:7px 10px;font-size:10px;letter-spacing:.02em}
.home-hero-copy{padding:24px 0}.home-kicker{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px;line-height:1.5;color:#555}
.home-hero h1{font-size:clamp(50px,5.7vw,88px);line-height:.99;letter-spacing:-.065em;margin-bottom:28px}.home-hero h1 span{color:#be251d}
.home-hero-copy>p:not(.home-kicker){font-size:17px;line-height:1.7;max-width:38ch;color:#454545}
.home-hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:20px;margin-top:30px}
.home-button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:52px;padding:15px 23px;background:#111;color:#fff;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;border:1px solid #111;border-radius:0;transition:background .18s ease}
.home-button:hover{background:#bc241d;border-color:#bc241d}.home-button span{font-size:22px;font-weight:400;line-height:1}
.home-text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;padding-block:10px;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;line-height:1.5}.home-text-link:hover{color:#bc241d}
.home-small{display:block;font-size:11px;line-height:1.7;color:#666;margin-top:22px;max-width:55ch}
.home-style-banner{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #111;margin-bottom:44px;padding-block:18px}
.home-style-banner button{display:flex;align-items:center;gap:18px;text-align:left;padding:6px 22px;border-right:1px solid #ccc;min-height:66px;position:relative}
.home-style-banner button:first-child{padding-left:0}.home-style-banner button:last-child{border-right:0;padding-right:0}.home-style-banner button>span:last-child{margin-left:auto;font-size:18px}
.home-index{font-size:42px;line-height:1;font-weight:700;letter-spacing:-.07em}.home-style-banner strong{font-size:15px;display:block;letter-spacing:-.02em}.home-style-banner small{display:block;font-size:10px;color:#666;margin-top:4px;line-height:1.5}
.home-style-banner button[aria-pressed=true] .home-index,.home-style-banner button:hover .home-index{color:#bc241d}.home-style-banner button[aria-pressed=true]:after{content:'';position:absolute;bottom:-19px;left:22px;right:22px;height:3px;background:#bc241d}
.home-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.home-section-head .home-kicker{margin-bottom:10px}.home-page h2{font-size:clamp(30px,3.3vw,48px);line-height:1.08}.home-section-head>p{font-size:13px;line-height:1.7;color:#666}
.home-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.home-art-card{position:relative;min-width:0}.home-art-image{display:block;overflow:hidden;background:#f7f7f7;aspect-ratio:4/3;text-decoration:none;border:1px solid #eee}.home-art-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.home-art-image.is-study img{object-fit:contain;padding:18px;background:#fff;filter:none}.home-art-card:hover .home-art-image img{transform:scale(1.025)}
.home-art-meta{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding-top:15px}.home-art-meta h3{font-size:21px;letter-spacing:-.025em;line-height:1.2}.home-art-meta h3 a{text-decoration:none}.home-art-meta p{font-size:11px;color:#666;margin-top:6px}.home-art-meta>a{flex:none;font-size:22px;text-decoration:none;min-width:44px;min-height:44px;display:grid;place-items:center;margin-top:-8px}
.home-art-card .home-save{position:static;background:#fff;border-radius:0;box-shadow:none;min-width:44px;min-height:44px;padding:12px;border:1px solid #ddd;margin-top:-4px}.home-save svg{width:18px;height:18px}.home-save[aria-pressed=true]{background:#111;color:#fff}
.home-gallery-note{display:flex;justify-content:space-between;gap:24px;margin-top:26px;border-top:1px solid #ddd;padding-top:15px;color:#666;font-size:10px;line-height:1.7}.home-gallery-note>p:last-child{max-width:67ch;text-align:right}
.home-create{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;border-top:1px solid #111;margin-top:80px;padding-block:70px;align-items:center}.home-create h2{margin-bottom:22px}.home-create-copy>p:not(.home-kicker):not(.home-small){font-size:15px;color:#555;line-height:1.8;max-width:52ch}.home-idea-form{margin-top:28px}.home-idea-form label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}.home-idea-form textarea{width:100%;resize:vertical;border:1px solid #aaa;border-radius:0;background:#fff;padding:15px;font-size:15px;line-height:1.6;min-height:110px}.home-idea-form .home-button{margin-top:14px}.home-create-art{border:1px solid #ddd;padding:24px 30px;min-width:0}.home-art-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#666}.home-create-art>img{width:100%;max-height:320px;object-fit:contain;margin-block:8px 16px}.home-create-art>div{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #ddd;padding-top:18px;font-size:13px}.home-create-art>div span{font-size:10px;color:#666}.home-create-art>.home-text-link{font-size:11px;margin-top:8px}
.home-process{padding-block:60px;border-top:1px solid #ddd}.home-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:36px}.home-process-grid article{border-top:1px solid #111;padding-top:20px}.home-process-grid article>span{font-size:11px;color:#666;letter-spacing:.04em}.home-process-grid h3{font-size:25px;line-height:1.15;margin-top:22px;max-width:19ch}.home-process-grid p{font-size:14px;line-height:1.8;color:#555;margin-top:15px}.home-process-grid .home-text-link{font-size:12px;margin-top:14px}
.home-journal{padding-block:60px;border-top:1px solid #ddd}.home-journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.home-journal-card{border-top:1px solid #111;padding-top:20px;text-decoration:none;display:block}.home-journal-card>span{font-size:10px;color:#666;letter-spacing:.08em;text-transform:uppercase}.home-journal-card h3{font-size:27px;line-height:1.15;margin-top:24px}.home-journal-card p{font-size:13px;line-height:1.8;color:#555;margin-top:16px}.home-journal-card .home-text-link{font-size:12px;margin-top:18px}.home-journal-card:hover h3{color:#bc241d}
.home-seo-intro{padding-block:54px;border-top:1px solid #ddd;display:grid;grid-template-columns:1fr 1fr;gap:20px 60px}.home-seo-intro .home-kicker{grid-column:1/-1;margin-bottom:0}.home-seo-intro h2{font-size:32px;max-width:17ch}.home-seo-intro>p:not(.home-kicker){font-size:14px;line-height:1.9;color:#555}.home-seo-intro nav{grid-column:2;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:11px}.home-seo-intro nav a{padding-block:8px}
.home-faq{border-top:1px solid #ddd;padding-block:65px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.home-faq-list details{border-bottom:1px solid #ddd}.home-faq-list details:first-child{border-top:1px solid #ddd}.home-faq-list summary{font-size:15px;font-weight:600;list-style:none;position:relative;padding:22px 32px 22px 0;cursor:pointer;line-height:1.5}.home-faq-list summary::-webkit-details-marker{display:none}.home-faq-list summary:after{content:'+';position:absolute;right:0;top:18px;font-size:24px;font-weight:400}.home-faq-list details[open] summary:after{content:'−'}.home-faq-list details p{font-size:13px;line-height:1.9;color:#555;padding-bottom:22px}
.home-final{padding:60px 0 70px;text-align:center;border-top:1px solid #111}.home-final p{max-width:none}.home-final h2{font-size:clamp(31px,3.7vw,54px);line-height:1.12}.home-final .home-button{margin-top:30px}
.home-page .site-footer{background:#fff;color:#111;border-top:1px solid #111;padding-top:46px}.home-page .footer-top{padding-bottom:40px;gap:35px}.home-page .footer-top p{color:#666;font-size:13px}.home-page .footer-links h2{font-size:12px;letter-spacing:0;font-weight:700}.home-page .footer-links a{color:#555;font-size:12px;min-height:32px}.home-page .footer-bottom{border-color:#ddd;color:#666;font-size:10px}
.home-page .storage-note,.home-page dialog,.home-page .choice,.home-page .toast,.home-page .quiz-preview{border-radius:0}.home-page .choice strong{font-family:Arial,Helvetica,sans-serif}.home-page dialog h2{font-size:32px}.home-page .btn{border-radius:0;box-shadow:none;transform:none}.home-page .btn-dark{background:#111;color:#fff}.home-page .find-style-link{color:#9d211a}.home-page .quiz-preview{background:white}.home-page .storage-note{border:1px solid #777;background:#fff}.home-page .toast{background:#111;color:#fff}
[hidden]{display:none!important}
@media(min-width:1600px){.home-hero{gap:70px}.home-hero-photo img{max-height:690px}}
@media(max-width:1100px){.home-page .wrap,.home-wrap{width:calc(100% - 44px)}.home-hero{gap:30px}.home-hero h1{font-size:clamp(48px,6.2vw,76px)}.home-hero-photo img{min-height:400px}.home-page .nav-links{gap:18px}.home-page .nav-actions{gap:14px}.home-style-banner button{padding-inline:12px;gap:12px}.home-index{font-size:34px}.home-style-banner small{font-size:9px}.home-create{gap:50px}.home-art-meta h3{font-size:19px}}
@media(max-width:760px){.home-page .wrap,.home-wrap{width:calc(100% - 36px)}.home-page .stage-bar{font-size:9px;padding:7px 18px}.home-page .stage-bar a{display:none}.home-page .nav{height:70px;gap:12px}.home-page .brand{font-size:25px}.home-page .nav-links{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:18px;background:#fff;border-bottom:1px solid #111;z-index:50}.home-page .nav-links.open{display:flex}.home-page .nav-actions{margin-left:auto;gap:12px}.home-page .nav-actions>.btn{display:none}.home-page .menu-button{display:block;width:40px;height:44px}.home-page .saved-nav{min-height:44px}.home-page .saved-nav>span:not(.saved-count){display:none}.home-hero{grid-template-columns:1fr;gap:24px;padding-block:20px 32px}.home-hero-photo img{aspect-ratio:4/3;min-height:0;max-height:none;height:auto}.home-hero-photo figcaption{font-size:9px;bottom:12px;left:12px}.home-hero-copy{padding:0}.home-hero h1{font-size:clamp(45px,10vw,70px);line-height:1;margin-bottom:18px}.home-hero h1 br{display:none}.home-kicker{font-size:9px;margin-bottom:13px}.home-hero-copy>p:not(.home-kicker){font-size:15px;max-width:49ch}.home-hero-actions{gap:12px;margin-top:23px;flex-direction:row;align-items:center;flex-wrap:wrap}.home-button{padding:13px 18px;min-height:48px;font-size:12px;gap:22px}.home-text-link{font-size:12px;gap:12px}.home-small{font-size:10px;margin-top:14px}.home-style-banner{grid-template-columns:1fr 1fr;padding:0;margin-bottom:34px}.home-style-banner button{padding:16px 12px;gap:12px;min-height:86px}.home-style-banner button:first-child{padding-left:12px}.home-style-banner button:nth-child(2){border-right:0}.home-style-banner button:nth-child(-n+2){border-bottom:1px solid #ddd}.home-style-banner button[aria-pressed=true]:after{bottom:0;left:12px;right:12px;height:2px}.home-index{font-size:34px}.home-style-banner strong{font-size:13px}.home-style-banner small{font-size:9px;max-width:12ch}.home-style-banner button>span:last-child{font-size:15px}.home-section-head{gap:16px;align-items:flex-start;margin-bottom:23px;flex-direction:column}.home-page h2{font-size:32px}.home-section-head>.home-text-link{padding:0;min-height:32px}.home-art-grid{grid-template-columns:1fr 1fr;gap:27px 14px}.home-art-image{aspect-ratio:3/4}.home-art-image.is-study img{padding:7px}.home-art-meta{padding-top:12px;gap:4px}.home-art-meta h3{font-size:17px;line-height:1.2}.home-art-meta p{font-size:9px;line-height:1.6;margin-top:6px}.home-art-meta>a{min-width:28px;margin-top:-10px}.home-art-card .home-save{min-width:36px;min-height:44px;padding:9px;border:0;margin-top:-8px}.home-save svg{width:17px;height:17px}.home-gallery-note{flex-direction:column;gap:8px;font-size:9px;margin-top:25px}.home-gallery-note>p:last-child{text-align:left;max-width:60ch}.home-create{grid-template-columns:1fr;gap:30px;margin-top:44px;padding-block:40px}.home-create h2 br{display:none}.home-create-copy>p:not(.home-kicker):not(.home-small){font-size:14px}.home-idea-form textarea{font-size:16px}.home-create-art{padding:20px}.home-create-art>img{max-height:280px}.home-process,.home-journal{padding-block:40px}.home-process-grid,.home-journal-grid{grid-template-columns:1fr;gap:28px;margin-top:24px}.home-process-grid h3{font-size:24px;max-width:24ch;margin-top:16px}.home-process-grid p{font-size:13px}.home-journal-card h3{font-size:27px;margin-top:16px}.home-journal-card .home-text-link{margin-top:10px}.home-seo-intro{grid-template-columns:1fr;padding-block:38px;gap:18px}.home-seo-intro .home-kicker,.home-seo-intro nav{grid-column:1}.home-seo-intro h2{max-width:20ch;font-size:29px}.home-seo-intro>p:not(.home-kicker){font-size:13px}.home-faq{grid-template-columns:1fr;gap:25px;padding-block:40px}.home-faq-list summary{font-size:14px;padding-block:20px}.home-final{padding-block:38px 48px}.home-final h2{font-size:32px}.home-final h2 br{display:none}.home-page .footer-top{grid-template-columns:1fr 1fr}.home-page .footer-top>div:first-child{grid-column:1/-1}.home-page .footer-bottom{flex-direction:column;gap:10px;line-height:1.7}.home-page .footer-links a{min-height:36px}.home-page dialog{padding:26px;max-width:calc(100% - 28px)}}
@media(prefers-reduced-motion:reduce){.home-art-image img,.home-button{transition:none}.home-art-card:hover .home-art-image img{transform:none}}
}