@charset "UTF-8";
.footer-name{text-align:center}
:root{--cream:#e5dfd0;--paper:#f5f2eb;--ink:#252322;--muted:#655f56;--accent:#754331;--line:#c9c1b1;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Assistant",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.wrap{width:min(var(--max),calc(100% - 104px));margin-inline:auto}.section{padding-block:112px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:600;line-height:1.7;margin:0 0 25px;direction:ltr;text-align:right}.site-header{height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 52px;direction:ltr;background:var(--cream);border-bottom:1px solid var(--line)}.brand{width:115px;display:block}.brand img{width:115px;height:72px;object-fit:contain;mix-blend-mode:multiply}nav{display:flex;align-items:center;gap:35px;direction:rtl;font-size:14px}nav>a{padding-block:12px}nav>a:hover{color:var(--accent)}.nav-contact{display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--ink)}.menu-toggle{display:none}.hero{min-height:680px;display:grid;grid-template-columns:1.04fr 1fr;gap:50px;align-items:center;padding-block:75px 95px}.hero-copy{padding-block:15px}.hero .eyebrow{font-size:9px;letter-spacing:1.75px}.dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:10px}.hero h1{font-size:clamp(45px,4.8vw,72px);font-weight:500;letter-spacing:-3.6px;line-height:1.14;margin:0 0 32px}.accent{color:var(--accent);position:relative}.accent:after{content:"";position:absolute;border-bottom:1px solid var(--accent);border-radius:50%;height:10px;bottom:-7px;left:0;right:0;transform:rotate(-3deg)}.intro{font-size:19px;line-height:1.8;color:var(--muted);margin:0 0 34px}.hero-actions{display:flex;align-items:center;gap:32px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;padding:18px 25px;font-size:14px;border:1px solid transparent;min-height:54px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:22px;line-height:1}.dark{background:var(--ink);color:var(--paper)}.dark:hover{background:var(--accent)}.light{background:var(--cream);color:var(--ink)}.outline{border-color:var(--ink);background:transparent}.outline:hover{background:var(--cream)}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid currentColor;padding-bottom:6px}.text-link:hover{color:var(--accent)}.hero-footnote{margin:40px 0 0;font-size:11px;letter-spacing:.6px;color:var(--muted)}.hero-art{height:455px;position:relative;direction:ltr;margin:0 20px}.art-outline{position:absolute;inset:30px 25px 15px 25px;border:1px solid #bdb39f;border-radius:50% 50% 0 0;transform:rotate(5deg)}.art-photo{margin:0;position:absolute;box-shadow:0 15px 25px #29231b1a;background:var(--cream);padding:8px}.art-photo img{height:100%;width:100%;object-fit:cover}.art-photo figcaption{position:absolute;bottom:20px;left:20px;font-size:8px;letter-spacing:1.5px;background:var(--paper);padding:8px 10px}.art-left{width:49%;height:335px;left:0;top:25px;transform:rotate(-9deg)}.art-main{width:51%;height:385px;right:3%;top:38px;transform:rotate(7deg)}.art-note{position:absolute;z-index:2;right:-6px;top:5px;display:flex;gap:10px;align-items:center;direction:rtl;background:var(--cream);padding:13px 18px;transform:rotate(3deg);border:1px solid #c6bda9}.art-note>span{font-size:42px;font-family:"Assistant",Arial,sans-serif;color:var(--accent)}.art-note p{margin:0;font-size:13px;line-height:1.4}.art-caption{position:absolute;bottom:-22px;left:0;font-family:"Assistant",Arial,sans-serif;font-size:11px;letter-spacing:2.3px}.ribbon{overflow:hidden;border-block:1px solid var(--line);background:var(--cream);padding:23px 0}.ribbon div{display:flex;align-items:center;justify-content:center;gap:40px;white-space:nowrap;direction:ltr;font-size:12px;letter-spacing:3px}.ribbon span{color:var(--accent);font-size:23px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:48px}h2{font-size:clamp(34px,3.8vw,54px);font-weight:400;letter-spacing:-1.5px;line-height:1.13;margin:0}.serif{color:var(--accent)}.section-note{font-size:15px;line-height:1.8;color:var(--muted);max-width:270px;margin:0 0 4px}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding:25px 0 30px}.filter{border:1px solid var(--line);border-radius:50px;background:transparent;padding:10px 19px;font-size:12px;transition:all .2s}.filter:hover,.filter.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px;direction:rtl}.project-card{min-width:0}.project-card[hidden]{display:none}.project-open{display:block;text-align:right;width:100%;border:0;padding:0;background:transparent}.project-frame{position:relative;overflow:hidden;background:var(--cream);aspect-ratio:3/4}.project-frame img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.3,1)}.project-card.canva .project-frame img{object-fit:contain}.project-open:hover img{transform:scale(1.045)}.project-badge{position:absolute;left:15px;top:15px;direction:ltr;font-size:8px;letter-spacing:1.4px;background:var(--paper);padding:8px 10px}.project-circle{position:absolute;left:16px;bottom:16px;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;color:var(--paper);background:#252322c9;font-size:21px;transition:background .2s}.project-open:hover .project-circle{background:var(--accent)}.project-info{padding-top:15px;display:flex;justify-content:space-between;gap:10px}.project-info h3{font-size:16px;font-weight:500;margin:0 0 7px;line-height:1.35}.project-info p{font-size:11px;color:var(--muted);margin:0}.project-index{font-size:9px;color:var(--muted);direction:ltr;margin-top:4px}.work-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:50px;padding-top:25px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.about{background:var(--cream);border-block:1px solid var(--line)}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-statement h2{font-size:64px;line-height:1.12}.small-star{display:inline-block;color:var(--accent);font-size:48px;margin-right:14px;font-family:"Assistant",Arial,sans-serif}.english-name{font-family:"Assistant",Arial,sans-serif;font-style:italic;font-size:25px;text-align:right;margin:28px 0 0}.large-copy{font-size:27px;line-height:1.5;margin:0 0 25px}.about-copy>p:not(.large-copy){font-size:15px;line-height:1.85;color:var(--muted);max-width:490px}.about-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.about-tags span{font-size:10px;border:1px solid #aaa18d;border-radius:30px;padding:9px 13px}.service-list{border-top:1px solid var(--line)}.service-list article{display:flex;gap:32px;align-items:flex-start;padding:32px 0;border-bottom:1px solid var(--line)}.service-number{font-size:11px;margin-top:7px;direction:ltr;color:var(--accent)}.service-list h3{margin:0 0 11px;font-size:24px;font-weight:400}.service-list p{font-size:14px;line-height:1.6;color:var(--muted);margin:0;max-width:510px}.service-label{font-size:9px;letter-spacing:1.3px;margin-right:auto;padding-top:9px;white-space:nowrap}.instagram-section{padding:15px 0 100px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px;align-items:center}.instagram-section h2{font-family:"Assistant",Arial,sans-serif;font-size:52px;text-align:right;line-height:1.1;letter-spacing:-1px}.instagram-section h2 em{color:var(--accent);font-weight:400}.instagram-section p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin:25px 0}.feed-image{position:relative;display:block;transform:rotate(3deg);overflow:hidden}.feed-image img{aspect-ratio:3/4;object-fit:cover;width:100%}.feed-image.offset{transform:rotate(-4deg);margin-top:65px}.feed-image span{position:absolute;bottom:14px;right:14px;background:var(--paper);padding:8px 12px;font-size:10px}.contact{background:#493326;color:var(--cream);text-align:center;padding-block:95px}.contact .eyebrow{text-align:center;color:#cfc4b2}.contact h2{font-size:clamp(45px,5.5vw,76px);line-height:1.2;letter-spacing:-2px;margin-bottom:35px}.contact h2 span{color:#e1c7a7}.contact-handle{font-size:11px;letter-spacing:2px;margin:24px 0 0}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:32px;font-size:10px;color:var(--muted)}.footer-name{font-family:"Assistant",Arial,sans-serif;font-size:27px;color:var(--ink)}.footer-name span{display:block;font-family:"Assistant",Arial,sans-serif;font-size:6px;letter-spacing:1.7px;margin-top:4px}.skip{position:fixed;z-index:100;background:var(--ink);color:white;padding:15px;top:10px;right:10px;transform:translateY(-150%)}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{width:min(920px,calc(100% - 32px));max-height:90dvh;border:0;padding:0;background:var(--paper);color:var(--ink);overflow:auto}dialog::backdrop{background:#161412cc;backdrop-filter:blur(5px)}.project-layout{display:grid;grid-template-columns:1fr 1fr;direction:ltr}.project-visual{background:var(--cream);min-height:470px;display:flex;align-items:center;justify-content:center}.project-visual img{width:100%;max-height:75dvh;object-fit:contain}.project-copy{direction:rtl;padding:65px 36px 35px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.project-copy h2{font-size:35px}.project-copy>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.8}.project-copy .source-note{font-size:11px!important;margin-top:22px}.project-copy .button{margin-top:12px;font-size:12px;gap:16px}.close-modal{position:absolute;right:12px;top:12px;width:38px;height:38px;background:var(--paper);border:1px solid var(--line);border-radius:50%;font-size:26px;z-index:5;line-height:1}
@media(min-width:1450px){.hero{min-height:740px}.hero-art{height:500px}.art-left{height:370px}.art-main{height:415px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.site-header{padding-inline:32px}.hero{gap:30px;min-height:620px}.hero-art{margin:0;height:390px}.art-left{height:290px}.art-main{height:320px}.hero h1{font-size:53px;letter-spacing:-2.5px}.intro{font-size:17px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-actions{gap:22px}.hero-actions .text-link{font-size:11px}.art-note{right:-8px;top:0}.ribbon div{gap:25px;font-size:10px}.section{padding-block:80px}.about-layout{gap:45px}.about-statement h2{font-size:53px}.large-copy{font-size:24px}.service-label{font-size:8px}.instagram-section{gap:20px}.instagram-section h2{font-size:42px}.project-copy{padding-inline:26px}}
@media(max-width:760px){html{scroll-padding-top:30px}.wrap{width:calc(100% - 40px)}.site-header{height:80px;padding:0 20px}.brand{width:90px}.brand img{width:90px;height:60px}.menu-toggle{display:flex;flex-direction:column;gap:6px;border:0;background:transparent;padding:12px;z-index:20}.menu-toggle span{width:24px;height:1px;background:var(--ink)}nav{display:none;position:absolute;top:80px;right:0;left:0;background:var(--cream);padding:24px;z-index:15;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #25232210}nav.open{display:flex;align-items:stretch;flex-direction:column;gap:10px}.nav-contact{justify-content:space-between}.hero{grid-template-columns:1fr;padding-block:45px 48px;gap:25px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:22px}.hero h1{font-size:clamp(42px,10vw,66px);line-height:1.13;letter-spacing:-2.2px;margin-bottom:24px}.intro{font-size:17px;margin-bottom:25px}.hero-footnote{margin-top:25px}.hero-art{height:365px;max-width:395px;width:calc(100% - 12px);margin:0 auto}.art-left{height:280px;top:20px}.art-main{height:310px;top:28px}.art-note{padding:9px 12px;right:1%;top:2px}.art-note p{font-size:11px}.art-note>span{font-size:35px}.art-caption{bottom:-5px;font-size:9px;left:5px}.ribbon{padding:16px 0}.ribbon div{justify-content:flex-start;width:max-content;gap:24px;padding-inline:20px;font-size:9px;letter-spacing:2px}.ribbon span{font-size:18px}.section{padding-block:60px}.section-heading{align-items:flex-start;gap:25px;margin-bottom:28px}.section-heading h2{font-size:37px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:17px}.section-note{font-size:12px;max-width:145px;margin-top:34px}.filter-bar{gap:7px;padding-block:20px}.filter{padding:9px 13px;font-size:11px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 14px}.project-info h3{font-size:14px;margin-bottom:5px}.project-info p{font-size:10px}.project-index{display:none}.project-badge{font-size:6px;left:8px;top:8px;padding:6px;letter-spacing:1px}.project-circle{width:30px;height:30px;font-size:18px;bottom:10px;left:10px}.work-bottom{margin-top:30px;font-size:11px;align-items:flex-start;gap:15px}.work-bottom .text-link{font-size:11px;gap:9px}.about-layout{grid-template-columns:1fr;gap:35px}.about-statement h2{font-size:52px}.english-name{font-size:23px;margin-top:20px}.large-copy{font-size:24px}.about-copy>p:not(.large-copy){font-size:14px}.service-list article{gap:16px;padding-block:25px}.service-list h3{font-size:21px}.service-list p{font-size:13px}.service-label{display:none}.instagram-section{padding-block:10px 60px;grid-template-columns:1fr 1fr;gap:18px}.instagram-section>div{grid-column:1/-1;margin-bottom:7px}.instagram-section h2{font-size:48px}.instagram-section>div p:not(.eyebrow){margin:20px 0}.feed-image{margin:15px 5px 0}.feed-image.offset{margin-top:55px}.feed-image span{font-size:9px;right:8px;bottom:8px;padding:6px 8px}.contact{padding-block:65px}.contact h2{font-size:45px;letter-spacing:-1.5px}.contact .eyebrow{font-size:7px;letter-spacing:1.4px}footer{flex-wrap:wrap;gap:24px 18px;padding-block:25px}footer p{order:3;flex-basis:100%;margin:0}footer>a:last-child{margin-right:auto}.project-layout{grid-template-columns:1fr}.project-visual{min-height:0}.project-visual img{max-height:48dvh}.project-copy{padding:27px 24px}.project-copy h2{font-size:29px}.project-copy>p:not(.eyebrow){font-size:13px}.project-copy .source-note{margin-bottom:0}.close-modal{right:10px;top:10px}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* The original monochrome mark is composited onto the banner without a colored rectangle. */

@font-face{font-family:"Assistant";src:url("fonts/assistant-200.woff") format("woff");font-style:normal;font-weight:200;font-display:swap}
@font-face{font-family:"Assistant";src:url("fonts/assistant-300.woff") format("woff");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"Assistant";src:url("fonts/assistant-400.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Assistant";src:url("fonts/assistant-600.woff") format("woff");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Assistant";src:url("fonts/assistant-700.woff") format("woff");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Assistant";src:url("fonts/assistant-800.woff") format("woff");font-style:normal;font-weight:800;font-display:swap}
.feed-image{border:0;padding:0;background:transparent;text-align:right;font:inherit;cursor:pointer}
.project-media{min-width:0;background:var(--cream);display:flex;flex-direction:column;justify-content:center}
.project-visual{min-height:0;height:min(65dvh,650px);position:relative;background:var(--cream)}
.project-visual img,.project-visual video{display:block;width:100%;height:100%;object-fit:contain;max-height:none}
.project-visual [hidden]{display:none!important}.project-visual:fullscreen{height:100%;width:100%;background:#171615}
.media-controls{display:flex;direction:rtl;align-items:center;justify-content:center;gap:18px;padding:14px 16px;border-top:1px solid var(--line);min-height:60px}
.media-controls button{border:1px solid var(--line);background:transparent;border-radius:50%;min-width:34px;min-height:34px;font-size:18px}.media-controls button:hover{background:var(--paper)}.media-controls button:disabled{opacity:.3;cursor:default}
.media-controls span{font-size:11px;direction:ltr}.media-controls #expand-media{margin-right:auto}
.project-navigation{display:flex;gap:18px;flex-wrap:wrap;margin-block:20px}.project-navigation button{font-size:11px;border:0;background:transparent;padding:10px 0;border-bottom:1px solid var(--line)}.project-navigation button:hover{color:var(--accent)}
.project-copy .text-link{font-size:12px}.project-copy .source-note{font-size:11px;line-height:1.7}
@media(max-width:760px){.project-visual{height:48dvh}.project-copy{padding-top:22px}.project-navigation{margin-block:13px}.media-controls{min-height:52px;padding-block:8px}.project-copy .eyebrow{margin-bottom:12px}}

/* Rounded controls and self-hosted portfolio media. */
.button,.nav-contact{border-radius:999px}.nav-contact{border:1px solid var(--ink);padding:11px 22px}.project-frame{border-radius:30px}.project-open{border-radius:30px}.project-badge{border-radius:999px}.project-circle{width:54px;height:54px;font-size:21px}.project-circle.is-play{padding-left:3px}.feed-image{border-radius:32px}.feed-image span{border-radius:999px}.art-note{border-radius:24px}.art-photo{border-radius:24px}.art-photo img{border-radius:17px}.art-photo figcaption{border-radius:999px}dialog{border-radius:28px}.project-visual{overflow:hidden}.media-controls button[hidden]{display:none}.contact-options{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.contact-email{display:inline-block;direction:ltr;margin:24px 0 0;font-size:19px;border-bottom:1px solid #c7a48b;padding-bottom:5px}.contact .outline{color:var(--cream);border-color:#b1a99c}.contact .outline:hover{color:var(--ink)}.footer-instagram{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;padding:10px 16px}.footer-instagram:hover{background:var(--cream)}.video-error{font-size:12px;color:var(--accent);margin-top:12px}.project-visual video:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
@media(max-width:760px){.project-frame,.project-open{border-radius:24px}.project-circle{width:42px;height:42px;font-size:17px}.feed-image{border-radius:24px}dialog{border-radius:24px}.contact-email{font-size:18px}footer .footer-instagram{margin-right:auto}.nav-contact{padding:12px 18px}}

/* Responsive transparent wordmark, with the descriptor beside GALIT. */
.brand{display:inline-flex;align-items:center;gap:18px;width:auto;max-width:100%;direction:ltr;background:transparent;flex-shrink:0;isolation:auto}.brand img{width:110px;height:58px;object-fit:contain;mix-blend-mode:normal;filter:none;background:transparent}.brand .brand-tagline{display:block;border-left:1px solid var(--line);padding-left:18px;text-align:left;white-space:nowrap;font:500 10px/1.4 "Assistant",sans-serif;letter-spacing:1.5px;color:var(--ink)}.brand-footer img{width:88px;height:47px}.brand-footer .brand-tagline{font-size:8px;letter-spacing:1.5px;gap:3px;padding-left:14px}.brand-footer{gap:14px}.ribbon .ribbon-separator{width:4px;height:4px;border-radius:50%;background:var(--accent);flex:none}.art-note{padding:17px 22px}.art-note p{line-height:1.5}.project-circle.is-play{padding:0}.project-circle.is-play::after{content:"";width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid currentColor;margin-left:3px}.chevron{display:inline-block;width:8px;height:8px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor}.chevron-previous{transform:rotate(45deg);margin-left:-3px}.chevron-next{transform:rotate(-135deg);margin-right:-3px}.media-controls button{display:grid;place-items:center}.button{justify-content:center;gap:0}.project-badge,.project-circle{z-index:3}.feed-image>span{z-index:3}.hover-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:1}.is-previewing>.hover-preview{opacity:1}.is-previewing .project-circle{background:#252322b8}.project-frame .hover-preview{border-radius:inherit}
@media(max-width:760px){.brand{gap:10px}.brand img{width:86px;height:46px}.brand .brand-tagline{font-size:9px;letter-spacing:1px;padding-left:10px}.brand-footer img{width:78px;height:42px}.brand-footer .brand-tagline{font-size:8px;letter-spacing:1px}.site-header{gap:16px}.art-note{padding:12px 16px}}
@media(hover:none),(pointer:coarse){.hover-preview{display:none}}

/* An editorial portrait and a warm tonal journey through the page. */
body{background:var(--page-tone,var(--paper))}
body.scroll-tones .about{background:transparent}
.about{background:var(--paper);border-block:1px solid #b9ab963d}
.about-layout{grid-template-columns:1.05fr .95fr;grid-template-areas:"intro portrait" "story portrait";gap:26px 76px;align-items:start}
.about-intro{grid-area:intro}.about-intro h2{font-size:clamp(44px,4.2vw,62px);line-height:1.12}.about-lead{font-size:23px;line-height:1.55;margin:24px 0 0;color:var(--accent)}
.about-copy{grid-area:story;max-width:560px}.about-copy>p:not(.large-copy){font-size:17px;line-height:1.95;margin:0 0 20px;max-width:none;color:#50483f}.about-copy .about-closing{color:var(--ink)!important;font-weight:400}
.about-portrait{grid-area:portrait;margin:56px 0 0;max-width:460px;width:100%;justify-self:end}
.portrait-frame{aspect-ratio:4/5;position:relative;overflow:hidden;border-radius:0;background:transparent;border:0;box-shadow:none}
.portrait-frame img{width:100%;height:100%;object-fit:contain;object-position:center}
.about-portrait figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 4px;font-size:11px;color:#655344;line-height:1.6}.about-portrait figcaption [dir=ltr]{font-size:8px;letter-spacing:1.8px}
.about-signoff{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px}.about-signoff .english-name{margin:0;font-size:27px}.about-signoff .text-link{font-size:13px}
.about-tags{margin-top:24px}.about-tags span{border-color:#a8977f}.ribbon{background:#e5dfd0a6}
@media(max-width:1050px){.about-layout{gap:25px 42px}.about-copy>p:not(.large-copy){font-size:16px}.about-portrait{margin-top:65px}.about-portrait figcaption{flex-wrap:wrap}.about-lead{font-size:21px}}
@media(max-width:760px){.about-layout{grid-template-columns:1fr;grid-template-areas:"intro" "portrait" "story";gap:28px}.about-intro h2{font-size:48px}.about-lead{font-size:20px;margin-top:20px}.about-portrait{margin:0;max-width:340px;justify-self:center}.portrait-frame{border-radius:0}.about-portrait figcaption{padding-block:14px;font-size:10px}.about-copy{max-width:none}.about-copy>p:not(.large-copy){font-size:16px;line-height:1.95;margin-bottom:18px}.about-signoff{margin-top:24px}.about-signoff .english-name{font-size:25px}}

/* Whole-page color changes, with readable text at every scroll position. */
body.scroll-tones{color:var(--scene-ink,var(--ink))}
.scroll-tones .site-header,.scroll-tones footer{color:var(--ink)}
.scroll-tones .hero .intro,.scroll-tones .hero-footnote,.scroll-tones .section-note,.scroll-tones .project-info p,.scroll-tones .project-index,.scroll-tones .work-bottom,.scroll-tones .service-list p,.scroll-tones .instagram-section p:not(.eyebrow){color:var(--scene-muted)}
.scroll-tones .hero .accent,.scroll-tones .serif,.scroll-tones .service-number,.scroll-tones .instagram-section h2 em,.scroll-tones .about-lead{color:var(--scene-accent)}
.scroll-tones .hero .accent:after{border-color:var(--scene-accent)}
.scroll-tones .project-open{color:var(--scene-ink)}
.scroll-tones .filter{color:var(--scene-ink);border-color:var(--scene-line)}
.scroll-tones .filter:hover,.scroll-tones .filter.active{background:var(--scene-ink);color:var(--page-tone);border-color:var(--scene-ink)}
.scroll-tones .filter-bar,.scroll-tones .work-bottom,.scroll-tones .service-list,.scroll-tones .service-list article{border-color:var(--scene-line)}
.scroll-tones .about{border-color:var(--scene-line)}
.scroll-tones .about-copy>p:not(.large-copy),.scroll-tones .about-portrait figcaption{color:var(--scene-muted)}
.scroll-tones .about-copy .about-closing{color:var(--scene-ink)!important}
.scroll-tones .about-tags span{border-color:var(--scene-line)}
.scroll-tones .hero .button.dark{background:var(--scene-ink);color:var(--page-tone)}
.scroll-tones .instagram-section .button.outline{color:var(--scene-ink);border-color:var(--scene-ink)}
.scroll-tones .instagram-section .button.outline:hover{background:var(--scene-ink);color:var(--page-tone)}
.scroll-tones .ribbon,.scroll-tones .art-note,.scroll-tones .art-photo figcaption,.scroll-tones .project-badge,.scroll-tones .feed-image>span{color:var(--ink)}
.scroll-tones .ribbon{background:var(--cream)}
.scroll-tones main>.hero :focus-visible,.scroll-tones .work :focus-visible,.scroll-tones .about :focus-visible,.scroll-tones .services :focus-visible,.scroll-tones .instagram-section :focus-visible{outline-color:var(--scene-accent)}

.scroll-tones .hero .text-link:hover,.scroll-tones .work .text-link:hover,.scroll-tones .about .text-link:hover{color:var(--scene-accent)}

/* Gentle entrance and scroll motion, preserving the original tilted frames. */
.art-left{--frame-angle:-9deg}
.art-main{--frame-angle:7deg}
@media(prefers-reduced-motion:no-preference){
.hero-art.is-entrance-pending .art-photo{opacity:0;transform:translate3d(0,32px,0) rotate(var(--frame-angle))}
.hero-art.is-entrance-visible .art-left{animation:hero-frame-in 1.35s cubic-bezier(.2,.65,.3,1) .12s both}
.hero-art.is-entrance-visible .art-main{animation:hero-frame-in 1.45s cubic-bezier(.2,.65,.3,1) .38s both}
}
@keyframes hero-frame-in{from{opacity:0;transform:translate3d(0,32px,0) rotate(var(--frame-angle))}to{opacity:1;transform:translate3d(0,0,0) rotate(var(--frame-angle))}}
.scroll-reveal{opacity:0;transform:translate3d(0,22px,0);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.3,1)}
.scroll-reveal.is-revealed,.scroll-reveal:focus-within{opacity:1;transform:translate3d(0,0,0)}
@media(prefers-reduced-motion:reduce){.art-left,.art-main{animation:none}.scroll-reveal{opacity:1;transform:none;transition:none}.hero-art{transform:none!important}}

/* Keep the complete services ribbon visible and the mobile header clean. */
.ribbon .ribbon-word{font:inherit;color:inherit;white-space:nowrap}
@media(max-width:760px){
  .site-header{border-bottom:0}
  .ribbon div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:14px 12px;padding-inline:20px;white-space:normal;justify-content:normal;text-align:center;font-size:9px;letter-spacing:1.4px}
  .ribbon .ribbon-separator{display:none}
}

/* Keep the exit visible and project navigation directly below the player. */
#project-dialog [hidden]{display:none!important}
.project-toolbar{position:sticky;top:0;z-index:10;display:flex;direction:rtl;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:9px 16px;background:var(--paper);border-bottom:1px solid var(--line)}
.project-toolbar>span{font-size:14px;color:var(--muted)}
.close-modal{position:static;width:auto;height:auto;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:8px 18px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:16px;border-color:var(--ink)}
.close-modal span,#exit-fullscreen span{font-size:25px;line-height:1}
.project-media{justify-content:flex-start}
.project-copy{padding-top:36px}
.media-controls{flex:none;gap:12px;padding:8px 16px;min-height:60px}
.media-controls button{min-width:44px;min-height:44px}
.media-controls #expand-media{margin-right:auto;padding:8px 20px;border-radius:999px;font-size:15px}
.media-controls #media-count{font-size:14px}
.project-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));direction:rtl;gap:10px;margin:0;padding:0 16px 16px;flex:none}
.project-navigation button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:12px 10px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--paper);font-size:15px;font-weight:600;line-height:1.3}
.project-navigation button:hover,.close-modal:hover{background:var(--accent);border-color:var(--accent);color:var(--paper)}
.project-navigation button:disabled{opacity:.45;cursor:default}
.project-navigation .chevron{flex:none}
.project-media>.video-error{direction:rtl;margin:0;padding:0 16px 16px}
#project-video::-webkit-media-controls-fullscreen-button{display:none}
.expanded-toolbar{display:flex;justify-content:flex-start;direction:rtl;flex:none;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));background:var(--paper);border-bottom:1px solid var(--line)}
#exit-fullscreen{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:10px 22px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--paper);font-size:16px;font-weight:600}
#exit-fullscreen:hover{background:var(--accent);border-color:var(--accent)}
#project-dialog.is-expanded{position:fixed;inset:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;border-radius:0;overflow:hidden}
#project-dialog.is-expanded>.project-toolbar,#project-dialog.is-expanded .project-copy{display:none}
#project-dialog.is-expanded .project-layout{display:block;height:100%}
#project-dialog.is-expanded .project-media,.project-media:fullscreen{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:var(--paper);padding-inline:env(safe-area-inset-left) env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}
#project-dialog.is-expanded .project-visual,.project-media:fullscreen .project-visual{flex:1;min-height:0;height:auto;background:#241c17}
#project-dialog.is-expanded .project-visual img,.project-media:fullscreen .project-visual img{max-height:none}
#project-dialog.is-expanded .media-controls,.project-media:fullscreen .media-controls{width:100%;max-width:720px;align-self:center;padding-block:6px;min-height:0;border-top:0}
#project-dialog.is-expanded .project-navigation,.project-media:fullscreen .project-navigation{width:100%;max-width:720px;align-self:center;padding-top:4px}
#project-dialog.is-expanded .project-visual video,.project-media:fullscreen .project-visual video{position:absolute;inset:0}
@media(max-width:760px){
  .project-copy{padding-top:24px}
  .project-toolbar{padding-inline:12px;min-height:60px}
  .media-controls{padding-inline:12px}
  .project-navigation{gap:8px;padding-inline:12px}
  .project-navigation button{font-size:14px;gap:9px}
}

/* Keep the banner available without covering section-link destinations. */
html{--header-height:105px;scroll-padding-top:calc(var(--header-height) + 16px)}
.site-header{position:sticky;top:0;z-index:40;height:var(--header-height)}
.skip{z-index:50}
@media(max-width:760px){
  html{--header-height:80px}
  .site-header nav{top:100%;max-height:calc(100dvh - var(--header-height));overflow-y:auto}
}