/*
Theme Name: Dimicology
Author: Dimitri Louis
Description: Portfolio de films et photographies, adapté aux mobiles.
Version: 1.0.0
Text Domain: dimicology
*/
:root{--paper:#f7f6f2;--ink:#20241f;--muted:#71766e;--line:#d9dcd3;--accent:#b29c5a;--max:1360px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:#78652d}img{max-width:100%;height:auto;display:block}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,img[role=button]:focus-visible{outline:3px solid #a08538;outline-offset:5px}button{color:inherit}.shell{width:min(var(--max),calc(100% - 112px));margin:auto}.site-header{border-bottom:1px solid var(--line)}.header-inner{min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{display:inline-flex;flex-direction:column;line-height:1.05;letter-spacing:-2px;font-stretch:condensed;font-weight:800;font-size:32px}.brand small{font-size:9px;font-weight:500;letter-spacing:3px;margin-top:9px;text-transform:uppercase}.main-nav{display:flex;align-items:center;gap:32px}.main-nav a{font-size:12px;text-transform:uppercase;letter-spacing:1.7px;padding:14px 0;border-bottom:1px solid transparent}.main-nav a[aria-current=page]{border-color:var(--ink)}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:10px 16px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2.5px;font-weight:600;color:var(--muted);margin:0 0 22px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400;line-height:1.12}h1{font-size:clamp(38px,5.4vw,78px);letter-spacing:-.055em}h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.035em}.intro{padding:66px 0 54px;display:grid;grid-template-columns:1.7fr 1fr;gap:8%;align-items:end}.intro h1{margin:0;max-width:870px}.intro-copy{font-size:16px;color:var(--muted);max-width:330px;justify-self:end}.intro-copy p{margin-bottom:20px}.text-link{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;border-bottom:1px solid;padding-bottom:7px;color:var(--ink)}.hero-film{position:relative;background:#131812;overflow:hidden;aspect-ratio:2.15}.hero-film img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.hero-film:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 70%);pointer-events:none}.hero-caption{position:absolute;bottom:36px;left:40px;right:40px;z-index:1;color:white;display:flex;align-items:end;justify-content:space-between;gap:24px}.hero-caption h2{font-size:clamp(26px,3vw,44px);margin:0 0 10px}.hero-caption .eyebrow{color:#dedfd8;margin-bottom:14px}.play-pill{display:inline-flex;gap:14px;align-items:center;border:1px solid #ffffff70;border-radius:40px;padding:14px 22px;white-space:nowrap;font-size:13px}.play-pill:before{content:'▶';font-size:12px}.hero-film:hover .play-pill{background:white;color:var(--ink)}.section{padding:76px 0 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-heading h2{margin:0}.section-number{font-size:11px;color:var(--muted);letter-spacing:2px;margin-bottom:14px}.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px}.film-card .picture{position:relative;aspect-ratio:16/9;background:#ddd;overflow:hidden}.film-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.film-card:hover img{transform:scale(1.025)}.film-card .picture:after{content:'▶';position:absolute;left:16px;bottom:16px;background:#f7f6f2ed;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:11px}.film-card h3{font-size:17px;line-height:1.35;margin:16px 0 8px}.film-card small,.project-card small{font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:var(--muted)}.photo-section{border-top:1px solid var(--line);margin-top:76px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}.project-card img{aspect-ratio:1;object-fit:cover;width:100%;transition:filter .25s}.project-card:hover img{filter:brightness(.9)}.project-card h3{font-size:16px;line-height:1.4;margin:16px 0 4px}.contact-band{margin-top:90px;padding:55px 0;border-top:1px solid var(--line);display:flex;align-items:end;justify-content:space-between;gap:24px}.contact-band h2{font-size:clamp(34px,4vw,58px);margin-bottom:0}.site-footer{border-top:1px solid var(--line);margin-top:36px;padding:28px 0 34px;font-size:11px;letter-spacing:.8px;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:22px}.page-heading{padding:64px 0 38px;max-width:1000px}.page-heading h1{font-size:clamp(34px,4.6vw,64px);margin-bottom:20px}.page-heading .lede{color:var(--muted);max-width:660px;font-size:17px}.breadcrumb{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:0 0 26px;display:inline-block}.entry-content{max-width:940px;margin:0 auto 60px}.entry-content>p,.entry-content>div.sqs-html-content,.entry-content>h1,.entry-content>h2,.entry-content>h3{max-width:760px;margin-left:auto;margin-right:auto}.entry-content h1{font-size:38px}.entry-content h2{font-size:29px;margin-top:38px}.entry-content a{border-bottom:1px solid #a1a79b}.entry-content img{margin:28px auto;cursor:zoom-in;max-height:85vh;object-fit:contain}.entry-content figure{margin:28px 0}.entry-content figcaption{font-size:13px;color:var(--muted);text-align:center}.entry-content iframe{width:100%;max-width:100%;border:0;aspect-ratio:16/9;height:auto}.gallery-layout{max-width:none}.dcgy-gallery{columns:3;column-gap:22px}.dcgy-gallery figure{break-inside:avoid;margin:0 0 22px}.dcgy-gallery img{margin:0;width:100%;max-height:none;object-fit:contain}.dcgy-gallery figcaption{margin-top:8px}.film-player{background:#111;aspect-ratio:16/9;position:relative}.film-launch{border:0;background:#111;width:100%;height:100%;position:relative;padding:0;display:block}.film-launch img{width:100%;height:100%;object-fit:contain;opacity:.8}.film-launch span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--paper);border-radius:50%;width:82px;height:82px;display:grid;place-items:center;font-size:24px;padding-left:5px}.film-player iframe{width:100%;height:100%;border:0}.video-note{font-size:12px;color:var(--muted);margin:16px 0 30px}.film-description{white-space:pre-line;max-width:800px;margin:36px auto;color:#4b5148}.archive-intro{max-width:720px;color:var(--muted);margin-bottom:38px}.category-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}.category-tabs a{font-size:12px;border:1px solid var(--line);border-radius:24px;padding:9px 15px}.category-tabs a:hover{border-color:var(--ink)}.skip-link{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:30}.skip-link:focus{top:12px}.lightbox{background:#111;border:0;color:white;max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;padding:60px 70px;margin:auto}.lightbox::backdrop{background:#111}.lightbox img{height:calc(100dvh - 145px);width:100%;object-fit:contain}.lightbox button{position:absolute;background:#232323;border:1px solid #666;color:white;border-radius:50%;width:44px;height:44px;display:grid;place-items:center}.lightbox-close{top:15px;right:20px}.lightbox-prev{top:50%;left:15px}.lightbox-next{top:50%;right:15px}.lightbox-caption{text-align:center;font-size:12px;margin:18px 0;color:#ccc}.no-scroll{overflow:hidden}.not-found{padding:90px 0}.post-meta{font-size:12px;color:var(--muted)}@media(min-width:1500px){.shell{width:min(var(--max),calc(100% - 160px))}}@media(max-width:1000px){.shell{width:calc(100% - 64px)}.main-nav{gap:20px}.intro{grid-template-columns:1.4fr 1fr;gap:5%}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-film{aspect-ratio:1.85}.project-grid{gap:30px 20px}.dcgy-gallery{columns:2}}@media(max-width:700px){body{font-size:16px}.shell{width:calc(100% - 36px)}.header-inner{min-height:90px;gap:20px;flex-wrap:wrap}.brand{font-size:27px}.brand small{font-size:8px;letter-spacing:2px}.menu-toggle{display:block;font-size:12px}.main-nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding:0 0 20px}.main-nav.open{display:flex}.main-nav a{padding:14px 0}.intro{padding:38px 0 30px;display:block}.intro h1{font-size:45px;letter-spacing:-2.4px}.intro-copy{max-width:100%;margin-top:24px;font-size:15px}.intro-copy p{margin-bottom:15px}.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:18px}.hero-film{aspect-ratio:4/3}.hero-caption{left:20px;right:20px;bottom:22px;display:block}.hero-caption h2{font-size:27px;max-width:85%;margin-bottom:18px}.hero-caption .eyebrow{font-size:9px;margin-bottom:10px}.hero-caption .play-pill{padding:9px 15px;font-size:11px}.section{padding-top:48px}.section-heading{gap:15px;margin-bottom:24px}.section-heading h2{font-size:29px}.section-heading .text-link{font-size:9px;letter-spacing:.7px}.film-grid{grid-template-columns:1fr;gap:28px}.film-card h3{font-size:17px;margin-top:12px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.project-card h3{font-size:13px;margin:10px 0 3px}.project-card small{font-size:8px;letter-spacing:1px}.photo-section{margin-top:48px}.contact-band{margin-top:56px;padding:35px 0;display:block}.contact-band h2{font-size:38px;margin-bottom:22px}.site-footer{margin-top:20px;padding-top:24px}.footer-inner{gap:15px}.footer-links{gap:18px}.page-heading{padding:35px 0 20px}.page-heading h1{font-size:38px;letter-spacing:-1.6px}.page-heading .lede{font-size:16px}.dcgy-gallery{columns:1}.entry-content{margin-bottom:35px}.entry-content h1{font-size:30px}.entry-content h2{font-size:25px}.entry-content img{margin:20px auto;max-height:80vh}.dcgy-gallery img{margin:0;max-height:none}.dcgy-gallery figure{margin-bottom:18px}.lightbox{padding:65px 12px}.lightbox img{height:calc(100dvh - 155px)}.lightbox-prev{left:8px;top:auto;bottom:16px}.lightbox-next{right:8px;top:auto;bottom:16px}.lightbox-caption{max-width:calc(100% - 80px);margin:18px auto}.film-description{font-size:15px}.film-launch span{width:64px;height:64px;font-size:18px}.category-tabs{gap:8px}.category-tabs a{font-size:11px;padding:8px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.section-heading .text-link{white-space:nowrap;flex-shrink:0}