/* Paul del Rosario — cinematic system. Single custom stylesheet. */
:root{--black:#0A0A0A;--charcoal:#141414;--line:#1E1E1E;--fog:#8C8C8C;--mist:#CFCFCF;--white:#FFFFFF;--margin:max(24px,6vw);--space:160px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--mist);font:400 17px/1.7 Inter,Arial,sans-serif;overflow-x:hidden}body.lang-ja{font-family:'Noto Sans JP',Inter,sans-serif}body.lang-ar{font-family:'Noto Sans Arabic',Inter,sans-serif}body::after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.06;background-image:url("grain.svg");background-size:160px 160px}body.menu-open{overflow:hidden}::selection{background:var(--mist);color:var(--black)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:1px solid var(--white);outline-offset:5px}img{display:block;max-width:100%}.skip{position:absolute;z-index:120;inset-block-start:-100px;inset-inline-start:16px;background:var(--white);color:var(--black);padding:12px}.skip:focus{inset-block-start:16px}h1,h2,h3,p,figure{margin:0}h1{font-size:40px;font-weight:300;line-height:1.28;letter-spacing:-.02em;color:var(--white)}h2{font-size:24px;font-weight:300;line-height:1.4;color:var(--white)}p{max-width:60ch}small{font-size:12px}.site-header{position:fixed;inset:0 0 auto;z-index:110;background:var(--black);border-bottom:1px solid var(--line);transition:background .2s,border-color .2s}.site-header.over-hero:not(.scrolled){background:transparent;border-color:transparent}.topbar{height:88px;padding-inline:var(--margin);display:flex;align-items:center;gap:40px;max-width:1600px;margin-inline:auto}.brand{font-size:15px;font-weight:500;white-space:nowrap;color:var(--white);display:flex;align-items:center;gap:2px}.brand-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:var(--white)}.primary-nav{display:flex;align-items:center;gap:32px;margin-inline-start:auto}.primary-nav a{font-size:15px;font-weight:500;position:relative;white-space:nowrap}.primary-nav a[aria-current=page]::before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--white);inset-inline-start:-12px;top:calc(50% - 3px)}.languages{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fog);white-space:nowrap}.languages a[aria-current=page]{color:var(--white)}.menu-toggle{display:none;border:0;background:transparent;color:var(--white);font-size:15px;padding:12px 0}.link{font-size:15px;display:inline-flex;align-items:center;gap:6px;width:fit-content;position:relative;color:var(--mist);margin-block-start:16px}.link:after,.footer a:after{content:"";position:absolute;inset-inline:0;bottom:-3px;height:1px;background:var(--white);transform:scaleX(0);transform-origin:left;transition:transform .2s}.link:hover:after,.footer a:hover:after{transform:scaleX(1)}.hero{height:100svh;min-height:560px;position:relative;background:var(--black);overflow:hidden}.hero-media{position:absolute;inset:0;animation:hero-fade 1.6s ease both}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:76% 45%}.hero::after{content:"";position:absolute;inset:80% 0 0;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--black))}.hero-quote{position:absolute;z-index:2;inset-inline-start:var(--margin);bottom:12vh;max-width:520px;text-align:start;text-shadow:0 0 24px rgba(10,10,10,.6)}.quote-line{font-weight:300;font-size:24px;line-height:1.5;letter-spacing:.01em;color:var(--mist);max-width:100%;animation:rise-in .9s ease both}.quote-line:first-child{animation-delay:1.6s}.quote-line:nth-child(2){animation-delay:2.1s}.quote-credit{margin-top:32px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.2em;color:var(--fog);display:flex;align-items:center;gap:12px;animation:rise-in .9s 2.6s both}.credit-rule{width:24px;height:1px;background:var(--fog);flex:0 0 24px}.hero-scroll{position:absolute;z-index:2;bottom:6vh;inset-inline-end:var(--margin);font-size:12px;letter-spacing:.14em;color:var(--fog)}@keyframes hero-fade{from{opacity:0}to{opacity:1}}@keyframes rise-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.site-section{padding:var(--space) var(--margin) 0;max-width:calc(1200px + 2 * var(--margin));margin-inline:0}.site-section:last-child{padding-bottom:var(--space)}.section-label{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--fog);display:flex;align-items:center;gap:12px;margin-bottom:48px}.section-label::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--white);flex:0 0 6px}.teaser-detail{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:24px}.teaser-detail>h2{grid-column:span 8}.teaser-detail>.link{grid-column:10/-1;margin:8px 0}.book-teaser .teaser-cover{grid-column:span 3;max-width:240px}.teaser-cover img{width:100%;aspect-ratio:2/3;object-fit:cover}.book-teaser>div{grid-column:5/-1}.book-teaser h2{max-width:28ch;word-break:keep-all;line-break:strict}.youtube-teaser>div:first-child{grid-column:span 7}.youtube-teaser>div:last-child{grid-column:9/-1}.page-heading{padding:200px var(--margin) 0}.page-heading p{margin-top:24px;max-width:60ch}.first-section{padding-top:96px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:96px 24px}.project-tile{display:grid;place-items:center;aspect-ratio:1;background:var(--charcoal);transition:background .2s}.project-tile:hover{background:#1B1B1B}.project-tile img{width:55%;height:25%;object-fit:contain;opacity:.85;transition:opacity .2s}.project-tile:hover img{opacity:1}.project-kind,.book-detail{font-size:12px;color:var(--fog);letter-spacing:.03em}.project-kind{margin-top:16px;margin-bottom:8px}.project h2{font-size:24px}.project>p:not(.project-kind){font-size:15px;line-height:1.7;margin-top:8px}.books-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:80px 24px}.publication-cover{display:block;aspect-ratio:2/3;background:var(--charcoal);overflow:hidden}.publication-cover img{width:100%;height:100%;object-fit:cover}.publication h2{font-size:17px;font-weight:400;line-height:1.55;margin-top:16px;word-break:keep-all;line-break:strict}.book-detail{margin-top:8px}.publication-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:16px}.publication-links .link{font-size:15px;margin:0;white-space:normal}.guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.companion-section .teaser-detail{display:block}.companion-section h2{margin-bottom:12px}.companion-section p:not(.section-label){font-size:15px}.video-lite{display:block;position:relative;width:100%;aspect-ratio:16/9;background:var(--charcoal);border:0;padding:0;overflow:hidden;color:var(--white)}.video-lite>img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.video-lite:hover>img{filter:none}.play-word{position:absolute;left:24px;bottom:24px;font-size:15px;color:var(--white);text-shadow:0 0 15px var(--black)}.video-caption{font-size:15px;margin-top:16px}.video-lite iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.featured-video{max-width:1100px}.videos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 24px;margin:96px 0}.about-layout{padding:200px var(--margin) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;max-width:calc(1200px + 2 * var(--margin))}.about-photo{grid-column:span 5;align-self:start}.about-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 23%;filter:grayscale(1)}.about-text{grid-column:7/-1;min-width:0}.about-text h1{margin-bottom:48px}.about-text>p{margin-bottom:24px;overflow-wrap:anywhere}.about-text .credentials{font-size:12px;color:var(--fog);line-height:1.7;margin-top:40px}.about-contact{max-width:800px}.contact-form{display:grid;gap:32px;max-width:600px}.contact-form label{display:block;font-size:15px;color:var(--fog)}.contact-form input,.contact-form textarea{display:block;width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--fog);border-radius:0;background:transparent;color:var(--white);font-size:17px;resize:vertical;outline-offset:6px}.contact-form button{justify-self:start;border:0;background:transparent;color:var(--white);padding:12px 0;font-size:15px}.honeypot{position:absolute;left:-9999px}.footer{border-top:1px solid var(--line);padding:40px var(--margin) 48px;font-size:12px;color:var(--fog)}.footer-main{display:flex;justify-content:space-between;gap:32px;align-items:flex-start}.footer-links{display:flex;gap:8px 16px;flex-wrap:wrap;justify-content:flex-end}.footer a{position:relative}.footer-disclaimer{font-size:12px;margin-top:32px}.footer small{white-space:nowrap}.lang-ar .hero-quote{direction:ltr;text-align:left;inset-inline-start:auto;left:var(--margin)}.lang-ar .hero-scroll{direction:ltr}.lang-ja .publication h2{font-family:'Noto Sans JP',sans-serif}@media(max-width:1024px){.topbar{gap:24px}.primary-nav{gap:20px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.books-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{padding-top:160px}.teaser-detail>h2{grid-column:span 8}}
@media(max-width:768px){:root{--space:96px}.topbar{height:72px}.primary-nav{position:fixed;inset:0;background:var(--black);display:none;flex-direction:column;align-items:flex-start;justify-content:center;gap:24px;padding:var(--margin);z-index:112}.primary-nav.open{display:flex}.primary-nav a{font-size:40px;font-weight:300;line-height:1.25;white-space:normal}.menu-toggle{display:block;position:relative;z-index:114;margin-inline-start:auto}.languages{position:relative;z-index:113}.topbar{gap:16px}.site-header:has(.primary-nav.open){background:var(--black);border-color:transparent}.teaser-detail{grid-template-columns:repeat(4,minmax(0,1fr))}.teaser-detail>h2,.teaser-detail>.link,.book-teaser>div,.youtube-teaser>div:first-child,.youtube-teaser>div:last-child{grid-column:1/-1}.book-teaser .teaser-cover{grid-column:1/3}.teaser-detail>.link{margin-top:0}.project-grid{gap:64px 24px}.guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-layout{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:128px}.about-photo{grid-column:1/3}.about-text{grid-column:1/-1}.about-text h1{margin:32px 0}.footer-main{flex-wrap:wrap}.footer-links{justify-content:flex-start}.page-heading{padding-top:136px}}
@media(max-width:600px){body{font-size:16px}h1{font-size:28px}h2{font-size:20px}.quote-line{font-size:18px}.hero-quote{max-width:min(85vw,520px);bottom:12vh}.hero-media img{object-position:76% 45%}.hero-scroll{bottom:4vh}.project-grid,.guides-grid{grid-template-columns:1fr}.books-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 16px}.publication-links{gap:12px}.publication-links .link{font-size:15px}.publication h2{font-size:17px}.project h2{font-size:20px}.project-grid{gap:80px}.video-section{padding-top:64px}.videos-grid{grid-template-columns:1fr;gap:48px}.about-photo{grid-column:1/-1}.languages{gap:4px;font-size:12px}.topbar{gap:8px}.brand{font-size:15px}.footer{padding-bottom:56px}}
@media(max-width:390px){.languages{gap:3px;font-size:12px}.topbar{padding-inline:24px}.brand{max-width:170px}.hero-quote{max-width:85vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Home: one consistent editorial layout for Books and YouTube. */
.home-feature{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start;column-gap:clamp(32px,6vw,96px);row-gap:24px;max-width:980px}
.home-feature-media{display:block;min-width:0;max-width:320px}
.home-feature-book{max-width:240px}
.home-feature-book img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
.home-feature-video{width:320px;max-width:100%}
.home-feature-video .video-lite{width:100%;aspect-ratio:16/9}
.home-feature-video .video-caption{margin-top:12px}
.home-feature-copy{min-width:0;padding-top:0;grid-column:2}
.home-feature-copy h2{font-size:24px;font-weight:300;line-height:1.45;max-width:30ch;word-break:keep-all;line-break:strict}
.home-feature-copy p{font-size:17px;line-height:1.7;margin-top:16px;max-width:52ch;color:var(--fog)}
.home-feature-copy .link{margin-top:20px}
.home-feature-no-video{grid-template-columns:minmax(0,320px) minmax(0,1fr)}
.home-feature-no-video .home-feature-copy{grid-column:1/-1}
@media(max-width:700px){.home-feature,.home-feature-no-video{grid-template-columns:minmax(0,1fr);row-gap:24px}.home-feature-copy{grid-column:1/-1}.home-feature-book{max-width:220px}.home-feature-video{max-width:100%;width:min(100%,420px)}.home-feature-copy h2{font-size:20px}.home-feature-copy p{font-size:16px}}