/* LINE: drawn entrance, editorial mosaic, original brand icon. */
.opening-logo{width:96px;bottom:20px;left:13px}
.intro-drawing{position:absolute;inset:0;width:100%;height:100%;color:#8025d5;pointer-events:none;opacity:0}
.drawing-guides{opacity:.4}.drawing-ribbons{opacity:.9}.drawing-points{opacity:.6}
.intro-drawing path,.intro-drawing circle{stroke-dasharray:1;stroke-dashoffset:0}
.tile-logo{padding:9%;border:0}.tile-logo img{width:100%;height:auto;max-height:95%;object-fit:contain}
.mosaic{gap:9px}.mosaic .tile{border-radius:0}
.mosaic>.tile-agency{grid-area:1/1/8/5}.mosaic>.tile-branding{grid-area:1/5/6/14}
.mosaic>.tile-web{grid-area:1/14/8/21}.mosaic>.tile-marketing{grid-area:1/21/6/25}
.mosaic>.tile-approach{grid-area:8/1/13/5}.mosaic>.tile-contact{grid-area:6/5/13/12}
.mosaic>.tile-projects{grid-area:8/12/13/21}.mosaic>.tile-production{grid-area:6/21/13/25}
.mosaic .tile-label{font-size:clamp(18px,2vw,34px);left:20px;right:20px;top:19px;font-weight:500;line-height:1.1}
.mosaic .tile-index{left:20px;bottom:15px;font-size:6px;letter-spacing:.07em}
.tile-art img{display:block;max-width:100%;object-fit:cover}
.mosaic .tile-art{transition:transform .8s var(--ease)}
.mosaic .tile:hover .tile-art{transform:scale(1.035)}
.tile-agency{background:#221131;color:#eadcfc}.tile-branding{background:#d4c1f1;color:#371052}
.tile-web{background:#153b57;color:#fff}.tile-marketing{background:#ddefa9;color:#293d23}
.tile-approach{background:#f3b9dc;color:#752553}.tile-contact{background:#9a36db;color:#f5d8ff}
.tile-projects{background:#143b46;color:#fff}.tile-production{background:#261e25;color:#fff}
.emblem-art{inset:0;color:#a27abb}
.emblem-art>svg{position:absolute;inset:0;width:100%;height:100%;opacity:.5}
.emblem-art>img{position:absolute;width:150%;max-width:none;left:-25%;top:22%;height:65%;object-fit:contain;filter:drop-shadow(0 20px 20px #10071b30);animation:emblem-drift 7s ease-in-out infinite}
.emblem-tag{position:absolute;bottom:13%;left:20px;font-size:8px;line-height:1.8;letter-spacing:.08em;color:#d5b6ee}
.identity-art{inset:0}
.identity-sculpture{position:absolute;right:-10%;bottom:-14%;width:87%;height:108%;object-fit:cover;mix-blend-mode:multiply}
.identity-card{position:absolute;left:9%;top:30%;width:42%;height:64%;padding:10% 7% 5%;background:#f4f0ec;box-shadow:3px 8px 0 #6c3c9a20;transform:rotate(-9deg);display:flex;flex-direction:column;justify-content:center;gap:12px;color:#321147}
.identity-card b{font-size:clamp(65px,7vw,140px);font-family:Georgia,serif;font-weight:400;line-height:.7;letter-spacing:-.08em}
.identity-card small{font-size:6px;line-height:1.4;letter-spacing:.04em;margin-top:5px}
.identity-palette{display:flex;width:100%;height:12px;flex-shrink:0}.identity-palette i{width:25%;background:#6f00bb}.identity-palette i:nth-child(2){background:#c32bc9}.identity-palette i:nth-child(3){background:#eadab6}.identity-palette i:nth-child(4){background:#a3d14c}
.identity-seal{position:absolute;right:6%;bottom:8%;font-size:clamp(75px,8vw,145px);color:#692dbb;line-height:1;animation:spark-turn 35s linear infinite}
.website-art{inset:0;overflow:hidden}
.website-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.website-art::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#132935bd 0%,transparent 39%,transparent 75%,#102532aa)}
.website-window{position:absolute;top:32%;left:9%;right:9%;height:27px;border:1px solid #ffffff7a;display:flex;align-items:center;gap:5px;padding:8px 10px;color:#fff;z-index:1;background:#17394232;backdrop-filter:blur(6px)}
.website-window>i{width:4px;height:4px;border-radius:50%;background:#fff}.website-window>span{font-size:7px;margin-left:5px}
.website-pointer{position:absolute;right:9%;bottom:15%;width:49px;height:62px;z-index:1;animation:cursor-float 6s ease-in-out infinite}
.social-art{inset:0;overflow:hidden}
.social-art>img{position:absolute;left:14%;width:105%;max-width:none;height:65%;bottom:0;object-fit:cover;transform:rotate(-12deg);border:5px solid #f4ffd8;box-shadow:0 5px 30px #29411925}
.social-rings{position:absolute;width:180%;aspect-ratio:1;left:-40%;bottom:-60%;border:1px solid #6e8d45;border-radius:50%;box-shadow:0 0 0 14px #ddeda7,0 0 0 15px #6e8d4570,0 0 0 30px #ddeda7,0 0 0 31px #6e8d4570}
.social-orbit{position:absolute;font-size:85px;line-height:1;left:-3%;top:24%;color:#315c35;animation:spark-turn 32s linear infinite}
.social-tag{position:absolute;right:4%;bottom:16%;padding:7px 9px;border-radius:50%;background:#345f34;color:#e8fca8;font-size:8px;transform:rotate(-12deg)}
.vision-art{inset:15% -12% -7%;display:grid;place-items:center;overflow:hidden}
.vision-art>svg{position:absolute;inset:0;width:100%;height:100%;animation:spark-turn 40s linear infinite;opacity:.75}
.vision-art>b{font-size:clamp(40px,5vw,87px);font-weight:500;letter-spacing:-.09em;position:relative}
.talk-art{inset:21% 0 0;overflow:hidden}
.talk-art>svg{position:absolute;inset:0;width:120%;height:100%;left:-10%;opacity:.38}
.talk-art>span{position:absolute;right:8%;bottom:8%;font-family:Arial,sans-serif;font-size:clamp(160px,20vw,350px);line-height:.85;animation:arrow-breathe 6s ease-in-out infinite}
.portfolio-art{inset:0;overflow:hidden}
.portfolio-main{position:absolute;inset:0;width:100%;height:100%;object-position:center 58%}
.portfolio-art::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0c25368c,transparent 42%,#0c253636)}
.portfolio-card{position:absolute;width:33%;height:67%;right:5%;bottom:-4%;background:#fff;transform:rotate(9deg);padding:7px;z-index:1;box-shadow:0 5px 25px #0003}
.portfolio-card>img{width:100%;height:calc(100% - 20px);object-fit:cover}.portfolio-card>small{font-size:5px;color:#341849;display:block;padding-top:6px;white-space:nowrap}
.film-art{inset:0;overflow:hidden}
.film-main{position:absolute;inset:0;width:100%;height:72%;object-fit:cover;object-position:43% center}
.film-art::after{content:'';position:absolute;inset:0;background:linear-gradient(#17111ab0,transparent 45%);pointer-events:none}
.film-strip{position:absolute;bottom:-3%;left:-8%;width:116%;height:35%;transform:rotate(-9deg);border-top:7px solid #261e25;border-bottom:7px solid #261e25;z-index:1}
.film-strip>img{width:100%;height:100%;object-fit:cover}.film-strip>span{position:absolute;top:-6px;left:8%;font-size:5px;letter-spacing:.15em;color:#fff;line-height:6px}
.film-frame{position:absolute;inset:30% 10% 36%;z-index:1;border:1px solid #ffffffb3;color:white}
.film-frame>i{position:absolute;width:5px;height:5px;background:#f46087;top:8px;left:8px;border-radius:50%;animation:blink 2s step-end infinite}
.film-frame>b{position:absolute;top:6px;left:18px;font-size:6px;font-weight:400}.film-frame>span{position:absolute;inset:0;display:grid;place-items:center;font-size:28px;font-weight:400}
.tile-production .tile-index{z-index:3;text-shadow:0 1px 4px #000}
.outro-art{position:absolute;right:-5%;top:3%;width:45%;height:80%;pointer-events:none;opacity:.6}
.outro-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:rotate(-12deg)}
.outro-art>span{position:absolute;inset:5%;border:1px solid #ab7dca;border-radius:50%;transform:rotate(-30deg) scaleX(.65)}
.outro-art>span:nth-of-type(2){transform:rotate(30deg) scaleX(.65)}.outro-art>span:nth-of-type(3){transform:rotate(90deg) scaleX(.65)}
.outro>h2,.outro>.eyebrow,.outro-bottom,.outro>footer{position:relative;z-index:1}
.detail-hero-art .emblem-art>img{top:0;height:100%}.detail-hero-art .emblem-tag{display:none}
.detail-hero-art>.website-art,.detail-hero-art>.film-art,.detail-hero-art>.portfolio-art{inset:0;height:100%}
@keyframes emblem-drift{50%{transform:translateY(-9px) rotate(4deg)}}
@media(max-width:1000px) and (min-width:761px){.mosaic .tile-label{font-size:19px;left:14px;right:14px;top:15px}.mosaic .tile-index{left:14px;font-size:5px}.identity-card{gap:5px}.emblem-tag{left:14px;font-size:6px}.social-orbit{font-size:65px}}
@media(max-width:760px){
  .opening-logo{width:85px;left:13px;bottom:17px}
  .mosaic{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr));gap:6px;inset:7px 7px 25px}
  .mosaic>.tile-agency{grid-area:1/1/4/3!important}.mosaic>.tile-branding{grid-area:1/3/3/7!important}
  .mosaic>.tile-web{grid-area:3/3/6/7!important}.mosaic>.tile-marketing{grid-area:4/1/6/3!important}
  .mosaic>.tile-approach{grid-area:6/1/8/4!important}.mosaic>.tile-production{grid-area:6/4/9/7!important}
  .mosaic>.tile-projects{grid-area:8/1/11/4!important}.mosaic>.tile-contact{grid-area:9/4/11/7!important}
  .mosaic>.tile-logo{left:calc(50% - 23px);top:calc(70% - 27px);width:46px;height:54px;padding:3px;border:3px solid var(--paper)}
  .mosaic .tile-label,.mosaic .tile-contact .tile-label,.mosaic .tile-projects .tile-label,.mosaic .tile-production .tile-label{font-size:clamp(14px,3.9vw,21px);top:12px;left:12px;right:10px;line-height:1.13}
  .mosaic .tile-index{display:none}
  .mosaic .tile-projects .tile-label{right:35px;max-width:calc(100% - 47px)}
  .mosaic .tile-art{opacity:1}
  .emblem-art>img{width:180%;left:-40%;height:64%;top:22%}.emblem-tag{left:12px;bottom:10%;font-size:5px;line-height:1.7}
  .identity-card{top:30%;left:10%;width:39%;height:66%;padding:12% 7% 5%;gap:6px}.identity-card b{font-size:clamp(43px,13vw,80px)}.identity-card small{font-size:4px;margin-top:0}.identity-palette{height:7px}.identity-seal{font-size:70px;right:4%;bottom:3%}.identity-sculpture{width:90%;right:-10%;height:104%;bottom:-16%}
  .website-window{left:8%;right:8%;height:20px;top:31%;gap:4px;padding:4px 6px}.website-window>span{font-size:5px}.website-window>i{width:3px;height:3px}.website-pointer{width:30px;height:40px;bottom:12%}
  .social-art>img{left:13%;height:53%;bottom:2%;border-width:3px}.social-orbit{font-size:50px;top:36%;left:-8%}.social-tag{font-size:5px;padding:5px;bottom:7%;right:0}.social-rings{bottom:-30%}
  .vision-art{inset:17% -5% -10%}.vision-art>b{font-size:47px}
  .talk-art{inset:23% 0 0}.talk-art>span{font-size:105px;right:10%;bottom:5%}.talk-art>svg{width:130%;left:-20%}
  .portfolio-main{object-position:35% center}.portfolio-card{width:52%;height:45%;right:-4%;bottom:-5%;padding:4px}.portfolio-card>small{font-size:3px;padding-top:4px}.portfolio-card>img{height:calc(100% - 12px)}
  .film-strip{height:35%;bottom:-1%}.film-main{object-position:45% center}.film-strip>span{font-size:4px}
  .outro-art{width:70%;height:50%;right:-25%;top:20%;opacity:.35}
}
@media(max-width:760px) and (max-height:650px){.mosaic .tile-label,.mosaic .tile-contact .tile-label,.mosaic .tile-projects .tile-label,.mosaic .tile-production .tile-label{font-size:13px;top:9px;left:9px}.emblem-tag,.social-tag,.identity-card small{display:none}.identity-card{gap:5px}.identity-card b{font-size:40px}.vision-art>b{font-size:35px}.talk-art>span{font-size:75px}}
@media(prefers-reduced-motion:reduce){.intro-drawing{display:none}.mosaic>.tile-art,.tile-art *{animation:none!important}.mosaic{height:90svh;min-height:650px}@media(max-width:760px){.mosaic{height:1100px;min-height:0}}}