/* KAYDEM 003 — references: red / yellow / lime experimental typography.
   Original implementation. No third-party reference images are embedded. */
:root{--black:#070707;--red:#fa171a;--yellow:#f9f014;--lime:#a7ff52;--forest:#1d231d;--white:#f5f5f0;--muted:#93958f;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid white;outline-offset:4px}::selection{background:var(--yellow);color:black}.mono{font-family:var(--display);font-weight:700;letter-spacing:.035em;text-transform:uppercase}.skip-link{position:fixed;top:-100px;left:15px;padding:12px 16px;background:white;color:black;z-index:80}.skip-link:focus{top:12px}
/* HEADER */
.site-header{height:70px;position:absolute;inset:0 0 auto 0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3.5vw,64px);border-bottom:1px solid #ffffff25;background:linear-gradient(#050505c0,#05050520)}.wordmark{font:900 27px/.9 var(--display);letter-spacing:-.015em}.wordmark>span{font:700 9px var(--body);vertical-align:top;margin-left:2px}.main-nav{display:flex;gap:clamp(15px,2.1vw,35px);align-items:center}.main-nav a{font:700 15px var(--display);transition:color .2s}.main-nav a:hover{color:var(--red)}.main-nav a:last-child{color:var(--yellow)}.site-edition{font:700 11px var(--display);letter-spacing:.075em;opacity:.8}
/* UNIVERSAL POSTER DETAILS */
.poster-section{position:relative;isolation:isolate;overflow:hidden}.section-edge{display:flex;justify-content:space-between;gap:30px;padding:26px 3.3%;font-size:clamp(12px,1.15vw,17px);position:relative;z-index:4}.section-edge span:last-child{text-align:right}.full-stop{color:inherit}
/* SECTION 01: RED */
.hero{min-height:760px;height:100svh;max-height:1150px;display:flex;flex-direction:column;background:radial-gradient(circle at 49% 47%,#1c1c1c 0,#0a0a0a 43%,#030303 83%)}.hero-background{position:absolute;inset:0;opacity:.18;pointer-events:none;background:repeating-radial-gradient(ellipse at 52% 52%,transparent 0 46px,#353535 47px 48px,transparent 49px 74px);transform:rotate(-10deg) scale(1.28)}.hero-background span{position:absolute;left:20%;right:20%;top:45%;height:1px;background:#777;transform:rotate(28deg)}.hero-background span:nth-child(2){transform:rotate(-35deg);top:52%}.hero-background span:nth-child(3){transform:rotate(11deg);top:58%}.hero-sidehero{position:absolute;top:50%;left:1.6%;writing-mode:vertical-rl;transform:rotate(180deg);font:700 14px var(--display);margin:0;z-index:4}.hero-issue{display:flex;justify-content:space-between;padding:110px 3.3% 0;font-size:clamp(12px,1vw,14px);z-index:3}.hero-composition{width:100%;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative}.hero-giant{width:104%;margin:0 -2%;font:900 clamp(96px,15.3vw,270px)/.745 var(--display);letter-spacing:-.045em;color:var(--red);text-align:center;text-transform:uppercase;white-space:nowrap;transform:scaleX(1.06)}.hero-giant>span{display:block}.hero-giant>span:nth-child(2){transform:translateX(-1.7%)}.hero-giant>span:nth-child(3){transform:translateX(2%)}.hero-giant>span:nth-child(4){transform:translateX(-1.7%)}.hero-message{position:absolute;color:white;z-index:3;font:700 clamp(19px,2.8vw,42px)/.88 var(--display);text-shadow:0 2px 8px #0005}.hero-message strong{font-weight:800}.hero-message-num{display:block;font-size:clamp(10px,.9vw,13px);letter-spacing:.09em;margin-bottom:10px}.hero-message-left{left:20%;top:35%}.hero-message-right{right:13%;top:53%}.hero-bottom{display:flex;justify-content:space-between;gap:10px;align-items:end;padding:20px 3.3% 25px;font-size:clamp(12px,1vw,15px);z-index:4}.hero-bottom a{display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid white;padding-bottom:5px}.hero-bottom a:hover{color:var(--yellow)}.hero-bottom a span{font-size:22px}
/* SECTION 02: YELLOW */
.positioning{min-height:810px;background:#050505;color:var(--yellow);padding-bottom:22px}.positioning-stage{position:relative;height:clamp(540px,65vw,920px);isolation:isolate}.positioning-giant{position:absolute;z-index:1;inset:9% -6% 5%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;color:var(--yellow);font:900 clamp(95px,17vw,320px)/.74 var(--display);letter-spacing:-.045em;text-transform:uppercase;margin:0;white-space:nowrap;pointer-events:none}.positioning-giant span:nth-child(2){font-size:.79em;transform:translateX(1.5%)}.positioning-giant span:nth-child(3){font-size:.87em}.positioning-film{position:absolute;z-index:2;left:50%;top:51%;transform:translate(-50%,-50%);width:clamp(190px,28%,420px);height:73%;background:linear-gradient(#0001,#03030388),url('https://images.unsplash.com/photo-1529139574466-a303027c1d8b?w=950&q=85') center 42%/cover,#19221e;box-shadow:0 12px 70px #000b;display:flex;align-items:center;justify-content:center}.film-corner{position:absolute;height:20px;width:20px;border-color:var(--yellow);border-style:solid;opacity:.92}.top-left{left:9px;top:9px;border-width:2px 0 0 2px}.top-right{right:9px;top:9px;border-width:2px 2px 0 0}.bottom-left{left:9px;bottom:9px;border-width:0 0 2px 2px}.bottom-right{right:9px;bottom:9px;border-width:0 2px 2px 0}.film-play{width:75px;height:75px;border-radius:50%;border:1px solid #fff7;display:flex;align-items:center;justify-content:center;background:#0008;color:white;font-size:24px;padding-left:5px;backdrop-filter:blur(4px)}.film-label{position:absolute;bottom:30px;left:20px;right:20px;text-align:center;color:white;font-size:12px;text-shadow:0 1px 2px black}.positioning-aside{position:absolute;z-index:3;color:var(--yellow);font:800 clamp(17px,2.4vw,38px)/.9 var(--display);margin:0}.positioning-aside-left{left:5%;top:48%;text-align:left}.positioning-aside-right{right:5%;top:57%;text-align:right}.specialties{display:flex;align-items:center;justify-content:space-around;gap:16px;padding:24px 3.3%;border-top:1px solid #535137;border-bottom:1px solid #535137;font-size:clamp(14px,1.8vw,26px);text-align:center}.positioning-footer{display:flex;justify-content:space-between;gap:15px;align-items:start;padding:26px 3.3% 0;font-size:clamp(12px,1.3vw,17px)}.positioning-footer span:nth-child(2){text-align:center}
/* SECTION 03: LIME */
.about{background:var(--forest);color:var(--lime)}.about-stage{height:clamp(650px,75vw,990px);min-height:650px;position:relative;isolation:isolate}.about-giant{position:absolute;inset:6% -3% 4%;margin:0;display:flex;flex-direction:column;justify-content:space-between;text-align:center;font:900 clamp(90px,17vw,300px)/.75 var(--display);letter-spacing:-.045em;color:var(--lime);white-space:nowrap;text-transform:uppercase;pointer-events:none;z-index:1}.about-giant span:nth-child(2){font-size:.77em;transform:translateX(-2%)}.about-giant span:nth-child(3){font-size:1em;transform:translateX(4%)}.about-giant span:nth-child(4){font-size:.65em}.about-video-frame{position:absolute;z-index:2;left:50%;top:51%;transform:translate(-50%,-50%);height:58%;width:clamp(235px,30%,420px);background:#060d0f;border:1px solid #9ffb52;overflow:hidden;box-shadow:0 25px 100px #0009}.placeholder-photo{position:absolute;inset:0;background:radial-gradient(ellipse at 52% 23%,#58a197bb 0,#10383955 34%,transparent 57%),linear-gradient(110deg,#060a0b 10%,#0c2c2d 50%,#050707 85%)}.placeholder-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 31%,#e1f9ff11 31% 33%,transparent 33% 65%,#d8fcff12 65% 67%,transparent 67%),linear-gradient(0deg,#0008,transparent 65%)}.silhouette-head{position:absolute;width:22%;aspect-ratio:1;border-radius:50%;top:30%;left:39%;background:#060909;box-shadow:0 0 30px #56ffe333;filter:blur(.3px)}.silhouette-body{position:absolute;width:62%;height:47%;bottom:-11%;left:19%;border-radius:46% 46% 0 0;background:#050707;box-shadow:0 0 20px #46ffff24}.about-video-frame video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:2}.about-video-sticker{position:absolute;z-index:4;inset:15px 15px auto;display:flex;justify-content:space-between;gap:6px;color:#e5f6e5;font-size:11px}.about-video-label{position:absolute;z-index:4;left:15px;right:15px;bottom:22px;font-size:14px;text-align:center;color:#e6f4eb;line-height:1.2}.about-aside{position:absolute;bottom:14%;font-size:clamp(12px,1.15vw,18px);z-index:2;line-height:1.1}.about-aside-left{left:5%}.about-aside-right{right:5%;text-align:right}.about-copy-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:5%;padding:70px 5% 100px;border-top:1px solid #a7ff5240;color:var(--lime)}.about-heading{font:900 clamp(48px,6vw,110px)/.85 var(--display);letter-spacing:-.02em;text-transform:uppercase}.about-heading span{color:#f2f1e9}.about-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:35px}.about-copy p{max-width:620px;margin:0;color:#e9f2df;font:500 clamp(16px,2vw,25px)/1.5 var(--body)}.text-link{display:inline-flex;gap:35px;font:800 18px var(--display);border-bottom:1px solid var(--lime);padding-bottom:8px}.text-link:hover{color:white}
/* WORK / FINISH */
.work{background:#080808;padding-bottom:90px}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:50px 3.3% 65px}.work-heading h2{font:900 clamp(110px,20vw,300px)/.67 var(--display);letter-spacing:-.05em;margin:0}.work-heading h2 em{font-style:normal;color:var(--red)}.work-heading p{font:700 clamp(14px,1.5vw,23px)/1.1 var(--display);max-width:270px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px;margin:0 3.3%}.project-wide{grid-column:1/-1}.project-cover{width:100%;border:0;color:white;position:relative;aspect-ratio:1.55;display:flex;flex-direction:column;justify-content:space-between;padding:22px;text-align:left;overflow:hidden;background-size:cover;background-position:center;filter:saturate(.8);transition:filter .25s}.project-wide .project-cover{aspect-ratio:2.25}.project-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(#0007,transparent 45%,#000b);pointer-events:none}.project-cover:hover{filter:saturate(1.25)}.cover-car{background-image:url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?w=1800&q=85');background-color:#17202b}.cover-fashion{background-image:url('https://images.unsplash.com/photo-1529139574466-a303027c1d8b?w=1400&q=85');background-color:#2c2627}.cover-fitness{background-image:url('https://images.unsplash.com/photo-1517836357463-d25dfeac3438?w=1400&q=85');background-color:#171e1d}.project-cover-meta{position:relative;z-index:2;font-size:17px}.project-cover-title{position:relative;z-index:2;font:900 clamp(50px,7.5vw,135px)/.86 var(--display);letter-spacing:-.02em;text-transform:uppercase}.project-detail{display:flex;justify-content:space-between;gap:20px;font-size:clamp(12px,1.4vw,19px);padding:15px 0;border-bottom:1px solid #404040}.project-detail>span{color:#aaa}.demo-note{margin:45px 3.3% 0;font-size:12px;color:#b7b7b7;letter-spacing:.04em}.contact{background:var(--red);color:#0a0a0a;padding-bottom:60px}.contact .section-edge{border-bottom:1px solid #0909095a}.contact h2{margin:70px 3.3% 85px;font:900 clamp(95px,15vw,240px)/.74 var(--display);letter-spacing:-.045em;text-transform:uppercase}.contact h2 span{color:#fff}.contact-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 3.3%;border-top:2px solid #000;padding-top:28px}.contact-foot>span{font-size:clamp(14px,1.5vw,24px)}.contact-cta{display:inline-flex;gap:45px;align-items:center;padding:20px 25px;border:1px solid #000;font:800 clamp(20px,2.7vw,40px)/1 var(--display);transition:background .2s,color .2s}.contact-cta:hover{background:black;color:white}.contact .demo-note{color:#151515}footer{padding:25px 3.3%;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px}.footer-logo{font-size:28px}
/* DIALOG / VIDEO */
.project-dialog{padding:0;border:1px solid #777;width:min(850px,calc(100vw - 30px));max-height:90vh;overflow:auto;background:#111;color:white}.project-dialog::backdrop{background:#000d;backdrop-filter:blur(7px)}.project-dialog form{position:absolute;top:12px;right:12px;z-index:5}.dialog-close{width:44px;height:44px;border:0;background:var(--red);color:white}.dialog-visual{height:clamp(170px,30vw,340px);background-size:cover;background-position:center}.dialog-info{padding:35px}.dialog-info h2{font:900 clamp(55px,9vw,110px)/.88 var(--display);margin:14px 0}.dialog-info p{line-height:1.65;color:#ccc}.video-holder{background:#252525;padding:18px;margin-top:25px;font-size:14px;color:#ccc}.video-holder iframe{width:100%;aspect-ratio:16/9;border:0;display:block}.video-holder:has(iframe){padding:0}
/* TABLET + MOBILE */
@media(max-width:1100px){.site-edition{display:none}.hero-giant{font-size:16.5vw}.hero{min-height:650px}.hero-message-right{right:9%}.positioning-giant{font-size:18vw}.about-giant{font-size:18vw}}
@media(max-width:700px){.site-header{height:64px;padding:0 4%}.wordmark{font-size:23px}.main-nav{gap:13px}.main-nav a{font-size:12px}.main-nav a:nth-child(1){display:none}.section-edge{font-size:12px;padding:18px 4%}.section-edge span:last-child{max-width:50%}.hero{height:100svh;min-height:700px;max-height:none}.hero-issue{padding:94px 4% 0;font-size:12px}.hero-giant{font-size:24vw;line-height:.81;letter-spacing:-.05em;width:118%;margin:0 -9%;transform:scaleX(1.02)}.hero-giant span:nth-child(1){font-size:.8em}.hero-giant span:nth-child(2){font-size:.88em}.hero-giant span:nth-child(3){font-size:1.04em}.hero-giant span:nth-child(4){font-size:.83em}.hero-message{font-size:clamp(19px,5.7vw,30px);line-height:.92}.hero-message-left{left:6%;top:28%}.hero-message-right{right:5%;top:59%;text-align:right}.hero-message-num{font-size:10px;margin-bottom:5px}.hero-sidehero{display:none}.hero-bottom{padding:14px 4% 22px;font-size:12px}.hero-bottom span:last-child{display:none}.hero-bottom a{gap:9px}.positioning{min-height:0}.positioning-stage{height:640px}.positioning-giant{inset:11% -10% 8%;font-size:27vw;line-height:.86}.positioning-giant span:nth-child(2){font-size:.69em}.positioning-giant span:nth-child(3){font-size:.75em}.positioning-film{width:54%;height:56%;top:50%}.positioning-aside{font-size:19px}.positioning-aside-left{left:3%;top:39%}.positioning-aside-right{right:3%;top:60%}.film-play{width:53px;height:53px;font-size:17px}.film-label{font-size:9px;bottom:14px;left:10px;right:10px}.specialties{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:20px 4%;font-size:18px}.positioning-footer{padding:20px 4%;font-size:12px;display:grid;grid-template-columns:1fr 1fr}.positioning-footer span:nth-child(2){text-align:right}.positioning-footer span:last-child{display:none}.about-stage{height:670px;min-height:0}.about-giant{inset:13% -14% 6%;font-size:27vw;line-height:.81}.about-giant span:nth-child(2){font-size:.65em}.about-giant span:nth-child(4){font-size:.59em}.about-video-frame{width:58%;height:49%;top:53%}.about-aside{bottom:4%;font-size:11px}.about-aside-left{left:4%}.about-aside-right{right:4%}.about-video-sticker{font-size:8px;inset:11px 11px auto}.about-video-label{font-size:11px}.about-copy-wrap{grid-template-columns:1fr;padding:46px 4% 75px;gap:27px}.about-heading{font-size:clamp(60px,12vw,100px)}.about-copy p{font-size:17px}.work-heading{display:block;margin:30px 4% 38px}.work-heading h2{font-size:25vw}.work-heading p{margin-top:45px}.work-grid{margin:0 4%;grid-template-columns:1fr;gap:30px}.project-wide{grid-column:auto}.project-cover,.project-wide .project-cover{aspect-ratio:1.2;padding:14px}.project-cover-title{font-size:clamp(50px,12vw,90px)}.project-detail{display:block}.project-detail span{display:block;margin-top:5px}.demo-note{margin:35px 4% 0}.contact{padding-bottom:45px}.contact h2{margin:55px 4% 70px;font-size:18vw;line-height:.84}.contact-foot{display:flex;flex-direction:column;align-items:stretch;margin:0 4%}.contact-cta{justify-content:space-between;font-size:30px}footer{padding:25px 4%;font-size:11px}footer>span:nth-child(2){display:none}.footer-logo{font-size:22px}.dialog-info{padding:22px}}
@media(max-width:360px){.main-nav{gap:9px}.main-nav a{font-size:11px}.hero-message{font-size:18px}.hero-bottom{font-size:10px}.positioning-stage{height:550px}.about-stage{height:570px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* Keep the reference's intentional cropped-poster styling without forcing side scrolling.
   For smaller phones, the long copy becomes a deliberately stacked typographic composition. */
html{overflow-x:clip}
@media(max-width:700px){
  .hero-giant{width:98%;margin:0 auto;white-space:normal;transform:none;font-size:19vw;line-height:.83;letter-spacing:-.04em}
  .hero-giant>span{transform:none!important;display:block}
  .hero-giant>span:nth-child(1){font-size:.74em}
  .hero-giant>span:nth-child(2){font-size:.80em}
  .hero-giant>span:nth-child(3){font-size:1.02em}
  .hero-giant>span:nth-child(4){font-size:.70em}
  .hero-message-left{left:4%;top:12%}
  .hero-message-right{right:4%;top:auto;bottom:9%}
  .hero-composition{padding:0 3%}
  .hero-bottom{z-index:5}
  .about-giant{inset:13% -2% 7%;font-size:20vw;white-space:normal;line-height:.79}
  .about-giant span:nth-child(2){font-size:.59em;transform:none}
  .about-giant span:nth-child(3){font-size:.93em;transform:none}
  .about-giant span:nth-child(4){font-size:.49em}
}
/* User footage, posters and text-editable architecture */
.hero-user-media{position:absolute;inset:0;overflow:hidden;z-index:0;opacity:.3;pointer-events:none}
.user-film-media{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none}
.uploaded-visual{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.has-user-media .about-video-label,.has-user-media .film-play,.has-user-media .film-label{display:none}
.positioning-film .user-film-media{border:0}
.project-cover{overflow:hidden;background-size:cover;background-position:center}
.project-video-cover{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;z-index:0;pointer-events:none}
[data-edit]{transition:outline-color .15s}
/* Ensure long names/section lines may be adjusted via the visual controls without horizontal scrolling */
.work-heading h2{font-style:normal}

.positioning-film .film-corner{z-index:5}