.skip-link{position:fixed;left:1rem;top:-4rem;z-index:60;background:#1a1410;color:#faf6ef;padding:.75rem 1rem}.skip-link:focus{top:1rem}
.contact-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.contact-form button:disabled{opacity:.65;cursor:wait}
.site-header.scrolled{background:rgba(250,246,239,.85);backdrop-filter:blur(12px);border-bottom-color:rgba(26,20,16,.08)}
.nav-link.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-.125rem;height:2px;background:#a85f44}
.language-switcher{display:none}@media(min-width:640px){.language-switcher{display:block}}
.mobile-menu{opacity:0;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease}.mobile-menu.is-open{opacity:1;transform:translateY(0)}
.page-enter{animation:pageEnter .45s ease both}@keyframes pageEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s cubic-bezier(.22,.8,.3,1),transform .75s cubic-bezier(.22,.8,.3,1)}.js .reveal.is-visible{opacity:1;transform:none}
.presentation-polaroid{transform:rotate(var(--polaroid-rotate));transition:transform .35s ease}.presentation-polaroid:hover{transform:translateY(-6px) rotate(calc(var(--polaroid-rotate) * .4)) scale(1.03)}
.collection-arrow{transition:transform .35s cubic-bezier(.22,.8,.3,1)}.group:hover .collection-arrow{transform:rotate(-45deg)}
.polaroid-caption{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:.95rem;bottom:8px}
.alternate-story-row>*:first-child{order:2}
.neural-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.connection-flow{position:relative}.connection-flow-item{position:relative;z-index:1}.connection-flow-item:not(:last-child)::after{content:"";position:absolute;top:40px;left:calc(50% + 40px);width:calc(100% - 80px);height:1px;background:rgba(196,122,92,.6);transform-origin:left;animation:lineReveal .6s ease both}@keyframes lineReveal{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes heroRise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.hero-line{animation:heroRise .9s cubic-bezier(.22,.8,.3,1) both}.hero-line:nth-child(1){animation-delay:.08s}.hero-line:nth-child(2){animation-delay:.18s}.hero-line:nth-child(3){animation-delay:.28s}.hero-lead,.hero-actions{animation:heroRise .9s ease both}.hero-lead{animation-delay:.42s}.hero-actions{animation-delay:.52s}
@media(max-width:639px){.connection-flow-item::after{display:none}}@media(max-width:767px){.alternate-story-row>*:first-child{order:initial}}
@media(prefers-reduced-motion:reduce){.page-enter,.connection-flow-line{animation:none}.js .reveal{opacity:1;transform:none;transition:none}}
.feature-hero{padding-top:2.5rem}.feature-hero-text{display:grid;gap:2rem;align-items:end}@media(min-width:1024px){.feature-hero-text{grid-template-columns:1.15fr 1fr;gap:4rem}}
.feature-title{font-size:clamp(3.4rem,10vw,7.5rem);line-height:.92}.feature-tagline{margin-top:1rem;font-size:clamp(1.45rem,3.2vw,2.4rem);line-height:1.15;color:#a85f44}
.feature-hero-lead{font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.65;color:#5a4a3f;max-width:36rem}
.feature-hero-film{margin-top:clamp(2.5rem,6vw,4.5rem)}
.feature-film{position:relative;margin:0}.feature-film-accent{position:absolute;width:clamp(5rem,12vw,9rem);aspect-ratio:1;border-radius:50%;opacity:.18;top:clamp(-2rem,-3vw,-1rem);left:clamp(-2rem,-3vw,-1rem)}
.feature-film-frame{position:relative;background:#fffdf8;padding:clamp(6px,1vw,12px);border-radius:6px;box-shadow:0 1px 0 rgba(26,20,16,.06),0 28px 60px -28px rgba(26,20,16,.45),0 0 0 1px rgba(26,20,16,.07)}
.feature-film-video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#f4eee2;border-radius:2px}
@media(max-width:767px){.js .feature-film-frame{width:min(100%,calc(76svh * 9 / 16 + 24px));margin-inline:auto}.js .feature-film-video{aspect-ratio:9/16}}
.feature-film-caption{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .9rem;margin-top:1rem;color:#5a4a3f;font-size:1rem}.feature-film-label{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#7d6b5d}
@media(max-width:767px){.js .feature-film-caption{justify-content:center;text-align:center}}
.feature-intro{font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.3rem,2.4vw,1.7rem);line-height:1.6;color:#2a211b}
.feature-grid{display:grid;gap:1.5rem}@media(min-width:768px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.feature-grid{grid-template-columns:repeat(3,1fr)}}
.feature-card{height:100%;padding:2rem;border-radius:1rem;background:#f4eee2;border:1px solid rgba(26,20,16,.08)}.feature-card-number{width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;margin-bottom:1.25rem;font-family:"Playfair Display",Georgia,serif;font-style:italic;color:#faf6ef}
.feature-moment{display:grid;gap:2.5rem;padding:clamp(1.75rem,5vw,4rem);border-radius:1.5rem;align-items:start}@media(min-width:900px){.feature-moment{grid-template-columns:1.25fr 1fr;gap:4rem}}
.feature-links-heading{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#7d6b5d;margin-bottom:1.25rem}
.feature-links{list-style:none;margin:0;padding:0;position:relative}.feature-links::before{content:"";position:absolute;left:6px;top:10px;bottom:10px;width:1px;background:rgba(168,95,68,.45)}
.feature-link{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:1rem;padding:.6rem 0 .6rem 0}.feature-link-dot{grid-row:span 3;width:13px;height:13px;margin-top:.3rem;border-radius:50%;border:2px solid;background:#faf6ef;position:relative;z-index:1}
.feature-link-kind{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600}.feature-link-label{font-family:"Playfair Display",Georgia,serif;font-size:1.2rem;color:#1a1410;line-height:1.3}.feature-link-note{font-style:italic;color:#7d6b5d;font-size:.95rem}
.feature-closing{text-align:center;max-width:46rem;margin-inline:auto}.feature-closing p{font-size:clamp(2rem,5vw,3.6rem);line-height:1.12}.feature-closing-mark{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;color:#faf6ef;font-family:"Playfair Display",Georgia,serif;font-style:italic;margin-bottom:1.5rem}
.feature-related{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}
.feature-related-card{position:relative;display:flex;flex-direction:column;height:100%;border-radius:1rem;overflow:hidden;background:#f4eee2;border:1px solid rgba(26,20,16,.08);transition:background .25s ease,transform .25s ease}.feature-related-card:hover{background:#ebe2d0;transform:translateY(-3px)}
.feature-related-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid rgba(26,20,16,.08)}.feature-related-body{display:flex;flex-direction:column;gap:.35rem;padding:1.1rem 1.25rem 1.4rem}.feature-related-arrow{position:absolute;right:.9rem;bottom:1rem}
.feature-section-head{display:grid;gap:1.5rem;align-items:end}@media(min-width:1024px){.feature-section-head{grid-template-columns:1.2fr 1fr;gap:4rem}}
.feature-area-grid{display:grid;gap:1.5rem}@media(min-width:768px){.feature-area-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.feature-area-grid{grid-template-columns:repeat(3,1fr)}}
.feature-area-card{position:relative;display:flex;flex-direction:column;height:100%;border-radius:1.25rem;overflow:hidden;background:#f4eee2;border:1px solid rgba(26,20,16,.08);transition:transform .3s cubic-bezier(.22,.8,.3,1),box-shadow .3s ease}.feature-area-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px -28px rgba(26,20,16,.5)}
.feature-area-media{position:relative;display:block}.feature-area-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.feature-area-play{position:absolute;left:1rem;bottom:1rem;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(26,20,16,.8);color:#faf6ef;padding-left:2px}
.feature-area-body{display:flex;flex-direction:column;gap:.55rem;padding:1.5rem 1.6rem 1.9rem;flex:1}.feature-area-kicker{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600}.feature-area-more{margin-top:auto;padding-top:.75rem;display:inline-flex;align-items:center;gap:.4rem;font-weight:500;color:#1a1410}.feature-area-bar{height:4px}
@media(prefers-reduced-motion:reduce){.feature-area-card,.feature-related-card{transition:none}.feature-area-card:hover,.feature-related-card:hover{transform:none}}
@media(min-width:1024px) and (max-width:1535px){.site-header .btn-primary{display:none!important}}

/* Preserve the archive's paper-and-ink identity across small screens. */
.grid>*{min-width:0}.presentation-polaroid{max-width:100%}.presentation-polaroid>div:first-of-type{position:relative}
.illustration-label{position:absolute;left:.4rem;bottom:.4rem;padding:.16rem .35rem;background:rgba(26,20,16,.78);color:#faf6ef;font:10px/1.4 Arial,sans-serif;letter-spacing:.04em}
.home-hero-film{min-width:0}.home-hero-film .feature-film-accent{display:none}
.home-hero-film .feature-film-caption{font-size:.9rem}
.feature-title{overflow-wrap:anywhere}.feature-grid>*{min-width:0}
.contact-form{scroll-margin-top:7rem}.contact-form input,.contact-form select,.contact-form textarea{font-size:16px}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#5a4a3f;opacity:1}
@media(min-width:640px){.contact-field-full{grid-column:1 / -1}}
.example-disclosure{font-size:1rem;color:#5a4a3f}
.form-error-summary{padding:1rem;border:1px solid #a85f44;background:#f4e6df;margin-block:1.5rem;color:#713c28}
.form-field-error{color:#713c28;font-size:.9rem;margin-top:.4rem}.contact-honeypot{display:none}
:focus-visible{outline:2px solid #a85f44;outline-offset:4px}
@media(max-width:767px){
  .hero{min-height:0;padding-top:2rem;padding-bottom:3.5rem}
  .hero .hero-lead,.hero .hero-actions{margin-top:1.75rem}
  .hero h1{font-size:clamp(2.45rem,10vw,3.5rem)}
  .hero .home-hero-film{margin-top:-.5rem}
  .feature-title{font-size:clamp(2.8rem,10vw,4rem)}
  .feature-card{padding:1.5rem}.contact-form{padding:1.5rem}
  .mobile-menu{max-height:calc(100svh - 5.5rem);overflow-y:auto;overscroll-behavior:contain}
  .container-x{overflow-wrap:break-word}
}
@media(prefers-reduced-motion:reduce){.hero-line,.hero-lead,.hero-actions,.connection-flow-item::after{animation:none}.presentation-polaroid{transition:none}.presentation-polaroid:hover{transform:rotate(var(--polaroid-rotate))}}
@media(min-width:768px){.hero{min-height:0;padding-top:3.5rem;padding-bottom:5rem}.hero h1{font-size:clamp(3rem,5.7vw,6rem);line-height:1.02}}
main h1,main h2,main h3,main p{overflow-wrap:anywhere;hyphens:auto}

@media(max-width:767px){.collection-story{padding:1.5rem}}

.feature-film-video:fullscreen{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;background:#1a1410}

/* The consent choice extends the existing paper-and-ink public surface. */
.analytics-consent[hidden] { display: none; }
.analytics-consent { position: fixed; z-index: 80; bottom: 1rem; left: 1rem; right: 1rem; max-width: 76rem; margin-inline: auto; padding: 1.5rem; background: #faf6ef; color: #1a1410; border: 1px solid #7d6b5d; box-shadow: 0 12px 40px -16px rgba(26,20,16,.35); display: flex; gap: 2rem; align-items: center; }
.analytics-consent-copy { flex: 1; min-width: 0; }
.analytics-consent h2 { font-family: 'Playfair Display', Georgia, serif; font-size: 1.35rem; line-height: 1.3; margin-bottom: .5rem; }
.analytics-consent p { max-width: 70ch; font-size: 1rem; line-height: 1.55; }
.analytics-consent a { text-decoration: underline; text-underline-offset: .2em; }
.analytics-consent-actions { display: flex; gap: .75rem; flex-wrap: wrap; }
.analytics-consent-actions .btn { min-height: 44px; justify-content: center; }
.analytics-consent-actions .btn, .analytics-privacy .btn { border: 1px solid #1a1410; cursor: pointer; }
.analytics-consent-actions .btn:hover, .analytics-privacy .btn:hover { color: #faf6ef; background: #1a1410; }
.analytics-settings { text-align: left; text-decoration: underline; text-underline-offset: .2em; min-height: 44px; }
.analytics-settings:hover { color: #c47a5c; }
.analytics-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.analytics-privacy { padding-block: 5rem; }
.analytics-privacy h1 { font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.1; max-width: 24ch; }
.analytics-privacy p { font-size: 1.125rem; line-height: 1.75; max-width: 70ch; margin-block: 2rem; }
@media (max-width: 900px) { .analytics-consent { flex-direction: column; align-items: stretch; gap: 1.25rem; } }
@media (max-width: 480px) { .analytics-consent { bottom: .5rem; left: .5rem; right: .5rem; padding: 1.125rem; max-height: calc(100svh - 1rem); overflow-y: auto; } .analytics-consent-actions { flex-direction: column; } }

/* Tutorial films and their reading companion inherit the archive's paper-and-ink world. */
.tutorial-hero{padding-block:clamp(4rem,8vw,8rem) clamp(3rem,6vw,6rem);display:grid;gap:2rem;align-items:end;border-bottom:1px solid #ebe2d0}
.tutorial-hero h1{font-size:clamp(3rem,7vw,6rem);line-height:1;max-width:14ch}
.tutorial-hero p,.tutorial-detail-hero p{font-size:clamp(1.1rem,1.7vw,1.35rem);line-height:1.65;color:#5a4a3f;max-width:54ch}
.tutorial-hero .tutorial-language-note,.tutorial-detail-hero .tutorial-language-note{font-size:.95rem;margin-top:1rem;color:#7d6b5d}
@media(min-width:900px){.tutorial-hero{grid-template-columns:1.15fr .85fr;gap:5rem}}
.tutorial-index{padding-top:1rem}.tutorial-group{padding-block:clamp(3rem,5vw,5rem);border-bottom:1px solid #ebe2d0}
.tutorial-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:2rem}
.tutorial-group-heading h2{font-size:clamp(2rem,4vw,3.5rem)}.tutorial-group-heading span{color:#7d6b5d;font-size:.9rem;white-space:nowrap}
.tutorial-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 3rem}
.tutorial-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1rem;align-items:center;padding:1.35rem 0;border-top:1px solid #ebe2d0;text-decoration:none;color:#1a1410}
.tutorial-row-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.2rem,1.8vw,1.6rem);line-height:1.2;grid-column:1}
.tutorial-row-summary{grid-column:1;line-height:1.55;color:#5a4a3f}
.tutorial-row-arrow{grid-column:2;grid-row:1 / 3;color:#a85f44;transition:transform .25s ease}
.tutorial-row:hover .tutorial-row-arrow,.tutorial-row:focus-visible .tutorial-row-arrow{transform:translate(3px,-3px)}
.tutorial-back{padding-top:2.5rem}.tutorial-back a{display:inline-flex;align-items:center;gap:.55rem;color:#5a4a3f;text-decoration:underline;text-underline-offset:.25em}
.tutorial-detail-hero{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding-block:3.5rem 3rem}
.tutorial-detail-hero h1{font-size:clamp(2.8rem,6vw,5.8rem);line-height:1.05;max-width:15ch;margin-bottom:1.5rem}
.tutorial-category{color:#a85f44;border:1px solid #c47a5c;border-radius:100px;padding:.4rem .9rem;font-size:.85rem;white-space:nowrap}
.tutorial-video-frame{margin:0;background:#fefcf7;padding:clamp(.45rem,1vw,.8rem);border:1px solid #ebe2d0;border-radius:5px;box-shadow:0 26px 58px -32px rgba(26,20,16,.45)}
.tutorial-video-frame video{display:block;width:100%;aspect-ratio:16 / 9;background:#1a1410;object-fit:contain}
.tutorial-video-frame figcaption{font-size:.9rem;color:#5a4a3f;padding:.9rem .35rem .2rem;line-height:1.5}
.tutorial-reading{padding-top:clamp(5rem,9vw,9rem);display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(2rem,6vw,7rem)}
.tutorial-reading-heading h2{font-size:clamp(2.1rem,4vw,3.7rem);line-height:1.12;max-width:12ch}.tutorial-reading-heading p{margin-top:1.2rem;color:#5a4a3f;line-height:1.6;max-width:33ch}
.tutorial-chapters{list-style:none;padding:0;margin:0}.tutorial-chapters li{display:grid;grid-template-columns:2.5rem 1fr;gap:1.2rem;padding:1.4rem 0;border-top:1px solid #ebe2d0}
.tutorial-step-number{color:#a85f44;font-family:'Libre Caslon Text',Georgia,serif;font-size:.9rem;padding-top:.3rem}.tutorial-chapters h3{font-family:'Playfair Display',Georgia,serif;font-size:1.35rem;line-height:1.3}.tutorial-chapters p{color:#5a4a3f;line-height:1.65;margin-top:.55rem}
.tutorial-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem;align-content:start}.tutorial-detail-list details{border-top:1px solid #ebe2d0;padding:1rem 0}.tutorial-detail-list summary{cursor:pointer;font-family:'Playfair Display',Georgia,serif;font-size:1.15rem;line-height:1.3}.tutorial-detail-list details p{padding:.8rem 1rem .2rem 0;color:#5a4a3f;line-height:1.6}
.tutorial-ending{padding-top:clamp(5rem,8vw,8rem);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.tutorial-ending p{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.2}
@media(max-width:760px){.tutorial-list,.tutorial-reading,.tutorial-detail-list{grid-template-columns:1fr}.tutorial-detail-hero{display:block}.tutorial-category{display:inline-block;margin-top:1.5rem}.tutorial-reading{gap:2rem}.tutorial-hero{padding-top:4rem}.tutorial-row{min-height:5.5rem}}
@media(prefers-reduced-motion:reduce){.tutorial-row-arrow{transition:none}.tutorial-row:hover .tutorial-row-arrow,.tutorial-row:focus-visible .tutorial-row-arrow{transform:none}}
.tutorial-topic-kicker{font-size:.76rem!important;letter-spacing:.14em;text-transform:uppercase;color:#a85f44!important;font-weight:700;line-height:1.5!important}
.tutorial-topic-index{padding-top:clamp(4rem,7vw,7rem)}.tutorial-topic-index-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 4rem;align-items:end;margin-bottom:2.5rem}.tutorial-topic-index-heading .tutorial-topic-kicker{grid-column:1/-1;margin-bottom:1.1rem}.tutorial-topic-index-heading h2{font-size:clamp(2.6rem,5vw,5rem);line-height:1.05}.tutorial-topic-index-heading>p:last-child{color:#5a4a3f;line-height:1.65;font-size:1.13rem;max-width:38ch}
.tutorial-topic-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #dbcbbb;border-bottom:1px solid #dbcbbb}.tutorial-topic-card{min-height:21rem;display:flex;flex-direction:column;padding:2rem 2rem 1.8rem;color:#1a1410;text-decoration:none;transition:background .2s ease}.tutorial-topic-card+.tutorial-topic-card{border-left:1px solid #dbcbbb}.tutorial-topic-card:hover,.tutorial-topic-card:focus-visible{background:#f4ece3}.tutorial-topic-card-number{font-size:.78rem;letter-spacing:.12em;color:#a85f44}.tutorial-topic-card h3{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.7rem,2.6vw,2.6rem);line-height:1.15;margin:3rem 0 1rem}.tutorial-topic-card p{color:#5a4a3f;line-height:1.6}.tutorial-topic-card-link{display:inline-flex;gap:.65rem;align-items:center;color:#a85f44;margin-top:auto;padding-top:2rem;font-weight:600}
.tutorial-topic-hero{padding-top:clamp(3rem,6vw,6rem);padding-bottom:clamp(4rem,8vw,8rem);border-bottom:1px solid #dbcbbb}.tutorial-topic-hero h1{font-size:clamp(3.3rem,8vw,8.4rem);line-height:1.02;max-width:13ch;margin:1.1rem 0 clamp(2rem,4vw,4rem)}.tutorial-topic-lead{display:grid;grid-template-columns:1fr .55fr;gap:2rem}.tutorial-topic-lead>p:first-child{font-family:'Libre Caslon Text',Georgia,serif;font-size:clamp(1.35rem,2vw,2rem);line-height:1.5;max-width:40ch}.tutorial-topic-lead .tutorial-language-note{font-size:.95rem;color:#7d6b5d;align-self:end}.tutorial-topic-jump{display:inline-flex;align-items:center;gap:.6rem;margin-top:3rem;color:#a85f44;text-decoration:underline;text-underline-offset:.3em}
.tutorial-topic-body{display:grid;grid-template-columns:minmax(12rem,.32fr) minmax(0,1fr);gap:clamp(3rem,8vw,10rem);padding-top:clamp(5rem,9vw,9rem)}.tutorial-topic-rail{align-self:start;position:sticky;top:5rem;border-top:1px solid #dbcbbb;padding-top:1.2rem}.tutorial-topic-rail>p{font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;color:#a85f44;font-weight:700}.tutorial-topic-rail ol{list-style:none;padding:0;margin:1.5rem 0 0}.tutorial-topic-rail li+li{margin-top:1rem}.tutorial-topic-rail a{color:#5a4a3f;text-decoration:none;line-height:1.4}.tutorial-topic-rail a:hover,.tutorial-topic-rail a:focus-visible{color:#a85f44;text-decoration:underline;text-underline-offset:.25em}
.tutorial-topic-section{scroll-margin-top:6rem;padding-bottom:clamp(4rem,7vw,7rem);border-top:1px solid #dbcbbb;padding-top:1.5rem}.tutorial-topic-section h2{font-size:clamp(2.3rem,4.3vw,4.3rem);line-height:1.12;max-width:16ch;margin:1rem 0 2rem}.tutorial-topic-section>p:not(.tutorial-topic-kicker){font-size:clamp(1.08rem,1.3vw,1.2rem);line-height:1.8;color:#4d4036;max-width:62ch}.tutorial-topic-section>p:not(.tutorial-topic-kicker)+p{margin-top:1.35rem}
.tutorial-topic-films{scroll-margin-top:6rem;padding-top:clamp(4rem,7vw,7rem);border-top:1px solid #dbcbbb}.tutorial-topic-films-heading{max-width:58rem}.tutorial-topic-films-heading h2{font-size:clamp(2.5rem,5vw,5rem);line-height:1.1;margin:1rem 0}.tutorial-topic-films-heading>p:last-child{color:#5a4a3f;line-height:1.65;max-width:50ch;font-size:1.13rem}.tutorial-topic-film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,5rem);margin-top:3rem}.tutorial-topic-film{border-top:1px solid #dbcbbb;padding-top:1rem}.tutorial-topic-film-label{display:flex;justify-content:space-between;gap:1rem;color:#a85f44;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em}.tutorial-topic-film h3{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.65rem,2.5vw,2.5rem);line-height:1.15;margin:1.5rem 0 .75rem}.tutorial-topic-film>p{color:#5a4a3f;line-height:1.6;min-height:3.2em}.tutorial-topic-film .tutorial-video-frame{margin-top:1.5rem}.tutorial-topic-film>a{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.5rem;color:#a85f44;text-decoration:underline;text-underline-offset:.3em}
.tutorial-topic-takeaway{margin-top:clamp(5rem,9vw,9rem);padding-top:2rem;padding-bottom:clamp(2rem,5vw,5rem);border-top:1px solid #dbcbbb;border-bottom:1px solid #dbcbbb;display:grid;grid-template-columns:1fr 1fr;gap:1rem clamp(2rem,7vw,7rem)}.tutorial-topic-takeaway>.tutorial-topic-kicker{grid-column:1/-1}.tutorial-topic-takeaway h2{font-size:clamp(2rem,3.7vw,3.7rem);line-height:1.16;max-width:13ch}.tutorial-topic-takeaway ul{list-style:none;padding:0;margin:0}.tutorial-topic-takeaway li{display:flex;gap:1.3rem;align-items:baseline;border-top:1px solid #dbcbbb;padding:1rem 0;color:#4d4036;line-height:1.5}.tutorial-topic-takeaway li span{color:#a85f44;font-size:.78rem}
@media(max-width:900px){.tutorial-topic-index-grid{grid-template-columns:1fr}.tutorial-topic-card{min-height:auto;padding:1.8rem 0}.tutorial-topic-card+.tutorial-topic-card{border-left:0;border-top:1px solid #dbcbbb}.tutorial-topic-card h3{margin:1.5rem 0 .6rem}.tutorial-topic-index-heading,.tutorial-topic-body,.tutorial-topic-takeaway{grid-template-columns:1fr}.tutorial-topic-rail{position:static;max-width:40rem}.tutorial-topic-rail ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1.5rem}.tutorial-topic-rail li+li{margin:0}.tutorial-topic-lead{grid-template-columns:1fr}.tutorial-topic-film-grid{grid-template-columns:1fr}.tutorial-topic-film>p{min-height:0}}
@media(max-width:560px){.tutorial-topic-rail ol{grid-template-columns:1fr}.tutorial-topic-hero h1{font-size:clamp(3rem,13vw,4.8rem)}.tutorial-topic-section h2{max-width:none}}
@media(prefers-reduced-motion:reduce){.tutorial-topic-card{transition:none}}