/*
Theme Name: Basil Argento
Theme URI: https://basilargento.com
Author: Basil Argento
Description: A bright, editorial portfolio for screenwriter and emerging director Basil Argento. Native WordPress blocks, seven project pages, and direct script enquiries.
Version: 1.3.2
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: basil-argento
Tags: portfolio, block-patterns, full-site-editing, custom-colors
*/
:root{--ink:#171725;--blue:#2431d7;--yellow:#ffe34e;--pink:#ffa7d3;--paper:#fffefa;--line:#d9d9d5;--body:Arial,Helvetica,sans-serif;--display:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:6px}p,h1,h2,h3,h4,figure{margin:0}h1,h2,h3,h4{font-family:var(--display);font-weight:750;letter-spacing:-.045em;line-height:1.06}img{max-width:100%;height:auto;display:block}.wp-site-blocks{padding:0}.wp-site-blocks>*,.wp-block-template-part,.portfolio-main>*,.project-main>*,.wp-block-post-content>*{margin-block-start:0!important}.wp-block-group,.wp-block-buttons,.wp-block-button{margin-block-start:0}.shell{width:min(1280px,calc(100% - 112px));margin-inline:auto}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.55;text-transform:uppercase}.micro{font-size:12px;letter-spacing:.12em;font-weight:700}.skip-link{position:absolute;left:12px;top:-100px;z-index:1000;padding:12px 20px;background:var(--ink);color:white}.skip-link:focus{top:12px}.site-header{background:var(--paper)}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:23px;font-weight:900;letter-spacing:-1.1px;line-height:1.1}.brand a{text-decoration:none}.brand-period{color:var(--blue)}.site-nav{display:flex;gap:32px;align-items:center}.site-nav p{font-size:14px;font-weight:600}.site-nav a{text-decoration:none}.site-nav a:hover{text-decoration:underline}.site-nav .nav-contact a{display:block;background:var(--ink);padding:10px 17px;color:white}.nav-contact span{margin-left:10px}.hero{background:var(--yellow);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);align-items:center;gap:58px;padding-block:68px 78px}.hero-copy .eyebrow{margin-bottom:27px}.hero-title{font-size:clamp(54px,6.6vw,96px);letter-spacing:-.065em;line-height:.98;max-width:850px}.hero-description{font-size:21px;line-height:1.5;margin-top:25px}.wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}.hero-copy .wp-block-buttons{margin-top:32px}.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:2px solid var(--ink);background:var(--ink);color:white;border-radius:0;font-family:var(--body);font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;padding:15px 21px;transition:background .16s,color .16s}.wp-block-button__link:hover{background:var(--blue);border-color:var(--blue);color:white}.button-outline .wp-block-button__link{color:var(--ink);background:transparent}.button-outline .wp-block-button__link:hover{background:var(--ink);color:white}.portrait-wrap{position:relative;padding:12px 16px 18px 0;max-width:360px;justify-self:end;width:100%}.portrait-wrap:before{content:'';position:absolute;inset:30px 0 0 24px;background:var(--pink);transform:rotate(5deg)}.portrait-paper{position:relative;background:var(--paper);padding:15px 15px 18px;transform:rotate(-4deg);box-shadow:0 5px 0 #17172515}.portrait-image img{width:100%;aspect-ratio:1;object-fit:cover}.portrait-caption{display:flex;justify-content:space-between;align-items:end;padding-top:15px;gap:12px}.portrait-name{font-size:31px;font-weight:900;letter-spacing:-1.8px;line-height:.95}.portrait-note{font-size:12px;line-height:1.35;text-align:right}.recognition{background:var(--blue);color:white}.recognition-inner{min-height:78px;display:flex;justify-content:space-between;align-items:center;gap:24px}.recognition-label,.recognition-project{font-size:12px;font-weight:700;letter-spacing:.1em}.recognition-result{font-size:22px;font-weight:600;letter-spacing:-.04em}.recognition-small{font-size:16px;font-weight:400;letter-spacing:0}.work-section{padding-block:92px 95px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-top:17px;margin-bottom:38px}.section-title{font-size:clamp(40px,4.5vw,64px);line-height:1.02}.section-intro{font-size:15px;line-height:1.55;max-width:360px;padding-bottom:3px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{padding:30px 28px 26px;display:flex;flex-direction:column;min-height:536px}.color-blue{background:var(--blue);color:white}.color-pink{background:var(--pink);color:var(--ink)}.color-yellow{background:var(--yellow);color:var(--ink)}.card-title{font-size:clamp(31px,3.15vw,45px);min-height:105px;margin-top:30px;overflow-wrap:anywhere}.card-title a{text-decoration:none}.card-title a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.card-logline{font-size:16px;line-height:1.6;margin-top:10px;margin-bottom:27px}.card-comps{margin-top:auto}.card-comps .comps{font-size:14px;font-weight:600;line-height:1.5;margin-top:5px}.card-meta{font-size:12px;line-height:1.5;margin-top:16px}.card-link{border-top:1px solid currentColor;padding-top:17px;margin-top:19px;font-size:14px;font-weight:600}.card-link a{display:flex;justify-content:space-between;text-decoration:none}.card-link a:hover{text-decoration:underline}.slate-heading{display:flex;align-items:center;justify-content:space-between;margin-top:60px;margin-bottom:23px;gap:20px}.slate-heading h3{font-size:27px;letter-spacing:-.04em}.slate-table{border-top:1px solid var(--ink)}.slate-row{display:grid;grid-template-columns:45px minmax(0,1.4fr) minmax(0,1fr) 135px;gap:24px;align-items:center;border-bottom:1px solid var(--line);padding:25px 0}.slate-number{font-size:13px;color:#5d5d66}.slate-name h3{font-size:27px}.slate-name h3 a{text-decoration:none}.slate-name h3 a:hover{text-decoration:underline}.slate-genre{font-size:13px;color:#50505a;line-height:1.5;margin-top:6px}.slate-format{font-size:14px}.slate-link{font-size:14px;font-weight:600;text-align:right}.slate-link a{text-decoration:none}.slate-link a:hover{text-decoration:underline}.about-section{background:#f0eeff;padding-block:92px}.about-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr);gap:100px}.about-copy .section-title{margin-top:18px;margin-bottom:27px}.about-copy>p:not(.eyebrow){margin-top:19px;max-width:680px}.about-copy .about-lead{font-size:21px;line-height:1.55}.about-personal{font-size:15px}.credentials{align-self:start;background:var(--paper);padding:31px 30px}.credentials>h3{font-size:29px;margin-top:20px;margin-bottom:29px}.credential{border-top:1px solid var(--line);padding-top:19px;margin-top:19px}.credential h4{font-size:17px;letter-spacing:-.02em}.credential p{font-size:13px;line-height:1.65;margin-top:9px}.directing-section{padding-block:90px}.directing-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:90px}.directing-heading .section-title{margin-top:18px;font-size:64px}.directing-copy p+p{margin-top:18px}.directing-lead{font-size:25px;letter-spacing:-.025em;line-height:1.5}.text-link{font-size:15px;font-weight:600}.text-link a{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}.contact-section{background:var(--pink);padding-block:75px 55px}.contact-title{font-size:clamp(65px,9vw,126px);letter-spacing:-.065em;line-height:.96;margin-top:25px}.contact-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:37px}.contact-intro{font-size:17px;line-height:1.55}.contact-email{font-size:clamp(22px,2.8vw,39px);font-weight:700;letter-spacing:-.045em;line-height:1.35}.contact-email a{overflow-wrap:anywhere}.contact-note{font-size:12px;margin-top:33px}.site-footer{background:var(--ink);color:white}.footer-inner{min-height:92px;display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-copy,.footer-top{font-size:12px}.footer-top a{text-decoration:none}.project-hero{padding-block:45px 65px}.project-hero .back-link{font-size:14px;margin-bottom:60px}.back-link a{text-decoration:none}.back-link a:hover{text-decoration:underline}.project-page-title{font-size:clamp(56px,8vw,112px);line-height:1;letter-spacing:-.055em;margin-top:21px;overflow-wrap:anywhere}.project-subtitle{font-size:24px;margin-top:16px}.project-status{font-size:14px;margin-top:26px}.project-detail{padding-block:70px 100px}.project-detail-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:100px}.project-logline{font-size:clamp(24px,2.6vw,36px);line-height:1.45;letter-spacing:-.025em;margin-top:20px}.project-accolade{border-top:1px solid var(--line);padding-top:24px;margin-top:37px;font-size:17px;font-weight:600;color:var(--blue)}.project-sidebar{border-left:1px solid var(--line);padding-left:42px}.project-comps{font-size:32px;line-height:1.2;margin-top:17px;margin-bottom:31px}.project-sidebar .project-vibes{margin-top:14px;font-size:16px}.project-sidebar .wp-block-buttons{margin-top:32px}.request-note{font-size:12px;margin-top:15px}.generic-page{padding-block:90px;min-height:55vh}.generic-page>p{margin-top:25px}.generic-page .wp-block-post-title{font-size:55px;margin-bottom:35px}.editor-styles-wrapper{font-family:var(--body);color:var(--ink)}
@media(min-width:1500px){.hero-grid{gap:100px}.portrait-wrap{max-width:380px}}
@media(max-width:1100px){.shell{width:calc(100% - 72px)}.hero-grid{gap:32px;grid-template-columns:1.4fr 1fr}.hero-title{font-size:68px}.hero-description{font-size:19px}.portrait-name{font-size:26px}.project-card{padding:25px 21px}.card-title{font-size:33px;min-height:83px}.recognition-label{max-width:225px}.about-grid{gap:50px}.directing-grid{gap:50px}.project-detail-grid{gap:50px}.section-heading{gap:30px}}
@media(max-width:800px){.shell{width:calc(100% - 48px)}.header-inner{min-height:86px;gap:24px}.brand{font-size:21px}.site-nav{gap:18px}.site-nav p{font-size:13px}.site-nav .nav-contact a{padding:8px 12px}.hero-grid{padding-block:54px;gap:30px;grid-template-columns:1.25fr 1fr}.hero-title{font-size:57px}.hero-copy .eyebrow{font-size:12px;letter-spacing:.08em;margin-bottom:22px}.hero-description{font-size:17px}.hero-copy .wp-block-buttons{gap:8px}.wp-block-button__link{font-size:13px;padding:12px 15px}.portrait-paper{padding:12px}.portrait-caption{align-items:start}.portrait-name{font-size:23px}.portrait-note{font-size:12px}.recognition-inner{min-height:88px;gap:20px}.recognition-label{max-width:195px;font-size:12px}.recognition-result{font-size:20px;line-height:1.4}.recognition-small{display:block;font-size:13px}.recognition-project{font-size:12px}.work-section{padding-block:65px}.section-heading{align-items:start;flex-direction:column;gap:22px}.section-title{font-size:48px}.project-grid{grid-template-columns:1fr}.project-card{padding:30px;min-height:0;display:grid;grid-template-columns:1fr 1.2fr;column-gap:36px}.project-card>.eyebrow{grid-column:1/-1}.card-title{font-size:40px;grid-row:2/4;margin-top:24px;min-height:0;max-width:310px}.card-logline{margin-top:22px;margin-bottom:24px}.card-comps{grid-column:2}.card-meta{grid-column:2}.card-link{grid-column:1/-1}.slate-row{grid-template-columns:27px 1.4fr 1fr;gap:18px}.slate-name h3{font-size:23px}.slate-link{grid-column:3;text-align:left;margin-top:-9px}.slate-format{font-size:12px}.slate-number{align-self:start}.about-section{padding-block:65px}.about-grid{gap:38px;grid-template-columns:1.2fr 1fr}.about-copy .section-title{font-size:43px}.about-copy .about-lead{font-size:19px}.about-copy>p:not(.eyebrow){font-size:16px}.credentials{padding:24px}.credentials>h3{font-size:25px}.directing-section{padding-block:65px}.directing-grid{grid-template-columns:1fr 1.3fr;gap:35px}.directing-heading .section-title{font-size:48px}.directing-lead{font-size:21px}.contact-bottom{align-items:start;flex-direction:column;gap:25px}.contact-title{font-size:88px}.contact-email{font-size:32px}.project-detail-grid{gap:35px;grid-template-columns:1.2fr 1fr}.project-sidebar{padding-left:28px}.project-comps{font-size:27px}}
@media(max-width:580px){.shell{width:calc(100% - 40px)}.header-inner{padding-block:21px;min-height:0;flex-wrap:wrap;gap:19px}.brand{font-size:23px}.site-nav{width:100%;justify-content:space-between;gap:12px}.site-nav p{font-size:13px}.site-nav .nav-contact a{padding:6px 11px}.nav-contact span{margin-left:3px}.hero-grid{grid-template-columns:1fr;padding-block:40px 47px;gap:40px}.hero-copy .eyebrow{font-size:12px;letter-spacing:.08em}.hero-title{font-size:clamp(47px,11.3vw,65px);line-height:1.01;letter-spacing:-.06em}.hero-description{font-size:18px;margin-top:22px}.hero-copy .wp-block-buttons{margin-top:25px}.portrait-wrap{width:265px;max-width:100%;justify-self:center;padding-right:15px}.portrait-paper{padding:12px 12px 16px}.portrait-name{font-size:26px}.portrait-note{font-size:12px}.recognition-inner{display:grid;grid-template-columns:1fr auto;gap:10px;padding-block:19px}.recognition-label{max-width:none;font-size:12px;grid-column:1/-1}.recognition-result{font-size:20px}.recognition-small{display:inline;font-size:13px}.recognition-project{font-size:12px}.work-section{padding-block:54px}.eyebrow{font-size:12px}.section-title{font-size:43px}.section-heading{margin-bottom:28px;gap:22px}.section-intro{font-size:15px}.project-grid{gap:17px}.project-card{display:flex;padding:26px;min-height:0}.card-title{font-size:43px;margin-top:25px;margin-bottom:7px;max-width:none}.card-logline{margin-top:15px;margin-bottom:27px;font-size:16px}.card-meta{margin-top:20px}.card-link{margin-top:20px}.slate-heading{margin-top:42px;align-items:start;flex-direction:column;gap:9px}.slate-heading h3{font-size:26px}.slate-row{grid-template-columns:25px 1fr;gap:5px 13px;padding-block:22px}.slate-number{padding-top:2px}.slate-name h3{font-size:25px}.slate-format{grid-column:2;margin-top:6px;font-size:12px}.slate-link{grid-column:2;margin-top:10px;font-size:13px}.slate-genre{font-size:12px}.about-section{padding-block:53px}.about-grid{grid-template-columns:1fr;gap:34px}.about-copy .section-title{font-size:43px}.about-copy .about-lead{font-size:20px}.about-copy>p:not(.eyebrow){font-size:17px}.credentials{padding:28px}.credentials>h3{font-size:32px}.credential p{font-size:14px}.directing-section{padding-block:52px}.directing-grid{grid-template-columns:1fr;gap:25px}.directing-heading .section-title{font-size:52px}.directing-lead{font-size:22px}.directing-copy p+p{margin-top:18px}.contact-section{padding-block:48px 38px}.contact-title{font-size:76px}.contact-bottom{margin-top:28px;gap:26px}.contact-intro{font-size:16px}.contact-email{font-size:clamp(22px,6.5vw,30px);letter-spacing:-.04em}.contact-note{font-size:12px;margin-top:28px}.footer-inner{padding-block:25px;min-height:0;align-items:start;gap:17px;flex-direction:column}.footer-copy,.footer-top{font-size:12px}.project-hero{padding-block:30px 45px}.project-hero .back-link{margin-bottom:38px}.project-page-title{font-size:clamp(50px,12vw,72px);line-height:1.03}.project-status{font-size:13px}.project-detail{padding-block:42px 62px}.project-detail-grid{grid-template-columns:1fr;gap:40px}.project-logline{font-size:26px;line-height:1.5}.project-sidebar{border-left:0;border-top:1px solid var(--line);padding:33px 0 0}.project-comps{font-size:30px;margin-bottom:27px}.project-accolade{font-size:16px}.generic-page{padding-block:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Collectible screenplay cards: both faces use each supplied, unaltered sheet. */
/* Linked recognition banner and the revised contact layout. */
.recognition-inner{display:flex;flex-direction:column;justify-content:center;gap:17px;padding-block:28px 24px}
.recognition-banner{width:min(100%,1024px);margin:0}
.recognition-banner a{display:block}
.recognition-banner img{width:100%;height:auto;aspect-ratio:1024/157}
.recognition-credits{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 22px;text-align:center}
.recognition-label{max-width:none}
.recognition-small{display:inline}
.contact-section{padding-block:65px}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:60px}
.contact-content{align-self:start}
.contact-copy{margin-top:26px}
.contact-grid .contact-title{font-size:clamp(65px,7.4vw,106px)}
.contact-email{font-family:var(--body);font-size:17px;font-weight:400;letter-spacing:0;line-height:1.6;margin-top:17px}
.animal-cruelty-image{width:100%;max-width:768px;margin:0;align-self:center;justify-self:center}
.animal-cruelty-image a{display:block}
.animal-cruelty-image img{width:100%;height:auto;aspect-ratio:1}
@media(max-width:800px){.recognition-credits{gap:7px 16px}.recognition-result{font-size:19px}.recognition-small{font-size:14px}.contact-grid{gap:32px}.contact-grid .contact-title{font-size:clamp(44px,7.4vw,65px)}}
@media(max-width:580px){.recognition-inner{padding-block:22px;gap:15px}.recognition-credits{flex-direction:column;gap:5px}.recognition-result{font-size:20px}.contact-section{padding-block:48px}.contact-grid{grid-template-columns:1fr;gap:32px}.contact-grid .contact-title{font-size:clamp(44px,11.5vw,64px)}.contact-copy{margin-top:22px}.animal-cruelty-image{width:100%}.contact-email{font-size:17px}}

.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.foil-project{min-width:0;align-self:start;position:relative}
.foil-scene{--foil-band:45%;position:relative;aspect-ratio:697/994;isolation:isolate;perspective:1500px}
.foil-toggle{appearance:none;-webkit-appearance:none;display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;border-radius:6% / 4.25%;cursor:pointer;color:var(--blue);perspective:1500px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.foil-toggle:focus-visible{outline:3px solid var(--blue);outline-offset:7px}
.foil-turn{display:block;position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(0deg);transition:transform .82s cubic-bezier(.22,.68,.16,1);will-change:transform}
.foil-scene.is-flipped .foil-turn{transform:rotateY(180deg)}
.foil-face{display:block;position:absolute;inset:0;border-radius:6% / 4.25%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#11255d;box-shadow:0 10px 23px -12px #182a7290,0 2px 4px #12255724;transform:translateZ(.1px)}
.foil-back{transform:rotateY(180deg) translateZ(.1px)}
.foil-face img{position:absolute;max-width:none!important;width:215.208034%!important;height:auto!important;top:-2.313883%;left:-4.304161%;pointer-events:none;user-select:none}
.foil-back img{left:-110.473458%}
.foil-face::before,.foil-face::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;mix-blend-mode:screen;opacity:0;transition:opacity .45s ease-out}
.foil-face::before{padding:3%;background:linear-gradient(112deg,transparent calc(var(--foil-band) - 15%),#67e7ff90 calc(var(--foil-band) - 9%),#ffb9f5c0 calc(var(--foil-band) - 4%),#fff5becf var(--foil-band),#b6ffe99c calc(var(--foil-band) + 6%),transparent calc(var(--foil-band) + 15%));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.foil-face::after{background:linear-gradient(112deg,transparent calc(var(--foil-band) - 6%),#fff5 calc(var(--foil-band) - 2%),#fffd var(--foil-band),#fff4 calc(var(--foil-band) + 2%),transparent calc(var(--foil-band) + 6%))}
.foil-scene.is-shimmering .foil-face::before{opacity:.7;transition-duration:.08s}
.foil-scene.is-shimmering .foil-face::after{opacity:.18;transition-duration:.08s}
.foil-request{position:absolute;z-index:2;left:15.4%;top:var(--request-top,85.1%);width:69%;height:var(--request-height,8.3%);border-radius:999px;visibility:hidden;pointer-events:none;outline-offset:2px;touch-action:manipulation}
.foil-scene.request-ready .foil-request{visibility:visible;pointer-events:auto}
.foil-request:focus-visible{outline:3px solid white;box-shadow:0 0 0 6px #2431d7}
.foil-request:hover{box-shadow:inset 0 0 18px #fff6}
.foil-card-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:17px;font-size:14px;line-height:1.6}
.foil-card-caption>p{color:#50505a}
.foil-card-caption>a{font-weight:600;text-decoration:none;white-space:nowrap}
.foil-card-caption>a:hover{text-decoration:underline}
.foil-grid{row-gap:44px}
@media(min-width:1101px){.foil-grid>.foil-project:last-child:nth-child(3n + 1){grid-column:2}}
@media(min-width:801px) and (max-width:1100px){.foil-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foil-grid>.foil-project:last-child:nth-child(odd){grid-column:1/-1;width:calc((100% - 20px)/2);justify-self:center}}
@media(max-width:800px){.foil-project{width:min(100%,410px);justify-self:center;margin-bottom:12px}.foil-card-caption{font-size:14px}}
@media(prefers-reduced-motion:reduce){.foil-turn{transition:none;will-change:auto}.foil-face::before,.foil-face::after{display:none}}
@media(hover:hover){.foil-scene:not([data-ready]):hover .foil-turn{transform:rotateY(180deg)}}