/* SiftCut / film studies: editorial warmth, restrained motion. */
.editorial{--paper:#f3f0e7;--ink:#19251f;--lime:#c7eaa0;--line:#d6d8cb}
.editorial [hidden]{display:none!important}
.editorial .header{background:var(--paper);color:var(--ink);height:84px;border-bottom:1px solid var(--line)}
.editorial .header .brand img{background:var(--ink);padding:5px;border-radius:2px}
.editorial .header nav>a:not(.button){color:var(--ink)}
.editorial .header nav>a:hover{color:#526d3b}
.editorial .button{border-radius:0;gap:36px}
.editorial .header .button{background:var(--ink);color:var(--paper)}
.editorial h1{font-size:clamp(62px,7.3vw,106px);letter-spacing:-.065em}
.editorial h2{font-size:clamp(42px,4.5vw,64px)}
.editorial em{letter-spacing:-.06em}
.opening{background:var(--paper);padding:72px 0 66px}
.opening-copy{display:grid;grid-template-columns:1.55fr 1fr;align-items:end;gap:50px}
.opening-copy h1{margin-top:25px}
.opening-copy h1 em{color:#667952}
.opening .status-dot{background:#667952}
.opening-aside{padding-bottom:7px;max-width:335px;justify-self:end}
.opening-aside p{font-size:17px;line-height:1.65;color:#606a5e;margin-bottom:28px}
.opening-aside .button{background:var(--ink);color:var(--paper)}
.opening-aside .button:hover{background:#334b3c}
.film-studies{margin-top:67px;scroll-margin-top:28px}
.chapter-line{display:flex;justify-content:space-between;gap:20px;font:10px monospace;letter-spacing:.08em;padding:17px 0;border-top:1px solid #bac2b1;color:#5e6859}
.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.study-image{height:370px;position:relative;background-image:url('assets/film-studies.webp');background-size:300% auto;overflow:hidden;color:#fff9ec}
.travel-image{background-position:left center}.wedding-image{background-position:center center}.sport-image{background-position:right center}
.study-image:after{content:'';position:absolute;inset:0;background:linear-gradient(#101a1920,transparent 40%,#0f211cd6)}
.film-index{position:absolute;z-index:1;top:20px;left:22px;font:9px monospace;letter-spacing:.09em;text-shadow:0 1px 6px #000}
.film-quote{position:absolute;z-index:1;bottom:24px;left:25px;font-size:clamp(25px,2.7vw,40px);letter-spacing:-.045em;line-height:1.08}
.film-quote i{font-family:Georgia,serif;font-weight:400}
.study-copy{padding:24px 0 0}
.study-copy .eyebrow{font-size:9px;color:#627050}
.study-copy h2{font-size:29px;letter-spacing:-.045em;line-height:1.1;margin:13px 0}
.study-copy p{font-size:14px;color:#5d665b;max-width:320px;line-height:1.6}
.feature-status{display:block;font-size:10px;color:#687460;margin-top:17px;line-height:1.5}
.image-credit{font:9px monospace;text-align:right;color:#737d6d;margin-top:27px}
.explore{border-top:1px solid var(--line);padding-block:85px}
.explore-heading{display:flex;justify-content:space-between;gap:35px;align-items:end}
.explore-heading h2{margin-top:22px}
.explore-heading>p{font-size:15px;color:#616c5a;max-width:340px;padding-bottom:4px}
.view-switch{display:flex;margin:40px 0 32px;border-bottom:1px solid #bfc8b3;gap:35px}
.view-switch button{font-size:15px;padding:17px 0;background:none;border:0;border-bottom:3px solid transparent;color:#67735d}
.view-switch button[aria-selected=true]{border-bottom-color:var(--ink);color:var(--ink);font-weight:700}
[role=tabpanel]:focus-visible{outline:2px solid #667952;outline-offset:8px}
.creative-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:64px;align-items:center}
.edit-study{background:#19251f;padding:24px;color:#d3dcc8;box-shadow:0 16px 40px #19251f10}
.edit-caption{font:9px monospace;display:flex;justify-content:space-between;gap:16px;margin-bottom:24px;line-height:1.5}
.contact-sheet{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.contact-sheet span{height:190px;background-image:url('assets/film-studies.webp');background-size:300% auto}
.sequence-ruler{display:flex;justify-content:space-between;font:9px monospace;margin:23px 0 13px;color:#b4c3a7}
.sequence-clips{display:flex;gap:4px;height:32px}
.sequence-clips i{background:#9eb481;flex:2;border-left:2px solid #e4f4cf}
.sequence-clips i:nth-child(2n){flex:1;background:#7e9a69}
.sequence-clips i:nth-child(3n){flex:3;background:#b7caa1}
.sequence-audio{height:27px;margin-top:7px;background:repeating-linear-gradient(90deg,#7f9a6660 0 2px,transparent 2px 6px),linear-gradient(#344832,#344832);border:1px solid #789263}
.edit-foot{font:9px monospace;letter-spacing:.04em;margin-top:22px;color:#b3c4a3}
.creative-notes article{display:flex;gap:21px;padding:23px 0;border-bottom:1px solid var(--line)}
.creative-notes article:first-child{padding-top:0}.creative-notes article:last-child{border:0}
.creative-notes article>span{font:10px monospace;color:#71835d;padding-top:6px}
.creative-notes h3{font-size:24px;margin-bottom:9px}.creative-notes p{font-size:14px;color:#5e6957}
.technical-grid{display:grid;grid-template-columns:.95fr 1.15fr;gap:70px;align-items:center}
.technical-grid .product-shot{max-width:440px;border-radius:0;padding:20px;background:#e5e7db}
.technical-grid .shot-crop{aspect-ratio:640/600;border-radius:0}
.technical-notes article{padding:22px 0;border-bottom:1px solid var(--line)}
.technical-notes article:first-child{padding-top:0}.technical-notes article:last-child{border:0}
.technical-notes h3{margin:12px 0;font-size:26px}.technical-notes p{font-size:14px;color:#5e6957}
.editorial .faq{background:#e8eadf;padding-block:72px}
.editorial .faq-grid{gap:70px;grid-template-columns:1fr 1.25fr}
.editorial .faq h2{margin-bottom:0}.editorial .faq details:first-child{padding-top:20px}
.editorial .beta{padding-block:80px;background:#19251f}
.editorial .beta h2{font-size:clamp(54px,5.6vw,80px)}
.editorial .beta-grid{gap:70px;align-items:start}
.editorial .beta-expectation{max-width:270px;font-size:13px;color:#bcc7b1;margin-top:32px}
.editorial .form-card{border:0;background:#25342a;border-radius:0;padding:30px}
.editorial .form-card h3{margin-top:0;font-size:28px}
.editorial .form-card label{margin-top:14px}
.editorial .form-card input:not([type=checkbox]),.editorial select,.editorial textarea{border-radius:0}
.editorial footer{background:var(--paper)}
.editorial .footer-top{padding-bottom:25px}.editorial .footer-top>span{color:#60704f}
.editorial .contact{min-height:65vh}
@media(min-width:1500px){.study-image{height:430px}}
@media(max-width:1000px){.opening{padding-top:55px}.opening-copy{gap:30px;grid-template-columns:1.5fr 1fr}.opening-aside p{font-size:15px}.study-image{height:310px}.film-quote{left:18px;bottom:22px}.study-copy h2{font-size:25px}.creative-grid,.technical-grid{gap:32px}.contact-sheet span{height:160px}.edit-caption{font-size:8px}.editorial .beta-grid{gap:35px}}
@media(max-width:700px){.editorial .header{height:76px}.editorial .menu-toggle{color:var(--ink);border-color:#aeb8a3}.editorial .header nav{background:var(--paper);border-color:var(--line)}.opening{padding:42px 0 45px}.opening-copy{display:block}.editorial h1{font-size:clamp(53px,11.7vw,78px)}.opening-copy h1{margin-top:22px}.opening-aside{margin-top:25px;max-width:none}.opening-aside p{font-size:15px;margin-bottom:22px}.opening-aside p br{display:none}.film-studies{margin-top:40px}.chapter-line{font-size:8px;gap:25px;line-height:1.5}.chapter-line span:last-child{max-width:115px;text-align:right}.film-grid{grid-template-columns:1fr;gap:34px}.study-image{height:380px;max-height:110vw}.film-quote{font-size:40px;left:25px;bottom:26px}.study-copy{padding-top:20px}.study-copy h2{font-size:30px}.study-copy h2 br{display:none}.study-copy p{max-width:100%;font-size:15px}.feature-status{margin-top:12px}.image-credit{text-align:left;font-size:8px;margin-top:25px}.explore{padding-block:55px}.explore-heading{display:block}.explore-heading h2{margin-top:20px}.explore-heading>p{margin-top:22px;font-size:14px}.view-switch{margin:25px 0;gap:28px}.view-switch button{font-size:14px}.creative-grid,.technical-grid{grid-template-columns:1fr;gap:30px}.edit-study{padding:17px}.edit-caption{font-size:7px;gap:10px}.contact-sheet span{height:150px}.sequence-ruler,.edit-foot{font-size:8px}.creative-notes h3{font-size:23px}.creative-notes article{padding:20px 0}.editorial .faq{padding-block:55px}.editorial .faq-grid{grid-template-columns:1fr;gap:22px}.editorial .beta{padding-block:55px}.editorial .beta-grid{grid-template-columns:1fr;gap:30px}.editorial .beta h2{font-size:58px}.editorial .beta-expectation{max-width:100%;margin-top:20px}.editorial .form-card{padding:24px 20px}.editorial .technical-grid .product-shot{max-width:100%}}

.editorial .contact h1{font-size:56px;margin:25px 0}@media(max-width:700px){.editorial .contact h1{font-size:46px}}

/* Outcome-first hero: product and workflow understood before the film examples. */
.editorial .opening-copy h1{font-size:clamp(54px,6.4vw,88px)}
.opening-copy{align-items:center}
.opening-aside strong{color:var(--ink);font-weight:600}
.opening-aside .hero-control{font:italic 21px/1.4 Georgia,serif;color:#667952;margin-top:20px;margin-bottom:25px}
.hero-process{display:flex;align-items:center;gap:30px;margin-top:42px;padding-top:23px;border-top:1px solid var(--line);font-size:12px;color:#4f5c49}
.hero-process span{display:flex;gap:9px;align-items:center}
.hero-process b{font:10px monospace;color:#768265}
.hero-process small{margin-left:auto;font-size:10px;color:#687460}
.opening .film-studies{margin-top:30px}
@media(max-width:1000px){.hero-process{gap:18px;flex-wrap:wrap}.hero-process small{margin-left:0}}
@media(max-width:700px){.editorial .opening-copy h1{font-size:clamp(43px,10vw,66px)}.hero-process{display:grid;grid-template-columns:1fr;gap:13px;margin-top:28px;padding-top:20px}.opening-aside .hero-control{font-size:19px;margin:16px 0 22px}.opening .film-studies{margin-top:27px}}