:root{--ink:#101111;--paper:#f4f2ea;--blue:#1645ff;--lime:#d4ff45;--orange:#f24b13;--line:#ffffff26}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'IBM Plex Sans Thai',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}button{color:inherit}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(32px,4vw,62px);line-height:1.24;letter-spacing:-1.6px}p{line-height:1.75}.wrap{width:min(1400px,calc(100% - 96px));margin-inline:auto}.section{padding:100px 0}.light{background:var(--paper);color:var(--ink)}.eyebrow{font:700 11px/1.5 Manrope,sans-serif;letter-spacing:2px;margin-bottom:25px}.light .eyebrow{color:var(--blue)}.pill{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 24px;border-radius:5px;font-size:14px;font-weight:600;border:1px solid transparent;transition:transform .2s,background .2s;white-space:nowrap}.pill:hover{transform:translateY(-3px)}.pill span{font-size:21px}.blue{background:var(--blue);color:white}.blue:hover{background:#315bff}.border{border-color:#ffffff70;background:transparent}.border:hover{background:#ffffff15}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding:8px 0;font-size:14px}.skip{position:fixed;left:15px;top:-100px;background:var(--lime);color:black;padding:15px;z-index:100}.skip:focus{top:15px}.progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;z-index:70}.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;gap:30px;background:#101111ef;backdrop-filter:blur(12px);position:sticky;top:0;z-index:40;border-bottom:1px solid #ffffff12}.brand{display:flex;gap:12px;align-items:center;font:800 12px/1.5 Manrope,sans-serif;letter-spacing:1px}.brand img{width:59px;height:59px;object-fit:contain;background:#fff;border-radius:3px}.brand small{display:block;font-size:9px;letter-spacing:4px}.header nav{display:flex;gap:33px;font-size:13px}.header nav a{position:relative;padding:10px 0}.header nav a:after{content:'';position:absolute;bottom:3px;left:0;height:2px;width:100%;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav a:hover:after{transform:scaleX(1)}.nav-cta{padding:10px 18px}.menu{display:none}.hero{position:relative;min-height:690px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding-top:58px;padding-bottom:82px;gap:5px}.hero-copy{position:relative;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}.hero h1{font:800 clamp(67px,7.5vw,116px)/.89 'Barlow Condensed',sans-serif;letter-spacing:-2px;margin:25px 0 30px}.hero h1>span{display:block}.outline-text{color:transparent;-webkit-text-stroke:1px var(--paper)}.orange-dot{color:var(--orange);-webkit-text-stroke:0}.hero h2{font-size:clamp(22px,2.2vw,32px);letter-spacing:-.8px;margin-bottom:10px}.hero-description{color:#b7bcbf;font-size:14px}.actions{display:flex;gap:12px;margin-top:25px}.hero-credit{font:700 11px/1.6 Manrope,sans-serif;letter-spacing:1px;margin:38px 0 0}.hero-credit small{display:block;font-size:10px;font-weight:400;letter-spacing:0;color:#a4a8ac;margin-top:7px}.status-dot,.rec-dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:8px}.hero-visual{position:relative;height:520px;perspective:1200px;transform:rotate(1deg);will-change:transform;transition:transform .25s ease-out}.visual-main{position:absolute;left:2%;top:0;width:63%;height:83%;overflow:hidden}.visual-main img{width:100%;height:100%;object-fit:cover;filter:brightness(.75)}.frame-label{position:absolute;top:16px;left:16px;font:700 9px Manrope,sans-serif;letter-spacing:2px;z-index:2;color:white;text-shadow:0 1px 8px #000}.crosshair{position:absolute;right:14px;bottom:8px;font:35px Manrope}.visual-product{position:absolute;top:10%;right:-2%;width:46%;height:44%;border:7px solid var(--ink);overflow:hidden}.visual-product img{width:100%;height:100%;object-fit:cover}.motion-art{position:absolute;bottom:5%;right:-3%;width:54%;height:40%;overflow:hidden;background:var(--blue)}.motion-art>span{position:absolute;left:20px;bottom:15px;font:800 27px/.98 'Barlow Condensed',sans-serif;letter-spacing:1px}.orbit{position:absolute;border:18px solid var(--lime);border-radius:50%;width:230px;height:130px;top:-4px;left:45px;transform:rotate(-35deg);animation:orbit 11s linear infinite}.orbit-two{transform:rotate(45deg);animation-direction:reverse;border-width:9px}.asterisk{position:absolute;left:185px;bottom:0;font-size:55px;color:var(--lime)}@keyframes orbit{to{transform:rotate(325deg)}}.reel-button{position:absolute;left:37%;top:41%;width:117px;height:117px;background:#111d;border:1px solid white;backdrop-filter:blur(10px);border-radius:50%;font:700 9px Manrope,sans-serif;letter-spacing:1px;transition:background .2s,transform .3s}.reel-button>span{display:block;font-size:30px;margin-bottom:10px}.reel-button:hover{background:var(--orange);transform:scale(1.08)}.visual-caption{position:absolute;bottom:0;left:2%;font:8px Manrope;letter-spacing:1px;color:#aeb7bd}.scroll-note{position:absolute;bottom:22px;left:0;font:9px Manrope;letter-spacing:2px;display:flex;gap:20px}.scroll-note span{color:var(--lime)}.ticker{background:var(--lime);color:var(--ink);overflow:hidden;padding:13px 0}.ticker-track{display:flex;width:max-content;animation:marquee 27s linear infinite;font:700 26px 'Barlow Condensed',sans-serif;letter-spacing:6px}.ticker-track span{padding-right:18px;white-space:nowrap}@keyframes marquee{to{transform:translateX(-50%)}}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:44px}.section-title h2{margin:0}.section-title>p{font-size:14px;color:#737773;margin-bottom:4px}.serif-word{position:relative;display:inline-block}.serif-word:after{content:'';position:absolute;bottom:-5px;height:5px;left:4%;width:97%;background:var(--blue);transform:rotate(-2deg)}.work-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:35px 23px}.work-card{min-width:0}.work-preview{display:block;position:relative;width:100%;padding:0;border:0;background:#202427;overflow:hidden;aspect-ratio:1.2;color:white}.work-card:first-child .work-preview{aspect-ratio:1.6}.work-card:nth-child(3n+2){padding-top:35px}.work-preview>img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.65,.3,1),filter .4s}.work-preview:hover>img{transform:scale(1.05);filter:brightness(.8)}.hover-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s}.hover-video.playing{opacity:1}.media-icon{position:absolute;top:12px;left:12px;background:#0009;border:1px solid #ffffff50;padding:4px 7px;font:8px Manrope;letter-spacing:1px;z-index:2}.card-open{position:absolute;bottom:14px;right:14px;width:38px;height:38px;background:var(--paper);color:var(--ink);border-radius:50%;display:grid;place-items:center;font-size:24px;transition:transform .3s}.work-preview:hover .card-open{transform:rotate(45deg);background:var(--lime)}.work-card h3{font:700 18px/1.35 Manrope,'IBM Plex Sans Thai',sans-serif;margin:15px 0 4px}.work-card p{font-size:12px;color:#717772;margin:0}.more-work{margin-top:40px;border-top:1px solid #10111130}.more-work>summary{padding:22px 0;cursor:pointer;display:flex;justify-content:space-between;font-weight:600}.more-work>summary span{font-size:22px}.more-grid{padding-top:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.more-grid .work-preview{aspect-ratio:1.5}.more-grid .work-card{padding-top:0}.drive-links{display:flex;flex-wrap:wrap;gap:24px;padding:30px 0;font-size:13px;color:var(--blue)}.work-hint{font-size:11px;color:#797c78;text-align:right;margin:15px 0 0}.services{background:var(--blue)}.service-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:80px}.service-intro h2{font-size:clamp(34px,4vw,58px)}.service-intro h2 span{color:var(--lime)}.service-intro p{font-size:14px}.service-symbol{font-size:120px;line-height:1;margin:24px 0 -15px;color:var(--lime);display:inline-block;animation:orbit 40s linear infinite}.service-row{display:grid;grid-template-columns:32px 1fr 32px;gap:15px;padding:27px 5px;border-top:1px solid #ffffff55;transition:padding .3s,background .3s}.service-row:last-child{border-bottom:1px solid #ffffff55}.service-row:hover{padding-left:15px;background:#ffffff0c}.service-row .number{font:400 20px 'Barlow Condensed'}.service-row h3{font:600 25px 'Barlow Condensed',sans-serif;letter-spacing:.3px;margin:0 0 8px}.service-row p{font-size:12px;line-height:1.65;margin:0;color:#dce3ff}.row-arrow{font-size:30px;font-weight:400;transition:transform .3s}.service-row:hover .row-arrow{transform:translate(5px,-5px)}.process .section-title>p{color:#a5aaaa}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin:50px 0 75px}.steps article{padding:0 25px;border-left:1px solid var(--line)}.steps article:first-child{padding-left:0;border:0}.steps b{font:400 65px 'Barlow Condensed';color:#8e9caf}.steps h3{font-size:19px;margin:20px 0 9px}.steps p{font-size:13px;color:#a9afaf}.maker{display:grid;grid-template-columns:1fr 1fr .4fr;gap:45px;align-items:center;border-top:1px solid var(--line);padding-top:50px}.maker>img{width:100%;height:310px;object-fit:cover}.maker h3{font-size:28px;line-height:1.4;margin:0 0 20px}.maker p:not(.eyebrow){font-size:13px;color:#a9afaf}.maker-sign{font:700 43px/.95 'Barlow Condensed';color:var(--lime);transform:rotate(-8deg)}.brands .section-title h2{font-size:39px}.brand-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:22px 14px}.brand-tile{margin:0;min-width:0}.brand-image{background:white;height:80px;padding:12px;display:flex;align-items:center;justify-content:center;border:1px solid #1011110b;transition:transform .2s}.brand-image img{width:100%;height:100%;object-fit:contain}.brand-dark{background:#20282b}.brand-tile:hover .brand-image{transform:translateY(-4px)}.brand-tile figcaption{font-size:9px;line-height:1.4;text-align:center;color:#737976;margin-top:7px;overflow-wrap:anywhere}.quote{background:#151718}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.quote-intro h2{position:relative;font:800 clamp(65px,6.8vw,105px)/.89 'Barlow Condensed';letter-spacing:-1px;margin-bottom:35px}.quote-intro h2>span{color:var(--lime)}.quote-intro h2 i{font:60px Manrope;color:var(--orange);margin-left:20px}.quote-intro h3{font-size:25px}.quote-intro>p:not(.eyebrow){font-size:14px;color:#a9afaf}.contact-mail{display:block;font-size:13px;margin-top:20px;color:#c3c9c9}.quote-form{padding:32px;background:var(--paper);color:var(--ink)}.quote-form h3{font-size:26px;margin-bottom:7px}.quote-form>p{font-size:12px;color:#6c716f}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:12px;font-weight:500;margin-bottom:17px}input,select,textarea{width:100%;display:block;border:1px solid #c5c9c3;background:#fff;color:var(--ink);border-radius:0;padding:11px 12px;font-size:13px;margin-top:7px;min-width:0}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:1px}.consent{display:flex;gap:10px;font-size:11px;font-weight:400}.consent input{width:16px;height:16px;flex:0 0 16px;margin:3px 0}.consent a{text-decoration:underline}.send{width:100%;justify-content:space-between}.quote-form .form-note{font-size:10px;margin:12px 0 0}.honeypot{display:none!important}.faq-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.faq h2{font-size:40px}.faq details{border-top:1px solid #10111130;padding:20px 0}.faq details:last-child{border-bottom:1px solid #10111130}.faq summary{cursor:pointer;font-weight:600;display:flex;justify-content:space-between;gap:18px}.faq details p{font-size:14px;margin:18px 0 0;color:#616863}.footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:35px}.footer p{font-size:11px;margin:0;color:#b0b8b8}.footer p small{display:block;font-size:9px}.footer>div{display:flex;gap:20px;font:11px Manrope}.motion-toggle{position:fixed;bottom:15px;right:16px;z-index:35;background:#171c20dc;color:white;border:1px solid #fff4;border-radius:30px;padding:8px 12px;font-size:10px;backdrop-filter:blur(8px)}dialog{background:var(--ink);color:white;border:1px solid #ffffff30;width:min(1040px,94vw);padding:20px;max-height:94vh}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.dialog-head h2{font-size:19px;letter-spacing:0;margin:0}.close-dialog{background:none;border:1px solid #fff7;border-radius:50%;width:38px;height:38px;flex:0 0 38px}#media-body iframe{width:100%;aspect-ratio:16/9;border:0}#media-body img{max-height:70vh;max-width:100%;object-fit:contain;margin:auto}#media-source{display:inline-block;padding-top:15px;font-size:12px;color:var(--lime)}body.modal-open{overflow:hidden}.enhanced .reveal{opacity:0;transform:translateY(27px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.enhanced .reveal.visible{opacity:1;transform:none}.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;scroll-behavior:auto!important}.motion-off .reveal{opacity:1!important;transform:none!important;transition:none!important}.motion-off [data-tilt]{transform:none!important}.privacy{min-height:70vh;padding:80px 0;max-width:800px}.privacy h1{font-size:36px}.privacy h2{font-size:23px;letter-spacing:0;margin-top:30px}.privacy p{color:#bec6c4}.privacy a{color:var(--lime);text-decoration:underline}
@media(min-width:1600px){.hero h1{font-size:126px}.hero{min-height:770px}.hero-visual{height:590px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.header{padding-inline:28px}.hero{min-height:610px}.hero-visual{height:420px}.hero h1{font-size:8vw}.hero h2{font-size:22px}.hero-description{font-size:12px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.service-layout,.quote-grid{gap:40px}.brand-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.maker{grid-template-columns:1fr 1fr;gap:30px}.maker-sign{display:none}.quote-form{padding:25px}.header nav{gap:22px}}
@media(max-width:760px){html{scroll-padding-top:80px}.wrap{width:calc(100% - 36px)}.header{height:76px;padding-inline:18px;gap:12px}.brand{font-size:10px;gap:8px}.brand img{width:48px;height:48px}.brand small{font-size:8px;letter-spacing:2px}.nav-cta{display:none}.menu{display:block;background:none;border:1px solid #fff5;padding:9px 13px;font-size:12px}.header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#151718;padding:20px;flex-direction:column;gap:5px;border-bottom:1px solid #fff3}.header nav.open{display:flex}.hero{display:block;padding-top:36px;padding-bottom:50px}.hero h1{font-size:clamp(63px,13.6vw,105px);letter-spacing:-1px;margin:23px 0}.hero h2{font-size:23px}.hero-description{font-size:13px}.hero-credit{margin-top:24px}.hero-visual{height:390px;margin:30px 10px 15px;transform:rotate(1deg)}.visual-product{right:0}.motion-art{right:0}.reel-button{width:99px;height:99px;left:39%}.reel-button>span{font-size:25px}.visual-caption{font-size:7px}.scroll-note{bottom:18px}.ticker-track{font-size:21px;letter-spacing:4px}.section{padding:60px 0}.section-title{display:block;margin-bottom:30px}.section-title h2{font-size:37px}.section-title>p{margin:20px 0 0;font-size:12px}.eyebrow{font-size:10px;margin-bottom:18px}.work-grid{grid-template-columns:1fr 1fr;gap:27px 15px}.work-card:first-child{grid-column:1/-1}.work-card:nth-child(3n+2){padding-top:0}.work-card h3{font-size:14px}.work-card p{font-size:10px}.work-preview{aspect-ratio:1.15}.more-grid .work-card:first-child{grid-column:auto}.media-icon{font-size:7px;left:8px;top:8px}.card-open{width:28px;height:28px;right:8px;bottom:8px;font-size:19px}.service-layout,.quote-grid,.faq-layout{grid-template-columns:1fr;gap:35px}.service-intro h2{font-size:42px}.service-symbol{display:none}.service-row{padding-block:24px;gap:12px}.service-row h3{font-size:24px}.service-row p{font-size:11px}.steps{grid-template-columns:1fr 1fr;gap:25px 16px;margin:30px 0 45px}.steps article{padding:0 0 0 15px}.steps article:nth-child(3){padding-left:0;border:0}.steps b{font-size:50px}.steps h3{font-size:17px;margin-top:10px}.steps p{font-size:12px}.maker{grid-template-columns:1fr;padding-top:35px;gap:25px}.maker>img{height:250px}.maker h3{font-size:27px}.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px 8px}.brand-image{height:65px;padding:8px}.brand-tile figcaption{font-size:8px}.brands .section-title h2{font-size:34px}.quote-intro h2{font-size:85px}.quote-form{padding:24px 19px}.form-pair{gap:12px}.quote-form input,.quote-form select,.quote-form textarea{font-size:14px}.faq-layout{gap:15px}.faq h2{font-size:35px}.faq summary{font-size:14px}.footer{flex-wrap:wrap;padding-bottom:75px;gap:25px}.footer>div{width:100%}.footer p{font-size:10px}.motion-toggle{font-size:9px}.privacy{padding-top:45px}.privacy h1{font-size:29px}}
@media(max-width:380px){.hero h2{font-size:20px}.hero-visual{height:330px}.pill{padding:13px 17px;font-size:12px}.actions{gap:8px}.form-pair{grid-template-columns:1fr;gap:0}.quote-intro h2{font-size:73px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.enhanced .reveal{opacity:1;transform:none}[data-tilt]{transform:none!important}}
.tab-hidden *{animation-play-state:paused!important}
html.motion-off{scroll-behavior:auto}.motion-off .pill,.motion-off .work-preview>img,.motion-off .card-open,.motion-off .service-row,.motion-off .row-arrow,.motion-off .brand-image{transition:none!important}
/* Three distinct editorial collections */
.collection-nav{display:flex;gap:12px;margin:38px 0 60px;border-top:1px solid #15151525;padding-top:20px}.collection-nav a{display:flex;gap:20px;align-items:center;padding:12px 20px;border:1px solid #15151525;font:11px Manrope,sans-serif;transition:background .2s,color .2s}.collection-nav span{font:600 14px 'IBM Plex Sans Thai',sans-serif}.collection-nav a:hover{background:var(--ink);color:var(--lime)}.collection{scroll-margin-top:110px;margin-top:80px}.collection-heading{margin-bottom:32px}.collection-kicker{display:flex;align-items:center;gap:12px;font:700 11px Manrope,sans-serif;letter-spacing:2px;color:var(--blue);margin-bottom:16px}.collection-kicker svg{width:25px;height:25px}.collection-heading-line{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.collection-heading h3{font-size:34px;line-height:1.35;margin:0 0 10px;letter-spacing:-.5px}.collection-heading p{font-size:13px;color:#777c76;margin:0}.collection-count{font:10px Manrope,sans-serif;letter-spacing:2px;white-space:nowrap;padding-bottom:7px}.collection-grid .work-card{padding:0;grid-column:auto}.collection-grid .work-card h3{padding-right:35px}.collection-grid .card-caption{position:relative}.work-index{position:absolute;right:0;top:2px;font:11px Manrope;color:#858a84}.collection-grid .work-card .work-preview{aspect-ratio:16/9}.video-collection{background:#171b1d;color:#f4f2ea;padding:35px;margin-inline:-26px}.video-collection .collection-kicker{color:var(--lime)}.video-collection .collection-heading p,.video-collection .work-card p{color:#a1acae}.video-collection-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 20px}.video-collection-grid .work-card{grid-column:span 2}.video-collection-grid .work-card:nth-child(1),.video-collection-grid .work-card:nth-child(2){grid-column:span 3}.video-collection-grid .work-card:nth-last-child(-n+4){grid-column:span 3}.video-collection-grid .work-preview{border:1px solid #ffffff20;border-radius:5px}.video-collection-grid .work-card h3{font-size:16px}.collection-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding-top:20px;border-top:1px solid #80808040}.collection-bottom>p{font-size:11px;color:#888e89;margin:0}.collection-bottom>div{display:flex;gap:10px;flex-wrap:wrap}.collection-link{font:600 12px Manrope,sans-serif;border:1px solid #80808055;padding:12px 16px;transition:background .2s,color .2s}.collection-link span{font-size:10px;font-weight:400;margin-inline:8px}.collection-link:hover{background:var(--blue);color:white;font-weight:800}.graphic-collection{padding-top:30px}.graphic-collection-grid{columns:3;column-gap:22px}.graphic-collection-grid .work-card{display:inline-block;width:100%;break-inside:avoid;margin-bottom:28px}.graphic-collection-grid .work-card .work-preview{aspect-ratio:auto;background:#e9e8df;padding:15px;border:1px solid #10111110}.graphic-collection-grid .work-preview>img{width:100%;height:auto;object-fit:contain}.graphic-collection-grid .work-card:nth-child(even) .work-preview{background:#dce5f2}.graphic-collection-grid .work-card:nth-child(3n) .work-preview{background:#e4e7d7}.graphic-collection-grid .work-card h3{font-size:15px}.graphic-collection-grid .media-icon{left:22px;top:22px}.photo-collection{border-top:1px solid #10111130;padding-top:55px}.photo-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 25px;align-items:start}.photo-collection-grid .work-card:nth-child(3n+2){margin-top:65px}.photo-collection-grid .work-card .work-preview{aspect-ratio:3/4;background:#e4e2d9}.photo-collection-grid .work-card:nth-child(3n) .work-preview{aspect-ratio:1/1.1}.photo-collection-grid .work-card:nth-child(7) .work-preview{aspect-ratio:1/1.1}.photo-collection-grid .work-card h3{font-size:15px}.photo-collection-grid .work-preview>img{object-fit:cover}.photo-collection .collection-kicker{color:#8a5632}.photo-collection .card-open{background:var(--paper)}
@media(max-width:1000px){.video-collection{margin-inline:-12px;padding:25px}.collection-grid .work-card h3{font-size:14px}.video-collection-grid{gap:25px 15px}.graphic-collection-grid{column-gap:16px}}
@media(max-width:760px){.collection-nav{gap:7px;margin-bottom:35px}.collection-nav a{padding:11px 10px;gap:8px;font-size:9px;flex:1;justify-content:center}.collection-nav span{font-size:12px}.collection{margin-top:50px;scroll-margin-top:95px}.collection-heading h3{font-size:27px}.collection-heading p{font-size:12px}.collection-heading-line{display:block}.collection-count{display:block;margin-top:15px;font-size:9px}.video-collection{padding:23px 16px;margin-inline:-8px}.video-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px}.video-collection-grid .work-card,.video-collection-grid .work-card:nth-child(2),.video-collection-grid .work-card:nth-last-child(-n+4){grid-column:auto}.video-collection-grid .work-card:first-child{grid-column:1/-1}.video-collection-grid .work-card:last-child{grid-column:1/-1}.collection-bottom{display:block}.collection-bottom>div{margin-top:16px}.collection-link{font-size:11px;padding:11px 12px}.collection-link span{font-size:9px;margin-inline:5px}.graphic-collection-grid{columns:2;column-gap:13px}.graphic-collection-grid .work-card .work-preview{padding:8px}.graphic-collection-grid .media-icon{left:12px;top:12px}.collection-grid .work-card h3{font-size:12px;line-height:1.5;padding-right:20px}.collection-grid .work-card p{font-size:10px}.work-index{font-size:9px}.graphic-collection-grid .work-card{margin-bottom:20px}.photo-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.photo-collection-grid .work-card:nth-child(3n+2){margin-top:0}.photo-collection-grid .work-card:nth-child(even){margin-top:38px}.photo-collection-grid .work-card:last-child{grid-column:1/-1;width:75%;margin:10px auto 0}.photo-collection-grid .work-card .work-preview{aspect-ratio:3/4}.photo-collection-grid .work-card:last-child .work-preview{aspect-ratio:4/3}}