/*
Theme Name: Storyloom Studio
Description: Storyloom's independent English film portfolio.
Version: 1.0
Text Domain: storyloom
*/
@font-face{font-family:"Instrument Serif";src:url("/assets/InstrumentSerif-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("/assets/InstrumentSerif-Italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}
:root{--paper:#f6f3e9;--ink:#20231e;--quiet:#54584e;--accent:#edab63;--line:#c6c5b8;--serif:"Instrument Serif",Georgia,"Times New Roman",serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:normal 17px/1.55 var(--sans)}a{color:inherit;text-underline-offset:.22em}a:hover{text-decoration-thickness:2px}a:focus-visible,input:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid #527bdf;outline-offset:4px}body,figure,p,h1,h2,h3{margin:0}header,footer,main{max-width:1440px;margin:auto;padding-inline:clamp(20px,5vw,82px)}header{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:bold 1.7rem/1 Georgia,serif;letter-spacing:-.08em;text-decoration:none}.brand i{display:inline-block;width:.62em;height:.62em;vertical-align:.04em;margin-right:.2em;border:3px double currentColor;transform:rotate(-13deg);background:var(--accent)}nav{display:flex;align-items:center;gap:clamp(12px,2.3vw,37px);font-size:.9rem}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.skip{position:absolute;left:10px;top:-100px;z-index:3;background:white;padding:10px}.skip:focus{top:3px}
.eyebrow,figcaption,.tagline{font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow:before{content:'';height:2px;width:25px;background:currentColor}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.065em;line-height:.97}h1{font-size:clamp(3.7rem,6.9vw,7rem)}h2{font-size:clamp(2.6rem,4.4vw,4.85rem)}em{font-weight:400}.intro{color:var(--quiet);max-width:49ch;line-height:1.56;font-size:1.08rem}.hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,84px);padding:clamp(46px,6.8vw,100px) 0}.hero-copy>*+*,.case-intro>*+*{margin-top:22px}.hero-copy .actions{margin-top:30px}.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:600 .93rem/1.2 var(--sans);min-height:46px;padding:12px 20px;border-radius:3px;text-decoration:none;cursor:pointer}.button:hover,button:hover{background:#3a4037}.frame{display:block;background:#242923;color:#fff;text-decoration:none;border-radius:5px;padding:clamp(12px,1.7vw,22px);box-shadow:7px 8px 0 #e1d9c9}.frame img,.player video,.shots img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}.frame figcaption,.frame-caption{display:flex;justify-content:space-between;align-items:center;gap:12px}.frame-caption{font-size:.95rem;padding-top:12px}.play{display:inline-flex;align-items:center;gap:8px;color:#f6c68e;font-weight:650}.frame figcaption{padding-bottom:12px;color:#d7d9cf;font-size:.66rem}.section{border-top:1px solid var(--line);padding:clamp(42px,6vw,82px) 0}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,6vw,96px)}.section h2+p,.section h3+p{margin-top:16px}.steps{display:grid;gap:0}.steps div{padding:18px 0;border-top:1px solid var(--line)}.steps div:first-child{padding-top:0;border:0}.steps h3,.shots h3{font-size:1.13rem;letter-spacing:-.025em}.steps p,.shots p{margin-top:5px!important;color:var(--quiet)}
.request{background:#e6ecdd;border:1px solid #c0c8b9;border-radius:4px;padding:clamp(24px,4.3vw,64px);margin:12px 0 64px;align-items:center}.request p{max-width:47ch;color:#42493e;margin-top:14px}.request label{display:block;font-size:.86rem;font-weight:bold;margin-bottom:8px}.row{display:flex;gap:8px;flex-wrap:wrap}.row input{background:#fffef8;border:1px solid #969d8e;min-width:12ch;flex:1;padding:12px 14px;font:inherit;border-radius:2px;width:100%}.request small{display:block;margin-top:9px;color:#485043;font-size:.8rem}.case-intro{padding:clamp(36px,5vw,70px) 0 30px;max-width:910px}.case-intro h1{font-size:clamp(3.5rem,6vw,6.5rem)}.player{background:#1e231e;padding:clamp(10px,1.4vw,20px);border-radius:4px;color:#fff}.player figcaption{display:flex;justify-content:space-between;padding-top:9px;gap:14px}.player video{background:#0e110e;max-height:72vh;object-fit:contain}.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,26px);margin-top:28px}.shots img{border:1px solid var(--line);margin-bottom:12px}.credits{font-size:.87rem;color:var(--quiet);margin:22px 0 35px}.credits summary{cursor:pointer;width:fit-content}.credits p{margin-top:8px}footer{border-top:1px solid var(--line);padding-block:26px;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:.85rem}.footerlinks{display:flex;gap:20px;flex-wrap:wrap}.case-intro .back{font-size:.85rem}.film-link{font-weight:600}
@media(max-width:760px){header{height:66px}.hero,.split{grid-template-columns:1fr}.hero h1{max-width:13ch}.hero{gap:34px}.shots{grid-template-columns:1fr}.shots article{max-width:560px}.request{margin-bottom:38px}.nav-account{display:none}footer{align-items:flex-start;flex-direction:column}.player video{max-height:none}.case-intro>*+*{margin-top:16px}}
@media(max-width:420px){body{font-size:16px}.row{flex-direction:column}.row button{align-self:flex-start}nav{gap:11px}.brand{font-size:1.45rem}.frame figcaption{letter-spacing:.05em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}