@import url("https://fonts.googleapis.com/css2?family=Anybody:wdth,wght@100,900&display=swap");

@font-face { font-family:"HN Roman"; src:url("assets/fonts/helvetica-neue-roman.woff2") format("woff2"), url("assets/fonts/helvetica-neue-roman.otf") format("opentype"); font-display:swap; }
@font-face { font-family:"HN Black Extended"; src:url("assets/fonts/helvetica-black-extended.woff2") format("woff2"), url("assets/fonts/helvetica-black-extended.ttf") format("truetype"); font-display:swap; }

:root { --ink:#0a0a0a; --paper:#f4f1e8; --line:rgba(10,10,10,.22); --green:#88f0bd; --pad:clamp(22px,4vw,68px); --sans:"HN Roman","Helvetica Neue",Arial,sans-serif; --display:"Anybody","Arial Black",sans-serif; --project-header-bg:var(--ink); --project-header-fg:#fff; --project-header-ring:rgba(255,255,255,.55); --project-header-hover-bg:#fff; --project-header-hover-fg:var(--ink); --project-progress-color:var(--ink); }
* { box-sizing:border-box; }
html { overflow-x:hidden; scroll-behavior:smooth; background:var(--paper); }
body { margin:0; overflow-x:hidden; color:var(--ink); background:var(--paper); font-family:var(--sans); }
a { color:inherit; text-decoration:none; }
img { display:block; width:100%; filter:none !important; }
figure { margin:0; }
::selection { color:var(--ink); background:var(--green); }
.project-progress { position:fixed; z-index:110; top:0; left:0; width:100%; height:2px; background:rgba(0,0,0,.08); }.project-progress i { display:block; width:100%; height:100%; background:var(--project-progress-color); transform:scaleX(0); transform-origin:left; }
.project-pad { padding-right:var(--pad); padding-left:var(--pad); }
.project-header { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; height:86px; padding:0 var(--pad); color:var(--project-header-fg); background:var(--project-header-bg); font-size:9px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.project-brand { justify-self:start; }.project-brand sup { font-size:.55em; }.project-header>span { opacity:.58; }
.project-close { position:relative; justify-self:end; width:28px; height:28px; border:1px solid var(--project-header-ring); border-radius:50%; transition:background .3s,transform .3s; }.project-close i { position:absolute; top:13px; left:7px; width:12px; height:1px; background:currentColor; transform:rotate(45deg); }.project-close i+i { transform:rotate(-45deg); }.project-close:hover { color:var(--project-header-hover-fg); background:var(--project-header-hover-bg); transform:rotate(90deg); }
.attijari-project { --project-header-bg:#111; --project-header-fg:#fff; --project-header-ring:rgba(255,255,255,.72); --project-progress-color:#b9dfff; }
.attijari-project .project-header { background-image:url("assets/projects/visa-infinite/attijari-crystal-field-q90.webp"); background-size:cover; background-position:50% 48%; }
.project-overview { padding-top:clamp(60px,7vw,100px); padding-bottom:clamp(60px,7vw,100px); }
.project-eyebrow,.project-brief>span,.project-summary>span,.project-text>span,.project-detail__copy>span,.project-end>span { font-size:9px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.project-overview h1 { max-width:760px; margin:20px 0 clamp(46px,4.5vw,66px); font-family:var(--display); font-size:clamp(2rem,3.4vw,3.8rem); font-weight:400; line-height:.9; letter-spacing:-.05em; }
.project-hero-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(440px,.85fr); gap:clamp(28px,4vw,72px); align-items:start; }
.project-hero-grid h1 { margin-bottom:clamp(46px,4.5vw,66px); }
.project-brief { display:grid; grid-template-columns:1fr 3fr; padding:24px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.project-brief dl { display:grid; grid-template-columns:repeat(4,1fr); gap:25px; margin:0; }.project-brief dl div { display:flex; flex-direction:column; gap:10px; }.project-brief dt { opacity:.45; font-size:8px; font-weight:900; letter-spacing:.1em; }.project-brief dd { margin:0; font-size:12px; }
.project-summary { display:grid; grid-template-columns:1fr 3fr; margin-top:45px; }.project-summary__copy { max-width:780px; }.project-summary p { max-width:780px; margin:0; font-size:clamp(.82rem,.9vw,.95rem); line-height:1.55; }.project-summary p+p { margin-top:1.3em; }.project-summary em { font-style:italic; }.project-summary strong { font-weight:900; }
.project-summary .project-summary__lead { max-width:780px; margin-bottom:1.3em; font-family:inherit; font-size:clamp(.82rem,.9vw,.95rem); font-weight:400; line-height:1.55; letter-spacing:0; }
.project-summary__more { margin-top:17px; }.project-summary__more summary { width:max-content; list-style:none; cursor:pointer; font-size:8px; font-weight:900; letter-spacing:.12em; }.project-summary__more summary::-webkit-details-marker { display:none; }.project-summary__more summary span { display:flex; align-items:center; gap:8px; padding-bottom:4px; border-bottom:1px solid currentColor; }.project-summary__more summary span::after { content:"+"; font-size:12px; line-height:.7; }.project-summary__more[open] summary span::after { content:"−"; }.project-summary__more>div { padding-top:18px; animation:summary-more-in .45s cubic-bezier(.16,1,.3,1) both; }@keyframes summary-more-in { from { opacity:0; transform:translateY(8px); } }
.project-team { display:grid; grid-template-columns:1fr; gap:12px; margin-top:4px; padding-top:0; }
.project-team__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 24px; align-content:start; }
.project-team dl { margin:0; display:grid; align-content:start; gap:10px; }
.project-team dl>div { display:grid; grid-template-columns:100px minmax(0,1fr); gap:10px; align-items:baseline; min-width:0; }
.project-team dt { opacity:.45; font-size:8px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.project-team dd { margin:0; font-size:12px; font-weight:400; line-height:1.35; letter-spacing:0; }
.project-team dd { white-space:normal; }
.samsung-film { position:relative; width:min(1210px,80%); margin:clamp(14px,2vw,34px) auto clamp(80px,10vw,165px); overflow:hidden; background:#000; }
.samsung-film video { display:block; width:100%; aspect-ratio:1.96/1; overflow:hidden; border:0; background:#000; box-shadow:0 30px 90px rgba(10,10,10,.18); object-fit:cover; object-position:50% 50%; }
.samsung-film__play { position:absolute; z-index:2; top:50%; left:50%; display:flex; width:clamp(62px,5.8vw,82px); aspect-ratio:1; flex-direction:column; gap:7px; align-items:center; justify-content:center; padding:0; border:1px solid rgba(255,255,255,.82); border-radius:50%; color:#fff; background:transparent; cursor:pointer; transform:translate(-50%,-50%); transition:color .3s,background .3s,transform .45s cubic-bezier(.16,1,.3,1),opacity .3s; }
.samsung-film__play i { width:0; height:0; margin-left:4px; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:11px solid currentColor; }
.samsung-film__play span { font-size:7px; font-weight:900; letter-spacing:.12em; }
.samsung-film__play:hover,.samsung-film__play:focus-visible { color:var(--ink); background:#fff; outline:none; transform:translate(-50%,-50%) scale(1.08); }
.samsung-film.is-engaged::after,.samsung-film.is-engaged .samsung-film__play { opacity:0; visibility:hidden; pointer-events:none; }
.tt-key-visual { width:min(1640px,96%); margin:0 auto clamp(24px,3vw,48px); padding:clamp(8px,.85vw,16px); background:#fff; }
.tt-key-visual img { display:block; width:100%; height:auto; }
.tt-billboard { width:min(1640px,96%); margin:0 auto clamp(24px,3vw,48px); padding:clamp(8px,.85vw,16px); background:#fff; }
.tt-billboard img { display:block; width:100%; height:auto; }
.tt-flyer { width:min(1360px,86%); margin:0 auto clamp(24px,3vw,48px); }
.tt-flyer img { display:block; width:100%; height:auto; }
.tt-film { margin-top:0; margin-bottom:clamp(150px,16vw,260px); }
.tt-film__captions { position:absolute; z-index:3; bottom:clamp(16px,2.2vw,34px); left:50%; width:max-content; max-width:min(84%,900px); padding:.34em .68em; color:#fff; background:rgba(0,0,0,.72); font-family:Arial,sans-serif; font-size:clamp(10px,.82vw,14px); font-weight:500; line-height:1.3; text-align:center; text-wrap:balance; opacity:0; pointer-events:none; transform:translate(-50%,5px); transition:opacity .14s ease,transform .14s ease; }
.tt-film__captions.is-visible { opacity:1; transform:translate(-50%,0); }
.tt-social-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(16px,1.6vw,28px); width:min(1500px,88%); margin:0 auto clamp(80px,10vw,165px); }
.tt-social-grid figure { min-width:0; margin:0; overflow:hidden; }
.tt-social-grid img { display:block; width:100%; height:auto; }
.tt-collaboration { display:grid; grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr); align-items:center; gap:clamp(42px,7vw,120px); width:min(1480px,88%); margin:0 auto clamp(100px,12vw,190px); }
.tt-collaboration__copy { display:flex; align-items:flex-start; flex-direction:column; gap:18px; }
.tt-collaboration__copy span { font-size:9px; font-weight:900; line-height:1; letter-spacing:.12em; }
.tt-collaboration__copy p { max-width:460px; margin:0; font-size:clamp(.82rem,.9vw,.95rem); font-weight:400; line-height:1.55; }
.tt-collaboration__copy a { border-bottom:1px solid currentColor; font-weight:700; transition:opacity .25s ease; }
.tt-collaboration__copy a:hover,.tt-collaboration__copy a:focus-visible { opacity:.58; outline:none; }
.tt-collaboration figure { min-width:0; margin:0; overflow:hidden; }
.tt-collaboration video { display:block; width:100%; height:auto; }
.tt-reels { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(18px,2.4vw,42px); width:min(1320px,84%); margin:0 auto clamp(100px,12vw,190px); }
.tt-reel { width:100%; min-width:0; margin:0; background:#111; }
.tt-reel video { display:block; width:100%; height:auto; aspect-ratio:auto; object-fit:contain; }
.tt-macbook { width:min(1580px,92%); margin:0 auto clamp(100px,12vw,180px); }
.tt-macbook img { display:block; width:100%; height:auto; }
.samsung-billboard { width:min(1210px,80%); margin:0 auto clamp(95px,12vw,190px); overflow:hidden; background:#111; box-shadow:0 26px 80px rgba(10,10,10,.15); }
.samsung-billboard img { width:100%; height:auto; }
.samsung-billboard--first { margin-bottom:clamp(14px,2vw,34px); }
.samsung-billboard--laptop,.samsung-billboard--wide { width:min(1440px,90%); max-width:none; }
.samsung-billboard--laptop { padding:0; aspect-ratio:3/2; background:transparent; box-shadow:none; }
.samsung-billboard--laptop img { height:100%; object-fit:cover; object-position:center top; }
.samsung-retail-island { width:100%; margin:0; padding:clamp(28px,4vw,68px); background:#fff; }
.samsung-retail-island img { display:block; width:100%; height:auto; }
.samsung-poster-editorial { position:relative; width:100%; margin:0 0 clamp(110px,14vw,220px); }
.samsung-billboard--shoot-poster { margin-bottom:0; box-shadow:none; }
.samsung-contact-sheet { position:absolute; z-index:2; left:1.25%; top:11%; width:min(360px,20vw); margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(12px,1.4vw,22px) clamp(5px,.55vw,9px); }
.samsung-contact-sheet--right { left:auto; right:1.25%; top:68%; }
.samsung-contact-sheet figure { min-width:0; margin:0; }
.samsung-contact-sheet img { width:100%; height:auto; aspect-ratio:2/3; object-fit:cover; background:#111; box-shadow:0 8px 24px rgba(10,10,10,.16); }
.samsung-contact-sheet figcaption { margin-top:7px; color:rgba(10,10,10,.72); font-size:15px; font-weight:900; line-height:1; letter-spacing:.08em; }
.samsung-contact-sheet:not(.samsung-contact-sheet--right) figure:nth-child(3n+3) figcaption,.samsung-contact-sheet--right figure:nth-child(-n+2) figcaption { color:#fff; text-shadow:0 1px 6px rgba(0,0,0,.35); }
.samsung-contact-sheet figure { position:relative; z-index:1; cursor:crosshair; transform-origin:center bottom; transition:opacity .25s ease,transform .42s cubic-bezier(.16,1,.3,1); }
.samsung-contact-sheet img { transition:box-shadow .42s cubic-bezier(.16,1,.3,1); }
.samsung-contact-sheet figcaption { transition:transform .42s cubic-bezier(.16,1,.3,1),letter-spacing .3s ease; }
.samsung-contact-sheet figure:focus-visible { outline:1px solid #1428a0; outline-offset:5px; }
.samsung-contact-sheet figure:focus-visible { z-index:5; opacity:1; transform:translateY(-8px) scale(1.12); }
.samsung-contact-sheet figure:focus-visible img { box-shadow:0 18px 44px rgba(10,10,10,.28); }
.samsung-contact-sheet figure:focus-visible figcaption { transform:translateY(3px); letter-spacing:.12em; }
.samsung-contact-sheet figure:active { transform:translateY(-3px) scale(1.04); }
@media (hover:hover) {
  .samsung-poster-editorial:has(.samsung-contact-sheet figure:hover) .samsung-contact-sheet figure { opacity:.42; }
  .samsung-contact-sheet figure:hover { z-index:5; opacity:1!important; transform:translateY(-8px) scale(1.12) rotate(-1deg); }
  .samsung-contact-sheet figure:nth-child(even):hover { transform:translateY(-8px) scale(1.12) rotate(1deg); }
  .samsung-contact-sheet figure:hover img { box-shadow:0 18px 44px rgba(10,10,10,.28); }
  .samsung-contact-sheet figure:hover figcaption { transform:translateY(3px); letter-spacing:.12em; }
}
.samsung-social { --social-gap:clamp(14px,1.6vw,26px); --social-card:clamp(307px,49.92vw,630px); width:100%; margin:0 auto; padding:0 0 clamp(110px,14vw,220px); overflow:hidden; background:var(--paper); }
.samsung-social__label { width:80%; margin:0 auto; font-size:8px; font-weight:900; line-height:1; letter-spacing:.12em; }
.samsung-social__viewport { position:relative; overflow:hidden; padding:clamp(16px,2.5vw,34px) 0; cursor:grab; touch-action:pan-y; user-select:none; }
.samsung-social__viewport.is-dragging { cursor:grabbing; }
.samsung-social__track { display:flex; gap:var(--social-gap); width:max-content; will-change:transform; }
.samsung-social__slide { flex:0 0 var(--social-card); margin:0; opacity:1; transform:none; }
.samsung-social__slide.is-active { opacity:1; transform:none; }
.samsung-social__slide img { width:100%; height:auto; pointer-events:none; -webkit-user-drag:none; }
.samsung-social__controls { display:grid; grid-template-columns:42px 1fr auto 42px; gap:16px; align-items:center; width:min(820px,calc(100% - 44px)); margin:0 auto; padding-top:8px; }
.samsung-social__controls button { width:42px; height:42px; padding:0; border:1px solid rgba(10,10,10,.28); border-radius:50%; color:var(--ink); background:transparent; font-size:17px; cursor:pointer; transition:color .25s,background .25s,transform .25s; }.samsung-social__controls button:hover,.samsung-social__controls button:focus-visible { color:var(--paper); background:var(--ink); outline:none; transform:scale(1.06); }
.samsung-social__dots { display:flex; gap:7px; align-items:center; }.samsung-social__dots button { width:6px; height:6px; padding:0; border:0; border-radius:50%; background:rgba(10,10,10,.22); }.samsung-social__dots button.is-active { background:var(--ink); transform:scale(1.45); }
.samsung-social__count { font-size:8px; font-weight:900; letter-spacing:.12em; }.samsung-social__count b { font-weight:900; }
.project-cover { position:relative; overflow:hidden; padding:0 var(--pad) clamp(100px,12vw,180px); }.project-cover img { max-height:1000px; object-fit:cover; object-position:50% 52%; }.project-cover figcaption,.project-wide figcaption { display:flex; justify-content:space-between; padding-top:12px; font-size:8px; font-weight:900; letter-spacing:.1em; }
.project-cover--nike { padding-right:0; padding-bottom:0; padding-left:0; }
.project-cover--nike img { width:100%; height:auto; max-height:none; margin:0; aspect-ratio:auto; object-fit:contain; object-position:center; }
.project-cover--blank { padding-bottom:clamp(100px,12vw,180px); }
.project-blank-cover { width:100%; aspect-ratio:16/9; background:#c8c8c4; }
.project-cover--nike figcaption { width:100%; margin:0; padding:12px var(--pad) 0; }
.nike-image-strip { --photo-height:clamp(102px,12.75vw,200px); --photo-width:clamp(191px,23.8vw,374px); --photo-overlap:calc(var(--photo-height) * .5); --photo-shift:calc(var(--photo-height) * .15); position:relative; z-index:5; width:100%; margin:calc(0px - var(--photo-overlap) - var(--photo-shift)) 0 clamp(55px,7vw,100px); overflow:hidden; }
.nike-image-strip__track { display:flex; width:max-content; animation:nike-strip-scroll 24s linear infinite; will-change:transform; }
.nike-image-strip__set { display:flex; align-items:center; flex:none; gap:clamp(26px,3.2vw,58px); padding-right:clamp(26px,3.2vw,58px); }
.nike-image-strip figure { flex:none; width:var(--photo-width); height:var(--photo-height); margin:0; overflow:hidden; background:#111; }
.nike-image-strip figure img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .7s cubic-bezier(.16,1,.3,1); }
.nike-image-strip figure:hover img { transform:scale(1.025); }
.nike-image-strip__mark { flex:none; display:block; width:clamp(29px,2.4vw,41px); overflow:hidden; line-height:0; }
.nike-image-strip__mark img { display:block; width:100%; height:auto; }
.nike-image-strip:hover .nike-image-strip__track { animation-play-state:paused; }
@keyframes nike-strip-scroll { to { transform:translate3d(-50%,0,0); } }
.project-text { display:grid; grid-template-columns:1fr 3fr; padding-top:clamp(60px,7vw,100px); padding-bottom:clamp(60px,7vw,100px); color:#fff; background:var(--ink); }.project-text>div { max-width:1000px; }.project-text h2 { max-width:640px; margin:0 0 12px; font-family:inherit; font-size:clamp(.82rem,.9vw,.95rem); font-weight:400; line-height:1.5; letter-spacing:0; }.project-text p { max-width:640px; margin:0; font-size:clamp(.82rem,.9vw,.95rem); line-height:1.5; opacity:.72; }.project-detail h2,.project-end h2 { margin:0 0 35px; font-family:var(--display); font-size:clamp(3rem,6vw,7rem); font-weight:400; line-height:.84; letter-spacing:-.06em; }.project-detail__copy p { max-width:660px; margin:0; font-size:16px; line-height:1.5; opacity:.72; }
.project-text p+p { margin-top:1.25em; }
.project-text--light { color:var(--ink); background:var(--paper); }
.project-text--compact { padding-top:0; padding-bottom:clamp(65px,8vw,110px); }
.project-text--compact h2 { margin-bottom:14px; }
.project-text--compact p { max-width:700px; opacity:.68; }
.project-inspiration { padding-top:clamp(70px,8vw,120px); padding-bottom:clamp(70px,8vw,120px); color:#fff; background:var(--ink); }
.project-inspiration__head { display:flex; justify-content:space-between; align-items:baseline; gap:30px; margin-bottom:22px; padding-top:14px; border-top:1px solid rgba(255,255,255,.22); }
.project-inspiration__head span { font-size:9px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.project-inspiration__head p { margin:0; font-size:11px; opacity:.6; }
.project-inspiration__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(8px,1vw,16px); }
.project-inspiration figure { overflow:hidden; margin:0; background:#171717; }
.project-inspiration img { width:100%; aspect-ratio:3/4; object-fit:cover; transition:transform .8s cubic-bezier(.16,1,.3,1); }
.project-inspiration figure:hover img { transform:scale(1.025); }
.project-campaign-pair { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:clamp(10px,1.4vw,22px); padding-top:clamp(70px,8vw,120px); padding-bottom:clamp(70px,8vw,120px); background:var(--paper); }
.project-campaign-pair figure { display:grid; grid-template-rows:1fr auto; min-width:0; }
.project-campaign-pair img { width:100%; aspect-ratio:3/4; object-fit:cover; }
.project-campaign-pair__placeholder>div { width:100%; height:100%; min-height:0; background:#c9c8c3; }
.project-campaign-pair figcaption { padding-top:11px; font-size:8px; font-weight:900; letter-spacing:.1em; }
.project-wide { padding:var(--pad); background:var(--ink); color:#fff; }.project-wide img { aspect-ratio:16/9; object-fit:cover; }
.project-detail { display:grid; grid-template-columns:1.4fr .6fr; gap:clamp(40px,7vw,120px); align-items:center; padding-top:clamp(100px,12vw,180px); padding-bottom:clamp(100px,12vw,180px); }.project-detail figure img { aspect-ratio:4/3; object-fit:cover; }.project-detail figcaption { margin-top:12px; font-size:8px; font-weight:900; letter-spacing:.1em; }.project-detail h2 { margin-top:30px; font-size:clamp(2.8rem,4.4vw,5.2rem); }.project-detail__copy p { color:#333; }.project-detail ul { margin:55px 0 0; padding:0; list-style:none; }.project-detail li { padding:14px 0; border-top:1px solid var(--line); font-size:9px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.project-end { padding-top:clamp(120px,15vw,220px); padding-bottom:clamp(120px,15vw,220px); text-align:center; }.project-end h2 { margin:50px auto 35px; font-size:clamp(4rem,9vw,10rem); }.project-end p { max-width:580px; margin:0 auto; font-size:11px; line-height:1.5; text-transform:uppercase; }
.project-next { display:grid; grid-template-columns:1fr auto; padding:55px var(--pad); color:#fff; background:var(--ink); }.project-next span { font-size:9px; font-weight:900; letter-spacing:.1em; }.project-next strong { grid-column:1; margin-top:22px; font-family:var(--display); font-size:clamp(3rem,7.5vw,8rem); font-weight:400; line-height:.8; letter-spacing:-.06em; }.project-next i { grid-column:2; grid-row:1/3; align-self:center; font-size:45px; font-style:normal; transition:transform .4s; }.project-next:hover i { transform:translate(10px,-10px); }
.project-footer { display:flex; justify-content:space-between; padding:24px var(--pad); color:#888; background:#030303; font-size:8px; font-weight:900; letter-spacing:.08em; }
.reveal-project { opacity:0; transform:translateY(30px); transition:opacity .75s,transform .9s cubic-bezier(.16,1,.3,1); }.reveal-project.is-visible { opacity:1; transform:none; }
@media (max-width:800px) {
  .project-header { grid-template-columns:1fr auto; height:68px; padding:0 16px; font-size:7px; }.project-header>span{display:none}.project-close{grid-column:2}
  .project-overview { padding-top:52px; padding-bottom:60px; }.project-overview h1 { margin:18px 0 42px; font-size:clamp(1.65rem,6.8vw,2.45rem); line-height:.92; }.project-hero-grid { grid-template-columns:1fr; gap:0; }.project-hero-grid h1 { margin-bottom:24px; }.project-brief,.project-summary,.project-text { grid-template-columns:1fr; gap:28px; }.project-brief dl { grid-template-columns:repeat(2,1fr); gap:24px 15px; }.project-team { gap:12px; margin:0 0 34px; padding-top:0; }.project-team__grid { grid-template-columns:1fr; gap:12px; }.project-team dl { gap:10px; }.project-team dl>div { grid-template-columns:1fr 1.35fr; gap:10px; }.project-summary { margin-top:42px; }.project-summary p { font-size:.9rem; }
  .project-summary .project-summary__lead { font-size:.9rem; }.project-summary__more summary { font-size:7px; }.samsung-film { width:80%; min-width:0; margin:8px auto 72px; }.samsung-film video { box-shadow:0 16px 46px rgba(10,10,10,.16); }.tt-key-visual { padding:0 16px 20px; }.tt-billboard { width:calc(100% - 32px); margin-bottom:20px; padding:8px; }.tt-flyer { width:calc(100% - 32px); margin-bottom:20px; }.tt-social-grid { grid-template-columns:1fr; gap:16px; width:calc(100% - 32px); margin-bottom:72px; }.tt-reels { gap:12px; width:calc(100% - 32px); margin-bottom:90px; }.tt-reel { width:100%; margin:0; }.tt-collaboration { grid-template-columns:1fr; gap:34px; width:calc(100% - 32px); margin-bottom:90px; }.tt-collaboration__copy { gap:14px; }.tt-collaboration__copy strong { font-size:clamp(3rem,14vw,5rem); }.tt-macbook { width:calc(100% - 32px); margin-bottom:90px; }.samsung-billboard { width:80%; margin-bottom:82px; box-shadow:0 16px 44px rgba(10,10,10,.13); }.samsung-billboard--first { margin-bottom:10px; }.samsung-retail-island { width:100%; margin:0; padding:16px; }.samsung-social { --social-card:min(72.96vw,374px); padding-bottom:90px; }.samsung-social__label { width:80%; font-size:7px; }.samsung-social__viewport { padding-top:18px; padding-bottom:24px; }.samsung-social__controls { width:calc(100% - 32px); grid-template-columns:38px 1fr auto 38px; gap:10px; }.samsung-social__controls button { width:38px; height:38px; }.samsung-billboard--laptop,.samsung-billboard--wide { width:90%; }.samsung-poster-editorial { margin-bottom:90px; }.samsung-billboard--shoot-poster { margin-bottom:0; box-shadow:none; }.samsung-contact-sheet { left:0; top:8%; width:34%; margin:0; gap:10px 4px; }.samsung-contact-sheet--right { left:auto; right:0; top:68%; }.samsung-contact-sheet figcaption { margin-top:4px; font-size:12px; }
  .tt-collaboration__copy p { font-size:.9rem; }
  .tt-key-visual { width:calc(100% - 32px); margin-bottom:20px; padding:8px; }
  .tt-film { margin:8px auto 112px; }
  .project-cover { padding:0 16px 90px; }.project-cover img { height:68svh; object-fit:cover; }.project-cover--nike { padding-right:0; padding-left:0; }.project-cover--nike img { width:100%; height:auto; aspect-ratio:auto; object-fit:contain; }.project-cover--nike figcaption { width:100%; padding-right:16px; padding-left:16px; }.project-cover figcaption,.project-wide figcaption { gap:20px; font-size:6px; }
  .nike-image-strip { --photo-height:clamp(89px,26.35vw,123px); --photo-width:clamp(162px,49.3vw,234px); margin-bottom:52px; }.nike-image-strip__track { animation-duration:18s; }.nike-image-strip__set { gap:24px; padding-right:24px; }.nike-image-strip__mark { width:26px; }
  .project-text { padding-top:65px; padding-bottom:65px; }.project-text h2,.project-text p { font-size:.9rem; }.project-text--compact { padding-top:0; padding-bottom:70px; }
  .project-inspiration { padding-top:56px; padding-bottom:70px; }.project-inspiration__head { align-items:flex-start; flex-direction:column; gap:8px; }.project-inspiration__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .project-campaign-pair { grid-template-columns:1fr; gap:42px; padding-top:70px; padding-bottom:70px; }.project-campaign-pair__placeholder>div { height:auto; aspect-ratio:3/4; }
  .project-wide { padding:16px; }.project-wide img { aspect-ratio:4/5; }
  .project-detail { grid-template-columns:1fr; gap:65px; padding-top:90px; padding-bottom:90px; }.project-detail h2 { font-size:12vw; }.project-detail__copy p { font-size:14px; }
  .project-end h2 { font-size:14vw; }.project-next { padding:45px 20px; }.project-next strong { font-size:12vw; }.project-footer { gap:18px; flex-wrap:wrap; padding:22px 20px; }.project-footer span:nth-child(2){display:none}
}
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.reveal-project{opacity:1;transform:none;transition:none}.nike-image-strip__track{animation:none}.samsung-contact-sheet figure,.samsung-contact-sheet img,.samsung-contact-sheet figcaption{transition:none!important}.samsung-contact-sheet figure:hover,.samsung-contact-sheet figure:focus-visible{transform:none} }