/* Shared navigation and video infrastructure; three independent visual systems. */
.design-switch{position:sticky;top:0;z-index:20;background:#f2f0e9;color:#24241f;border-bottom:1px solid #24241f30;display:flex;align-items:center;justify-content:center;gap:25px;min-height:48px;padding:8px 20px;font:10px Arial,sans-serif;letter-spacing:.8px}.design-switch nav{display:flex;gap:7px;align-items:center}.design-switch nav a{padding:8px 12px;border-radius:3px;white-space:nowrap}.design-switch a[aria-current=page]{background:#24241f;color:#fff}.switch-label{color:#74746c;font-size:9px}.vheader{margin:0 5%;display:flex;align-items:center;height:105px;border-bottom:1px solid var(--line);gap:70px}.vwordmark{font-size:25px;font-weight:700;letter-spacing:-1.5px}.vwordmark span{font-weight:400}.vheader nav{display:flex;gap:30px;font-size:12px}.vheader sup{font-size:8px}.vheader-note{font-size:9px;margin-left:auto;letter-spacing:1.3px;color:var(--muted)}.vhero h1{margin:0}.vhero p{line-height:1.7}.design-editorial,.design-cinema,.design-graphic{max-width:none}.vhero button{border:0}.design-editorial .work,.design-cinema .work,.design-graphic .work{padding-left:5%;padding-right:5%}.design-editorial .approach,.design-cinema .approach,.design-graphic .approach{margin-left:5%;margin-right:5%}
/* 01 — Editorial: warm paper, serif typography, large editorial images. */
.design-editorial{--bg:#f0eee7;--white:#25271f;--muted:#707269;--panel:#e5e3da;--line:#c7c9ba;--acid:#566a34;background:var(--bg);color:var(--white)}.design-editorial .design-switch{background:#e5e3d9}.design-editorial .vwordmark{font-family:Georgia,serif;font-weight:400;font-size:31px}.editorial-hero{padding:32px 5% 0}.editorial-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px}.editorial-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:5%;align-items:end;margin:45px 0}.editorial-heading h1{font-family:Georgia,serif;font-size:clamp(65px,7.4vw,115px);font-weight:400;line-height:.96;letter-spacing:-5px}.editorial-heading h1 em{color:#697a4c}.editorial-heading>div{padding-left:20%;padding-bottom:8px}.editorial-heading p{font-size:15px;color:var(--muted);margin:0 0 26px}.text-link{font-size:11px;border-bottom:1px solid #6b7758;padding-bottom:8px}.editorial-film{display:grid;grid-template-columns:1.8fr 1fr;gap:4%;border-top:1px solid var(--line);padding-top:25px}.editorial-film>button{position:relative;height:410px;width:100%;background:#d7d8cb;overflow:hidden}.editorial-film img{height:100%;width:100%;object-fit:cover;object-position:center 35%;filter:saturate(.75)}.editorial-play{position:absolute;left:25px;bottom:25px;display:flex;align-items:center;gap:14px;width:50px;height:50px;justify-content:center;border-radius:50%;background:#f0eee7;color:#25271f}.editorial-play span{position:absolute;left:65px;white-space:nowrap;color:white;font-size:10px;letter-spacing:1px;text-shadow:0 1px 5px #000}.editorial-caption{display:flex;flex-direction:column;padding:20px 0}.editorial-caption>span:first-child{font-size:10px;letter-spacing:1px}.editorial-caption>p{font-family:Georgia,serif;font-size:27px;line-height:1.35;margin-top:35px}.caption-number{margin-top:auto;font-family:Georgia,serif;font-size:80px;display:flex;align-items:center;gap:20px;letter-spacing:-4px}.caption-number span{font:10px/1.7 Arial,sans-serif;letter-spacing:.6px;color:var(--muted)}.design-editorial .work{padding-top:85px}.design-editorial .section-top h2{font-family:Georgia,serif;font-size:65px}.design-editorial .section-top h2:before{content:'Selected ';font-style:italic;font-size:34px;color:#76825f}.design-editorial .grid{grid-template-columns:1.25fr 1fr;gap:55px 40px;align-items:start}.design-editorial .card:nth-child(even){padding-top:90px}.design-editorial .thumb{background:#dadccf;border:0;border-radius:0;aspect-ratio:1.35}.design-editorial .card:nth-child(even) .thumb{aspect-ratio:1.05}.design-editorial .thumb .blur{filter:blur(28px) brightness(.6) saturate(.5)}.design-editorial .card h3{font-family:Georgia,serif;font-size:28px}.design-editorial .badge{background:#f0eee7e8;color:#30352a;border:0}.design-editorial .filters button{color:#656b59}.design-editorial .filters button.active{background:#566a34;color:#fff}.design-editorial .search input{color:#25271f;border-color:var(--line)}.design-editorial .approach h2{font-family:Georgia,serif}.design-editorial .skills>div{border-color:var(--line)}.design-editorial dialog{--white:#f1f0e8;--muted:#a8aa9e;--line:#43473a;--acid:#c0d898}.design-editorial #variants button.active{color:#c0d898;border-color:#c0d898}
/* 02 — Cinema: full-bleed motion, condensed scale, wide screening-room rows. */
.design-cinema{--bg:#090a0c;--white:#eceef3;--muted:#8e94a1;--line:#2b2e36;--acid:#f07b4e;background:var(--bg)}.design-cinema .design-switch{background:#181a1e;color:#dfe1e7;border-color:#2a2e36}.design-cinema .design-switch a[aria-current=page]{background:#ef7a4e;color:#101114}.design-cinema .switch-label{color:#7b8290}.design-cinema .vheader{height:90px;border:0;margin:0 5%}.design-cinema .vwordmark{font-weight:400;letter-spacing:2px;text-transform:uppercase;font-size:20px}.design-cinema .vheader-note{color:#848a96}.cinema-hero{height:620px;position:relative;overflow:hidden;background:#171c15}.cinema-hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;opacity:.65;filter:saturate(.6)}.cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090a0cf5 0%,#090a0c99 45%,#090a0c11 100%),linear-gradient(0deg,#090a0c 0%,transparent 40%)}.cinema-top,.cinema-bottom{position:absolute;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.cinema-top{top:25px;color:#c1c7cf}.cinema-copy{position:absolute;left:5%;top:105px}.cinema-kicker{font-size:9px;letter-spacing:2px;color:#b8bec9}.cinema-copy h1{font-size:clamp(65px,7.5vw,112px);line-height:1;letter-spacing:-5px;font-weight:500;margin:25px 0 30px}.cinema-copy h1 em{color:#f2f0e9}.cinema-actions{display:flex;align-items:center;gap:35px}.cinema-actions button{background:#f07b4e;color:#0b0c0f;border-radius:40px;padding:19px 25px;display:flex;gap:14px;align-items:center;font-size:12px}.cinema-actions a{font-size:11px;color:#cbd0d9}.cinema-bottom{bottom:28px;color:#878e9b;align-items:end}.cinema-bottom b{font-weight:400;display:block;font-size:19px;letter-spacing:0;color:#fff;margin-top:12px}.cinema-intro{display:flex;justify-content:space-between;align-items:center;padding:30px 5%;border-bottom:1px solid var(--line)}.cinema-intro>span{font-size:10px;letter-spacing:2px}.cinema-intro p{font-size:13px;color:var(--muted);line-height:1.7}.design-cinema .work{padding-top:65px}.design-cinema .section-top h2{font-size:58px;letter-spacing:-2px}.design-cinema .toolbar{border:0;border-bottom:1px solid var(--line)}.design-cinema .filters button{border-radius:20px}.design-cinema .filters button.active{background:#ef7a4e;color:#141414}.design-cinema .grid{grid-template-columns:1fr;gap:0}.design-cinema .card{display:grid;grid-template-columns:1.5fr 1fr;gap:6%;padding:35px 0;border-bottom:1px solid var(--line)}.design-cinema .thumb{aspect-ratio:1.95;border:0;border-radius:0}.design-cinema .card-info{flex-direction:row;align-items:center;margin:0;padding-right:20px}.design-cinema .card h3{font-size:34px;font-weight:400;letter-spacing:-1px;line-height:1.1}.design-cinema .card p{font-size:12px;line-height:1.8;max-width:200px;margin-top:20px}.design-cinema .card-info>span{font-size:30px;font-weight:200;color:#f07b4e}.design-cinema .badge{border:0;background:#101217aa}.design-cinema .thumb .play b{background:#f07b4e;color:#111;border-color:#f07b4e}.design-cinema .approach{margin-top:45px;border-top:0}.design-cinema .approach h2 em{color:#f07b4e}.design-cinema .skills span{color:#f07b4e}.design-cinema dialog{background:#101216;border-color:#393e48}.design-cinema #variants button.active{border-color:#f07b4e;color:#f07b4e}
/* 03 — Graphic: poster typography, purple/yellow contrast, modular sticker-like cards. */
.design-graphic{--bg:#ece9e2;--white:#231b34;--muted:#6f6578;--line:#b9b2c4;--acid:#6844bf;background:var(--bg)}.design-graphic .design-switch{background:#302144;color:#f0e8ff;border-color:#53416b}.design-graphic .switch-label{color:#a998bc}.design-graphic .design-switch a[aria-current=page]{background:#f1fb70;color:#2e2040}.design-graphic .vheader{border:0;height:95px}.design-graphic .vwordmark{font-size:29px;font-weight:900;letter-spacing:-2px}.design-graphic .vheader-note{color:#756888}.graphic-hero{margin:0 5%;display:grid;grid-template-columns:1.15fr 1fr;min-height:530px;border:2px solid #30203f}.graphic-title{padding:30px;background:#f1fb70;border-right:2px solid #30203f;display:flex;flex-direction:column;justify-content:space-between}.graphic-eyebrow{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px}.graphic-eyebrow span:last-child{font-size:40px;line-height:1}.graphic-title h1{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:clamp(65px,7.5vw,118px);line-height:.86;letter-spacing:-8px;margin:35px 0}.graphic-title h1 em{font-family:inherit;font-style:normal;-webkit-text-stroke:2px #30203f;color:transparent;font-weight:900}.graphic-copy{display:flex;justify-content:space-between;align-items:end}.graphic-copy p{font-size:13px;line-height:1.6;margin:0}.graphic-copy a{font-size:70px;line-height:.8;font-weight:400}.graphic-art{position:relative;background:#8063bf;overflow:hidden;min-height:530px}.graphic-art:before{content:'✳';position:absolute;font-size:600px;line-height:1;left:-85px;top:-50px;color:#a58cd4;opacity:.65;transform:rotate(12deg)}.graphic-art img{position:absolute;height:83%;width:auto;max-width:70%;object-fit:contain;left:27%;top:6%;transform:rotate(7deg);box-shadow:14px 14px 0 #30203f33;border:2px solid #30203f}.graphic-sticker{position:absolute;z-index:2;top:30px;left:20px;display:grid;place-items:center;background:#f3a8c5;border:2px solid #30203f;width:105px;height:105px;border-radius:50%;color:#30203f;font-weight:900;font-size:20px;line-height:1.05;transform:rotate(-12deg)}.graphic-art-footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;background:#30203f;color:#f1fb70;padding:20px;font-size:9px;letter-spacing:.7px}.graphic-art-footer b{font-size:17px}.graphic-marquee{background:#6f4cb2;color:#f1fb70;border-top:2px solid #30203f;border-bottom:2px solid #30203f;font-size:23px;font-weight:800;white-space:nowrap;overflow:hidden;letter-spacing:1px;padding:16px 0;margin-top:45px;text-align:center}.design-graphic .work{padding-top:65px}.design-graphic .section-top h2{font-size:72px;text-transform:uppercase;font-weight:900;letter-spacing:-4px}.design-graphic .section-top .eyebrow{color:#7452ac}.design-graphic .toolbar{border-top:2px solid #30203f;border-bottom:2px solid #30203f;padding:20px 0}.design-graphic .filters{gap:8px}.design-graphic .filters button{border:1px solid #30203f;color:#30203f;border-radius:0;padding:10px 12px;background:transparent}.design-graphic .filters button.active{background:#6f4cb2;color:#fff;box-shadow:3px 3px 0 #30203f}.design-graphic .search input{color:#30203f}.design-graphic .grid{gap:28px}.design-graphic .card{border:2px solid #30203f;background:#f7f5ee;box-shadow:5px 5px 0 #30203f;transition:transform .2s}.design-graphic .card:hover{transform:translateY(-3px)}.design-graphic .thumb{border:0;border-bottom:2px solid #30203f;border-radius:0;aspect-ratio:1.05}.design-graphic .card-info{padding:18px 15px 21px;margin:0;min-height:105px}.design-graphic .card h3{font-weight:800;font-size:21px;line-height:1.05}.design-graphic .card p{color:#756b7a;font-size:10px}.design-graphic .card-info>span{font-size:24px;color:#6f4cb2}.design-graphic .badge{border:1px solid #30203f;border-radius:0;background:#f1fb70;color:#30203f;font-size:9px;font-weight:bold;transform:rotate(-3deg)}.design-graphic .card:nth-child(3n+2) .badge{background:#f3a8c5;transform:rotate(3deg)}.design-graphic .thumb .play b{border-radius:0;background:#f1fb70;color:#30203f;border-color:#30203f}.design-graphic .approach{background:#6f4cb2;color:#f8f3ff;margin:30px 5% 60px;padding:45px;border:2px solid #30203f;box-shadow:6px 6px 0 #30203f}.design-graphic .approach h2{font-weight:800;letter-spacing:-2px}.design-graphic .approach h2 em{color:#f1fb70}.design-graphic .approach p{color:#e1d7f3}.design-graphic .skills>div{border-color:#b49ed4}.design-graphic .skills span{color:#f1fb70}.design-graphic dialog{background:#21172f;--white:#f5f0ff;--muted:#b9acc9;--line:#5a456f;--acid:#f1fb70;border:2px solid #f1fb70;border-radius:0}.design-graphic #variants button.active{color:#f1fb70;border-color:#f1fb70}.design-graphic .variant-title,.design-graphic #fileInfo,.design-graphic #modalDesc{color:#b9acc9}.design-graphic .modal-top{color:#f1fb70}
@media(max-width:1000px){.vheader{gap:35px}.vheader-note{display:none}.editorial-heading h1{font-size:85px}.editorial-film>button{height:350px}.editorial-caption>p{font-size:23px}.caption-number{font-size:65px}.design-editorial .grid{gap:35px 25px}.graphic-title{padding:24px}.graphic-title h1{font-size:87px;letter-spacing:-6px}.graphic-art{min-height:460px}.graphic-hero{min-height:460px}.graphic-sticker{width:85px;height:85px;font-size:17px}.design-graphic .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-graphic .approach{padding:30px}.design-cinema .card h3{font-size:28px}}
@media(max-width:640px){.design-switch{justify-content:start;gap:8px;padding:8px 12px;overflow-x:auto;min-height:48px}.switch-label{display:none}.design-switch nav{gap:2px;margin:auto}.design-switch nav a{padding:8px 7px;font-size:9px;letter-spacing:0}.vheader{height:78px;justify-content:space-between;gap:10px;margin:0 6%}.vheader nav{gap:18px;font-size:10px}.vwordmark{font-size:23px}.design-editorial .vwordmark{font-size:26px}.editorial-hero{padding:22px 6% 0}.editorial-meta{font-size:7px;letter-spacing:.7px}.editorial-heading{grid-template-columns:1fr;gap:25px;margin:35px 0}.editorial-heading h1{font-size:67px;letter-spacing:-3px}.editorial-heading>div{padding:0;display:flex;justify-content:space-between;align-items:end;gap:20px}.editorial-heading p{font-size:12px;margin:0}.text-link{font-size:9px;white-space:nowrap}.editorial-film{grid-template-columns:1fr;gap:15px}.editorial-film>button{height:330px}.editorial-caption{display:none}.design-editorial .work{padding-top:50px}.design-editorial .section-top h2{font-size:46px}.design-editorial .section-top h2:before{font-size:23px}.design-editorial .grid{grid-template-columns:1fr;gap:30px}.design-editorial .card:nth-child(even){padding-top:0}.design-editorial .card:nth-child(even) .thumb{aspect-ratio:1.35}.design-editorial .card h3{font-size:27px}.cinema-hero{height:560px}.cinema-top{left:6%;right:6%;font-size:7px}.cinema-copy{left:6%;top:120px}.cinema-copy h1{font-size:67px;letter-spacing:-3px;margin:27px 0 35px}.cinema-kicker{font-size:7px;letter-spacing:1.5px}.cinema-actions{gap:22px}.cinema-actions button{padding:17px 20px;font-size:11px}.cinema-actions a{font-size:10px}.cinema-bottom{left:6%;right:6%;font-size:7px;letter-spacing:1px}.cinema-bottom b{font-size:17px}.cinema-intro{padding:22px 6%;display:block}.cinema-intro p{font-size:12px;margin-top:15px}.design-cinema .work{padding-top:45px}.design-cinema .section-top h2{font-size:48px}.design-cinema .card{grid-template-columns:1fr;gap:18px;padding:25px 0}.design-cinema .card-info{padding:0}.design-cinema .card h3{font-size:26px}.design-cinema .card p{margin-top:10px;max-width:none;font-size:11px}.design-cinema .thumb{aspect-ratio:1.5}.design-cinema .approach{margin-top:20px}.graphic-hero{margin:0 6%;grid-template-columns:1fr}.graphic-title{border-right:0;border-bottom:2px solid #30203f;padding:24px}.graphic-title h1{font-size:89px;letter-spacing:-6px;margin:35px 0}.graphic-eyebrow{font-size:9px}.graphic-copy p{font-size:12px}.graphic-copy a{font-size:60px}.graphic-art{min-height:390px}.graphic-art img{height:78%;left:32%;top:7%}.graphic-sticker{top:35px;left:25px}.graphic-marquee{margin-top:30px;font-size:18px}.design-graphic .work{padding-top:45px}.design-graphic .section-top h2{font-size:56px;letter-spacing:-3px}.design-graphic .grid{grid-template-columns:1fr;gap:27px}.design-graphic .thumb{aspect-ratio:1.1}.design-graphic .approach{margin:0 6% 40px;padding:25px}.design-graphic .approach h2{font-size:31px}.design-graphic .filters button{font-size:10px;padding:9px 10px}.design-graphic .skills{gap:24px}footer .vwordmark{font-size:21px}.design-editorial .work,.design-cinema .work,.design-graphic .work{padding-left:6%;padding-right:6%}}
.editorial-film>button{background:#79836a}.editorial-film>button:before{content:"";position:absolute;inset:-30px;background:url('media/21.jpg') center 30%/cover;filter:blur(25px) brightness(.6) saturate(.5)}.editorial-film img{position:relative;object-fit:contain;object-position:center;filter:saturate(.8)}.design-editorial .section-top h2:before{content:none}
@media(max-width:640px){.graphic-title h1{font-size:clamp(62px,18vw,89px);letter-spacing:-4px}}

/* Cinema: compact layout after removing the two decorative headings. */
.design-cinema .cinema-clean{height:440px}.design-cinema .cinema-clean .cinema-copy{top:auto;bottom:125px}.design-cinema .cinema-clean .cinema-actions{margin-top:24px}.design-cinema .approach-clean{padding-top:20px}.design-cinema .approach-clean .approach-main{grid-template-columns:1fr;margin-top:0;max-width:760px}.design-cinema .approach-clean .skills{margin-top:35px}
@media(max-width:640px){.design-cinema .cinema-clean{height:370px}.design-cinema .cinema-clean .cinema-copy{bottom:120px}.design-cinema .cinema-clean .cinema-actions{margin-top:20px}.design-cinema .approach-clean .skills{margin-top:25px}}