@font-face{font-family:Jaoren;src:url('assets/jaoren.otf');font-display:swap}@font-face{font-family:Poppins;src:url('assets/Poppins-Regular.ttf');font-display:swap}:root{--blue:#0677ff;--paper:#f4f4f4;--gray:#e6e6e6;--ink:#181818;--ease:cubic-bezier(.16,1,.3,1);--radius:38px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--blue);font-family:Poppins,Arial,sans-serif;overflow-x:clip;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{border:0;font:inherit;color:inherit;cursor:pointer}img{width:100%;display:block}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:6px}::selection{background:var(--blue);color:white}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mono{font-family:Poppins,sans-serif;font-size:11px}.skip{position:fixed;top:-100px;left:15px;padding:15px;background:white;z-index:50}.skip:focus{top:15px}.header{height:104px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between}.logo{width:90px}.logo img{opacity:0}.logo{background:var(--blue);mask:url('assets/logo.png') center/contain no-repeat;-webkit-mask:url('assets/logo.png') center/contain no-repeat}.header nav{display:flex;align-items:center;gap:25px}.header nav a{width:36px;height:36px;padding:6px;display:block;transition:transform .4s var(--ease)}.header nav a:hover{transform:translateY(-4px)}.header nav svg{width:100%;height:100%}.hero{padding:0 16px}.hero-film{position:relative;height:calc(100svh - 120px);min-height:550px;overflow:hidden;border-radius:var(--radius);background:var(--ink);color:white}.hero-film video,.film-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.film-shade{background:linear-gradient(transparent 55%,#0005)}.hero-lockup{position:absolute;left:50%;top:47%;width:min(54vw,760px);transform:translate(-50%,-50%)}h1{font-size:clamp(8px,1vw,14px);text-align:center;white-space:nowrap;font-weight:400;margin:28px 0 0}.hero-bottom{position:absolute;bottom:28px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center}.arrow-box{font:30px Arial;display:grid;place-items:center;width:48px;height:48px;border:1px solid #fff9;border-radius:50%}.hero-bottom button{background:transparent;color:white;border:1px solid #fff9;border-radius:50%;width:40px;height:40px}.reel-section{position:relative;padding:75px 0 55px;background:var(--gray)}.reel-sticky{position:relative;height:min(850px,100svh);min-height:650px;overflow:hidden;isolation:isolate}.reel-type{font-family:Jaoren,Georgia,serif;font-size:clamp(80px,13vw,210px);font-weight:400;letter-spacing:-.035em;line-height:.95;margin:0;position:absolute;top:4%;left:0;right:0;text-align:center;z-index:5;pointer-events:none}.space{position:absolute;inset:0;perspective:1200px;pointer-events:none;overflow:hidden;z-index:1}.image-orbit{position:absolute;width:0;height:0;top:63%;left:50%;transform-style:preserve-3d;transform:rotateX(-10deg) rotateY(-18deg)}.orbit-card{position:absolute;width:245px;height:180px;left:-122px;top:-90px;transform:rotateY(var(--angle)) translateZ(520px);backface-visibility:hidden;overflow:hidden;border-radius:var(--radius);box-shadow:0 20px 35px #0002}.orbit-card img{width:100%;height:100%;object-fit:cover}.reel-panel{position:absolute;left:50%;top:59%;width:65%;aspect-ratio:16/9;transform:translate(-50%,-50%) perspective(1400px) rotateY(-7deg);z-index:3;background:var(--blue);border-radius:var(--radius);overflow:hidden;box-shadow:0 25px 55px #0002}.reel-panel button,.reel-panel iframe,#reel-player{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:var(--ink)}.reel-panel>button{z-index:2}.reel-panel>button[hidden]{display:none}.reel-panel button>img{height:100%;object-fit:cover}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px}.play-button>span{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:white;color:var(--blue);font:23px Arial;padding-left:4px;box-shadow:0 8px 30px #0002;transition:transform .5s var(--ease)}.reel-panel button:hover .play-button>span{transform:scale(1.1)}.play-button b{font-size:12px;font-weight:400;color:white;background:#0007;padding:5px 12px;border-radius:20px}.reel-section.playing .reel-panel{transform:translate(-50%,-50%)}.work{padding:40px 3vw 75px}.work-header{position:relative}.work-heading{position:relative;min-height:390px;padding:50px 2vw 70px;isolation:isolate}.work-heading h2{position:relative;z-index:3;font-family:Jaoren,Georgia,serif;font-size:clamp(85px,12.5vw,205px);font-weight:400;letter-spacing:-.035em;line-height:.9;margin:0;width:max-content}.work-heading h2>span{display:block}.work-heading em{font-style:normal}.work-sculpture{position:absolute;right:-2%;top:0;width:32%;height:100%;object-fit:contain;transform:rotate(-20deg);z-index:1;filter:drop-shadow(14px 20px 18px #0002)}.collections{display:flex;flex-direction:column;gap:24px}.collection{position:relative;border-radius:var(--radius);background:var(--gray);color:var(--blue)}.collection:nth-child(even){background:var(--blue);color:white}.collection summary{position:relative;min-height:320px;padding:48px 4%;display:flex;align-items:center;list-style:none;cursor:pointer;isolation:isolate;perspective:1000px}.collection summary::-webkit-details-marker{display:none}.collection h3{font-family:Jaoren,Georgia,serif;font-size:clamp(50px,6.3vw,105px);font-weight:400;letter-spacing:-.03em;line-height:.97;margin:0;position:relative;z-index:5;max-width:54%;text-shadow:0 1px 0 #ffffff15}.collection-0 h3{max-width:52%}.collection-art{position:absolute;right:5%;top:0;bottom:0;width:44%;z-index:2;pointer-events:none;transform-style:preserve-3d}.art-tracks{position:absolute;inset:0;transform:rotate(-8deg)}.art-tile{position:absolute;width:53%;height:62%;object-fit:cover;border-radius:var(--radius);box-shadow:0 16px 25px #0002;transition:transform .8s var(--ease)}.tile-0{left:0;top:7%;transform:rotate(-13deg)}.tile-1{right:0;top:26%;transform:rotate(13deg)}.tile-2{left:18%;top:45%;height:46%;width:60%;transform:rotate(-3deg)}.collection-object{position:absolute;width:53%;height:104%;object-fit:contain;left:18%;top:-6%;z-index:3;filter:drop-shadow(12px 22px 15px #0002);transform:rotate(-13deg);transition:transform .9s var(--ease)}.collection-0 .collection-object{width:42%;left:38%;top:8%;height:70%}.collection-2 .collection-object{left:26%;width:58%;transform:rotate(12deg)}.collection-3 .collection-object{left:1%;width:62%;transform:rotate(-17deg)}.collection-4 .collection-object{left:17%;width:60%;height:110%;top:-7%}.art-doodle{position:absolute;left:-10%;bottom:12%;width:67px;height:67px;z-index:4;transform:rotate(15deg);transition:transform 1s var(--ease)}.collection-arrow{position:absolute;right:24px;bottom:19px;font:36px Arial;z-index:6;line-height:1;width:35px;height:35px;text-align:center;transition:transform .65s var(--ease)}.collection[open] .collection-arrow{transform:rotate(45deg)}.collection summary:hover .collection-object{transform:rotate(2deg) translateY(-12px)}.collection summary:hover .tile-0{transform:rotate(-17deg) translate(-12px,-5px)}.collection summary:hover .tile-1{transform:rotate(17deg) translate(12px,0)}.collection summary:hover .art-doodle{transform:rotate(80deg)}.collection-body{overflow:clip;color:var(--blue);background:var(--paper);border-radius:0 0 var(--radius) var(--radius)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 8%;padding:65px 5% 50px}.project-card{display:block;position:relative;min-width:0}.project-art{position:relative;perspective:1000px}.project-cut{position:relative;overflow:hidden;border-radius:var(--radius);aspect-ratio:4/3;background:var(--gray);transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .6s var(--ease)}.project-cut>img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.project-card:hover .project-cut>img{transform:scale(1.05)}.project-object{position:absolute;width:42%;height:85%;object-fit:contain;top:-20%;right:-9%;filter:drop-shadow(8px 15px 12px #0002);transform:rotate(8deg);pointer-events:none;transition:transform .8s var(--ease)}.project-card:hover .project-object{transform:rotate(-4deg) translateY(-8px)}.project-action{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:37px;height:37px;background:white;color:var(--blue);border-radius:50%;font:25px Arial}.project-placeholder{position:absolute;bottom:15px;left:15px;font-size:8px;color:white}.project-meta{margin-top:18px}.project-meta h4{font:400 17px Poppins,Arial,sans-serif;margin:0;color:var(--blue)}.collection-gallery{columns:3;column-gap:20px;padding:35px 4%}.collection-gallery button{display:block;width:100%;padding:0;margin:0 0 20px;background:var(--gray);border-radius:var(--radius);overflow:hidden;break-inside:avoid}.collection-gallery img{transition:transform 1s var(--ease)}.collection-gallery button:hover img{transform:scale(1.05)}.contact{position:relative;background:var(--blue);color:white;padding:85px 5vw 0;overflow:hidden}.contact-title{display:block;font-family:Jaoren,Georgia,serif;font-size:clamp(95px,13vw,210px);line-height:.9;letter-spacing:-.035em;font-weight:400}.contact-title>span{display:block}.contact-title>span:last-child{padding-left:10vw}.contact-title i{font-style:normal}.contact-title b{display:inline-block;font:12vw Arial;margin-left:4vw;transition:transform .7s var(--ease)}.contact-title:hover b{transform:translate(10px,-10px)}.contact-bottom{padding:60px 0}.email{font-size:clamp(15px,2vw,28px);border-bottom:1px solid #fff7;padding-bottom:10px;display:flex;justify-content:space-between;max-width:520px}.contact-grain{display:none}footer{padding:24px 0;border-top:1px solid #fff5;display:flex;justify-content:space-between;align-items:center}footer img{width:75px}footer .mono{font-size:9px}.cursor{display:none}dialog{position:fixed;inset:0;width:100vw;max-width:100vw;height:100svh;max-height:100svh;padding:65px;margin:0;border:0;background:#181818f7;color:white}dialog::backdrop{background:#181818}dialog[open]{display:flex;align-items:center;justify-content:center}dialog>img{width:auto;max-width:90%;max-height:84vh;object-fit:contain}dialog button{position:absolute;background:transparent;padding:15px}.lightbox-close{top:15px;right:20px}.prev{left:10px;font:32px Arial}.next{right:10px;font:32px Arial}.image-count{position:absolute;bottom:22px}.motion .word-window{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}.motion .word-window>span{display:block;transform:translateY(110%);transition:transform 1s var(--ease)}.motion .entered .word-window>span{transform:none}.motion .project-card{opacity:0;transform:translateY(25px);transition:opacity .7s var(--ease),transform .9s var(--ease)}.motion .project-card.entered{opacity:1;transform:none}
@media(min-width:1700px){.work,.contact{padding-left:max(3vw,calc((100vw - 1650px)/2));padding-right:max(3vw,calc((100vw - 1650px)/2))}.collection summary{min-height:390px}}
@media(max-width:700px){:root{--radius:24px}.header{height:85px;padding:0 20px}.logo{width:72px}.header nav{gap:16px}.header nav a{width:32px;height:32px}.hero{padding:0 10px}.hero-film{height:calc(100svh - 100px);min-height:510px}.hero-lockup{width:80vw}h1{font-size:7px;margin-top:24px}.hero-bottom{bottom:20px;left:20px;right:20px}.arrow-box{width:38px;height:38px;font-size:24px}.hero-bottom button{width:36px;height:36px}.reel-section{padding:55px 0 20px}.reel-sticky{height:590px;min-height:0}.reel-type{font-size:17vw;top:3%}.image-orbit{top:58%;transform:rotateX(-10deg) rotateY(-18deg) scale(.6)}.orbit-card{width:200px;left:-100px;height:160px;transform:rotateY(var(--angle)) translateZ(360px)}.reel-panel{top:55%;width:79%;aspect-ratio:4/3;transform:translate(-50%,-50%) perspective(1400px) rotateY(-7deg)}.play-button>span{height:65px;width:65px;font-size:18px}.play-button b{font-size:10px}.work{padding:15px 14px 45px}.work-heading{min-height:230px;padding:30px 6px 45px}.work-heading h2{font-size:17vw}.work-sculpture{width:33%;right:-2%;top:0;height:210px;opacity:.95}.collections{gap:20px}.collection summary{min-height:265px;padding:28px 24px;align-items:flex-start}.collection h3{font-size:10vw;max-width:72%;line-height:.95;z-index:5}.collection-0 h3{max-width:80%}.collection-art{width:66%;height:177px;right:7%;top:auto;bottom:-4px}.art-tile{border-radius:20px}.collection-object{height:112%;width:51%;top:-9%;left:26%}.collection-0 .collection-object{width:47%;left:37%;height:75%;top:13%}.art-doodle{left:-18%;width:43px;height:43px;bottom:17%}.collection-arrow{right:15px;bottom:17px;font-size:30px}.project-grid{padding:45px 7% 30px;gap:32px 10%;grid-template-columns:repeat(2,minmax(0,1fr))}.project-cut{aspect-ratio:4/5}.project-meta{margin-top:12px}.project-meta h4{font-size:12px;line-height:1.4}.project-action{width:27px;height:27px;right:10px;bottom:10px;font-size:19px}.project-object{width:60%;height:78%;top:-14%;right:-15%}.project-placeholder{font-size:6px;left:10px;bottom:10px}.collection-gallery{columns:2;column-gap:12px;padding:24px 5%}.collection-gallery button{margin-bottom:12px}.contact{padding:55px 20px 0}.contact-title{font-size:16vw;line-height:.95}.contact-title b{font-size:16vw;margin-left:3vw}.contact-title>span:last-child{padding-left:7vw}.contact-bottom{padding:40px 0}.email{font-size:13px;max-width:100%}footer{padding:20px 0}footer img{width:55px}footer .mono{font-size:7px}dialog{padding:55px 30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion .word-window>span,.motion .project-card{transform:none;opacity:1}}
.reel-sticky{height:min(750px,90svh);min-height:650px}.reel-panel{top:51%}.image-orbit{top:52%}.orbit-card{transform:rotateY(var(--angle)) translateZ(430px)}
@media(max-width:700px){.reel-sticky{height:550px;min-height:0}.reel-panel{top:53%}.image-orbit{top:52%}.orbit-card{transform:rotateY(var(--angle)) translateZ(360px)}}
/* Revision: blue opening, connected reel, speech-led section titles. */
.header{background:var(--blue);color:white}.logo{background:white}.header nav{gap:10px}.hero{background:var(--blue);padding-bottom:42px}.hero-film{height:calc(100svh - 146px)}.hero-bottom .arrow-box,.hero-bottom button{width:48px;height:48px;display:grid;place-items:center;background:#ffffff18;border:1px solid #ffffffa0;backdrop-filter:blur(12px);transition:background .3s,transform .4s var(--ease)}.hero-bottom .arrow-box:hover,.hero-bottom button:hover{background:#ffffff40;transform:translateY(-3px)}.hero-bottom svg{width:24px;height:24px}.hero-bottom .arrow-box{font-size:0}.hero-bottom button{padding:11px}.hero-bottom button svg{width:24px;height:24px}.reel-section{padding-top:105px;padding-bottom:0;isolation:isolate}.reel-section:before{content:'';position:absolute;top:-1px;left:-10%;width:120%;height:92px;background:var(--blue);border-radius:0 0 50% 50%;z-index:2}.reel-sticky{height:650px;min-height:0;overflow:hidden}.reel-type{font-size:clamp(85px,14vw,220px);top:7%;line-height:.9}.reel-panel{top:50%;width:65%}.image-orbit{top:49%}.reel-ornaments{position:absolute;inset:0;z-index:4;pointer-events:none}.film-perfs{position:absolute;width:12px;height:150px;top:39%;background:repeating-linear-gradient(to bottom,var(--blue) 0 12px,transparent 12px 23px);border-radius:3px;opacity:.35}.perfs-left{left:5%}.perfs-right{right:5%}.reel-swoop{position:absolute;width:13%;height:26%;right:7%;top:10%;transform:rotate(-15deg)}.reel-spool{position:absolute;width:17%;height:30%;object-fit:contain;left:5%;top:15%;transform:rotate(-22deg);filter:drop-shadow(8px 15px 12px #0002)}
.work{padding-top:0}.work-heading{min-height:360px;height:360px;padding:0;display:grid;place-items:center;margin:0 0 30px;isolation:isolate}.work-bubble{position:relative;width:85%;height:255px;display:grid;place-items:center;transform:rotate(-3deg);color:white}.work-bubble:before{content:'';position:absolute;inset:0;background:var(--blue);border-radius:48% 48% 45% 45%}.work-bubble:after{content:'';position:absolute;bottom:-25px;right:14%;width:90px;height:75px;background:var(--blue);clip-path:polygon(0 0,100% 0,100% 100%);z-index:-1}.work-heading h2{width:auto;text-align:center;font-size:clamp(70px,11vw,180px);line-height:.88;transform:rotate(3deg)}.work-heading h2>span:first-child{font-size:.44em;line-height:1.2;letter-spacing:.01em}.work-burst{position:absolute;width:60px;height:60px}.burst-left{left:1%;top:15%;transform:rotate(16deg)}.burst-right{right:1%;bottom:16%;width:45px;height:45px}.work-loop{position:absolute;left:1%;bottom:12%;width:60px;height:90px;border:1.5px solid var(--blue);border-radius:50%;transform:rotate(-35deg)}.collection-copy{position:relative;z-index:5;width:54%}.collection h3,.collection-0 h3{max-width:none}.collection-copy p{font-size:12px;line-height:1.6;max-width:240px;margin:20px 0 0}.collection-body{background:inherit;color:inherit}.project-meta h4{color:inherit}.project-meta{color:inherit}.collection:nth-child(even) .project-meta h4{color:white}.collection:nth-child(odd) .project-meta h4{color:var(--blue)}
.contact{padding-top:100px;isolation:isolate;min-height:680px}.contact-art{position:absolute;inset:0;z-index:-1;pointer-events:none}.contact-orbit{position:absolute;border:1px solid #ffffff65;border-radius:50%;width:90%;height:73%;right:-35%;top:-15%;transform:rotate(-28deg)}.orbit-two{right:-30%;top:-7%;width:78%;height:60%;border-color:#ffffff2b}.contact-envelope{position:absolute;left:8%;top:55px;width:18%;height:150px;transform:rotate(-17deg);opacity:.75}.contact-chat{position:absolute;right:3%;top:15%;width:33%;height:43%;object-fit:contain;transform:rotate(15deg);filter:drop-shadow(15px 20px 20px #002e9580)}.contact-gem{position:absolute;right:30%;top:4%;width:14%;height:20%;object-fit:contain;transform:rotate(-18deg);filter:drop-shadow(10px 15px 15px #002e9555)}.contact-spark{position:absolute;left:4%;top:52%;width:65px;height:65px;transform:rotate(15deg)}.contact-title{position:relative;z-index:2;font-size:clamp(110px,19vw,300px);margin-top:50px;line-height:.84;width:fit-content}.contact-title>span:first-child{font-size:.6em;margin-left:17vw;line-height:1.2}.contact-title>span:last-child{padding-left:5vw}.contact-title b{font-size:.6em;margin-left:3vw}.contact-bottom{position:relative;z-index:3;padding:45px 0 60px 6vw}.email{font-size:clamp(15px,2vw,27px);background:#ffffff12;border:1px solid #ffffff60;border-radius:50px;padding:15px 25px;max-width:520px;backdrop-filter:blur(10px)}footer{position:relative;z-index:3}
@media(max-width:700px){.header nav{gap:7px}.hero{padding-bottom:30px}.hero-film{height:calc(100svh - 115px)}.hero-bottom .arrow-box,.hero-bottom button{height:42px;width:42px}.hero-bottom button{padding:8px}.reel-section{padding-top:65px;padding-bottom:0}.reel-section:before{height:52px;left:-15%;width:130%}.reel-sticky{height:480px}.reel-type{top:7%;font-size:17vw}.reel-panel{top:48%;width:77%}.image-orbit{top:48%}.reel-swoop{width:16%;height:23%;right:3%;top:14%}.reel-spool{width:20%;height:25%;left:0;top:12%}.film-perfs{width:7px;height:100px;top:40%;background:repeating-linear-gradient(to bottom,var(--blue) 0 7px,transparent 7px 15px)}.perfs-left{left:3%}.perfs-right{right:3%}.work-heading{height:245px;min-height:0;margin-bottom:15px}.work-bubble{width:88%;height:170px}.work-bubble:after{width:55px;height:50px;bottom:-17px}.work-heading h2{font-size:13vw}.work-burst{width:35px;height:35px}.burst-left{left:0;top:13%}.burst-right{right:0;bottom:11%;width:30px;height:30px}.work-loop{width:30px;height:50px;left:1%;bottom:9%}.collection summary{min-height:305px}.collection-copy{width:85%}.collection h3{max-width:100%}.collection-copy p{font-size:10px;line-height:1.5;max-width:220px;margin-top:12px}.collection-art{height:170px;bottom:-3px}.collection-0 .collection-copy{width:86%}.contact{min-height:0;padding-top:100px}.contact-title{font-size:27vw;margin-top:35px}.contact-title>span:first-child{font-size:.65em;margin-left:14vw}.contact-title>span:last-child{padding-left:1vw}.contact-title b{font-size:.6em}.contact-envelope{left:7%;top:30px;width:22%;height:80px}.contact-chat{width:35%;height:34%;right:0;top:16%}.contact-gem{width:15%;height:17%;right:29%;top:3%}.contact-spark{width:35px;height:35px;left:1%;top:47%}.contact-bottom{padding:35px 0 40px}.email{font-size:12px;padding:12px 17px}.contact-orbit{width:120%;height:60%;right:-65%;top:-9%}.orbit-two{right:-60%;top:-2%}}
.collection-body{background:var(--gray);color:var(--blue)}.collection:nth-child(even) .collection-body{background:var(--blue);color:white}
/* Annotated refinements */
.hero{padding-bottom:0;position:relative;z-index:2}.reel-section{padding-top:58px}.reel-section:before{top:-66px;height:92px}.reel-outline{color:transparent;-webkit-text-stroke:1.25px var(--blue)}
.work-heading{height:auto;min-height:0;margin:0 0 32px;padding:48px 10px 30px;display:block;isolation:auto}.work-heading h2{width:100%;margin:0;text-align:left;transform:none;line-height:.9}.work-heading h2>span.work-prefix{font-size:clamp(32px,5vw,75px);line-height:1;letter-spacing:0;margin-bottom:22px}.work-heading h2>span.work-lockup{font-size:clamp(88px,16.3vw,250px);line-height:.95;letter-spacing:-.035em;white-space:nowrap}.work-lockup em{color:transparent;-webkit-text-stroke:1.25px var(--blue);font-style:normal}.work-explainer{position:absolute;top:40px;right:10px;width:41%;display:flex;align-items:center;gap:18px;z-index:5}.work-explainer p{font-size:12px;line-height:1.7;margin:0;max-width:295px}.work-jump{width:38px;height:38px;flex-shrink:0;display:block}.work-jump svg{width:100%;height:100%}.collection-4 .collection-copy{width:51%}.collection-4 h3{line-height:.98}.collection-4 .collection-object{width:72%;height:115%;left:8%;top:-8%;transform:rotate(-10deg)}
.contact-title{line-height:.78}.contact-title>span:first-child{line-height:.95;margin-bottom:0}.contact-title>span:last-child{margin-top:-4px}.contact-outline{color:transparent;-webkit-text-stroke:1.3px white}.contact-title b{color:white}
@media(max-width:700px){.hero{padding-bottom:0}.reel-section{padding-top:40px}.reel-section:before{top:-36px;height:52px}.reel-outline,.work-lockup em{-webkit-text-stroke-width:1px}.work-heading{padding:30px 6px 22px;margin-bottom:15px}.work-heading h2>span.work-prefix{font-size:8vw;margin-bottom:20px}.work-heading h2>span.work-lockup{font-size:16.5vw;letter-spacing:-.035em}.work-explainer{position:static;width:100%;margin:0 0 25px;gap:20px;align-items:center}.work-explainer p{font-size:11px;max-width:270px}.work-jump{width:30px;height:30px;margin-left:auto}.collection-4 .collection-copy{width:85%}.collection-4 .collection-object{width:70%;left:13%;top:-9%;height:118%}.contact-title>span:first-child{line-height:.92}.contact-title>span:last-child{margin-top:-2px}.contact-outline{-webkit-text-stroke-width:1px}}
/* Full-bleed cover restored from the supplied reference. */
.header{position:absolute;left:0;top:0;width:100%;height:108px;z-index:20;background:transparent;border-bottom:1px solid #ffffff30;padding:0 4vw}.hero{padding:0;background:var(--blue)}.hero-film{height:100svh;min-height:650px;border-radius:0;clip-path:none}.film-shade{background:linear-gradient(180deg,#0003,transparent 40%,#0005)}.hero-lockup{width:min(60vw,1050px);top:48%}.hero h1{font-size:clamp(9px,1.05vw,18px);letter-spacing:.08em;margin-top:34px}.hero-bottom{bottom:35px;left:4vw;right:4vw}.hero-bottom .arrow-box,.hero-bottom button{background:#00000010;border-color:#ffffff70}
.work-heading{display:flex;flex-direction:column;padding-bottom:30px}.work-heading h2{order:0}.work-heading h2>span.work-prefix{line-height:.85;margin-bottom:-6px}.work-explainer{position:static;order:1;width:100%;margin-top:20px;gap:35px;align-items:center}.work-explainer p{max-width:460px;font-size:13px;line-height:1.7}.work-jump{margin-left:auto;margin-right:2%;width:32px;height:32px}.collection-3 .collection-object{width:43%;height:78%;left:20%;top:7%}.collection-4 .collection-object{width:48%;height:85%;left:25%;top:4%}.collection-3 h3{font-size:clamp(46px,5.6vw,94px)}
@media(max-width:700px){.header{height:85px;padding:0 20px}.hero{padding:0}.hero-film{height:100svh;min-height:600px;border-radius:0}.hero-lockup{width:85vw;top:47%}.hero h1{font-size:8px;letter-spacing:.015em;margin-top:27px}.hero-bottom{bottom:25px;left:20px;right:20px}.work-heading h2>span.work-prefix{line-height:.85;margin-bottom:-4px}.work-explainer{margin:17px 0 0;gap:20px}.work-explainer p{font-size:11px;max-width:270px}.work-jump{width:28px;height:28px;margin-right:0}.collection-3 h3{font-size:9.5vw}.collection-3 .collection-object{width:44%;height:82%;left:24%;top:7%}.collection-4 .collection-object{width:48%;height:88%;left:28%;top:2%}}
/* Final structure refinements */
@font-face{font-family:Poppins;src:url('assets/Poppins-Bold.ttf');font-weight:700;font-display:swap}
.reel-section:before{display:none}.reel-heading{position:absolute;top:4%;left:0;right:0;z-index:5;text-align:center;pointer-events:none}.reel-heading .reel-type{position:static;margin:0}.reel-subtitle{font-size:12px;line-height:1.5;font-weight:400;margin:9px 0 0}.work-explainer p{max-width:540px;text-wrap:balance}.project-meta h4{font-family:Poppins,Arial,sans-serif;font-size:21px;font-weight:700;line-height:1.35}.project-client{font-family:Poppins,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.5;margin:6px 0 0;color:inherit;opacity:.8}
@media(max-width:700px){.reel-subtitle{font-size:10px;margin-top:7px}.work-explainer p{max-width:280px}.project-meta h4{font-size:15px;line-height:1.35}.project-client{font-size:10px;margin-top:5px}}
/* Keep title and video in normal flow; decorative layers share the video's centre. */
.reel-sticky{--reel-title-size:clamp(85px,14vw,220px);--reel-title-line:clamp(76.5px,12.6vw,198px);--reel-panel-half-height:min(18.28125vw,292.5px);height:auto;min-height:0;padding:26px 0 clamp(100px,6.5vw,170px);overflow:hidden}.reel-heading{position:relative;top:auto;left:auto;right:auto}.reel-heading .reel-type{font-size:var(--reel-title-size);line-height:.9}.reel-panel{position:relative;top:auto;left:auto;width:min(65vw,1040px);margin:40px auto 0;transform:perspective(1400px) rotateY(-7deg)}.reel-section.playing .reel-panel{transform:none}.space{perspective:clamp(1200px,100vw,2000px)}.image-orbit{top:calc(93px + var(--reel-title-line) + var(--reel-panel-half-height))}.orbit-card{width:clamp(245px,18vw,350px);height:clamp(180px,13.2vw,256px);left:clamp(-175px,-9vw,-122.5px);top:clamp(-128px,-6.6vw,-90px);transform:rotateY(var(--angle)) translateZ(clamp(430px,33.5vw,680px))}.reel-spool{top:calc(38px + var(--reel-title-line));width:clamp(110px,14vw,220px);height:clamp(130px,18vw,250px)}.reel-swoop{top:50px;width:clamp(80px,13vw,170px);height:170px}
@media(max-width:700px){.reel-sticky{--reel-title-size:17vw;--reel-title-line:15.3vw;--reel-panel-half-height:28.875vw;padding:20px 0 85px}.reel-panel{width:77vw;margin-top:22px;aspect-ratio:4/3}.image-orbit{top:calc(64px + var(--reel-title-line) + var(--reel-panel-half-height))}.orbit-card{width:200px;height:160px;left:-100px;top:-80px;transform:rotateY(var(--angle)) translateZ(360px)}.reel-spool{top:calc(20px + var(--reel-title-line));width:20%;height:120px}.reel-swoop{top:65px;right:3%;width:16%;height:110px}}

/* Reserve room for the two rear photographs and their shadows. */
.reel-sticky{padding-bottom:clamp(190px,11vw,270px)}
@media(max-width:700px){.reel-sticky{padding-bottom:125px}}