/* Lana Baranowska V6 | bundled stylesheet */
/* styles.css */
:root{--paper:#f8f5f0;--cream:#fffaf5;--ink:#242e62;--ink-dark:#1d254e;--orange:#c13a18;--apricot:#f7a968;--mute:#737487;--line:#dcd7d2;--serif:'Italiana','Bodoni MT','Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}::selection{background:var(--orange);color:#fff}.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}:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.skip{position:fixed;z-index:100;top:-100px;left:15px;background:white;padding:12px}.skip:focus{top:15px}.section-pad{padding-left:clamp(24px,7vw,144px);padding-right:clamp(24px,7vw,144px)}.scroll-progress{position:fixed;left:0;top:0;width:0;height:2px;background:var(--orange);z-index:35;pointer-events:none}.site-header{height:91px;position:fixed;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5.1vw,104px);gap:35px;transition:background .35s,box-shadow .35s;--nav-color:var(--ink);color:var(--nav-color)}.site-header.is-scrolled{background:rgba(250,247,243,.9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 1px 0 rgba(36,46,98,.09)}.brandmark{display:flex;align-items:center;gap:9px;flex:0 0 auto}.brandmark img{width:52px;height:42px;object-fit:contain}.brand-name{font:500 13px/1.4 var(--sans);letter-spacing:.17em;white-space:nowrap}.brand-name span{display:block;font:500 8px/1.8 var(--sans);letter-spacing:.28em;color:#88899d}.desktop-nav{display:flex;gap:clamp(20px,2.7vw,44px);align-items:center;font-size:12px;font-weight:600;letter-spacing:.02em}.desktop-nav a{position:relative}.desktop-nav a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--orange);transition:width .28s}.desktop-nav a:hover::after{width:100%}.header-cta{font-size:12px;font-weight:600;border-bottom:1px solid var(--ink);padding:7px 0;white-space:nowrap}.header-cta span{font-size:17px;margin-left:13px}.menu-toggle{border:0;display:none;background:none;width:42px;height:42px;position:relative;color:var(--ink)}.menu-toggle span{display:block;width:26px;height:1px;background:currentColor;position:absolute;left:8px;top:17px;transition:transform .3s}.menu-toggle span+span{top:25px}.menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{position:fixed;z-index:29;inset:0;background:var(--paper);padding:120px 8vw 40px;display:flex;flex-direction:column;gap:15px;opacity:0;pointer-events:none;transform:translateY(-14px);transition:opacity .3s,transform .3s}.mobile-nav a{font:clamp(36px,7vw,58px)/1.5 var(--serif);border-bottom:1px solid var(--line)}.menu-open .mobile-nav{opacity:1;pointer-events:auto;transform:translateY(0)}
.hero-scroll{height:162vh;min-height:1100px;position:relative}.hero{height:100svh;min-height:690px;position:sticky;top:0;overflow:hidden;background:#faf7f3;isolation:isolate}.hero-glow{position:absolute;z-index:-1;filter:blur(22px);pointer-events:none;border-radius:50%;transition:transform .5s}.glow-one{width:48vw;height:70vh;min-width:500px;background:radial-gradient(ellipse at 5% 5%,rgba(250,98,15,.83) 0%,rgba(255,160,59,.37) 26%,rgba(255,160,59,0) 64%);top:-33vh;left:-21vw;transform:rotate(-17deg)}.glow-two{width:51vw;height:70vh;min-width:550px;background:radial-gradient(ellipse at 80% 40%,rgba(240,75,13,.65),rgba(248,153,106,.21) 38%,transparent 70%);top:-12vh;right:-30vw;transform:rotate(25deg)}.hero-grid{height:100%;display:grid;grid-template-columns:48% 52%;align-items:center;max-width:1660px;margin:0 auto;padding:100px clamp(24px,7vw,130px) 80px;gap:0}.hero-copy{position:relative;z-index:3;padding-bottom:28px}.eyebrow,.section-index,.micro-label{font:600 10px/1.5 var(--sans);letter-spacing:.2em}.eyebrow{display:flex;align-items:center;gap:13px;color:#777b90;margin-bottom:34px}.mini-line{width:27px;height:1px;background:var(--orange)}.hero-title{font:400 clamp(70px,8.5vw,151px)/.9 var(--serif);letter-spacing:-.053em;margin:0 0 31px;white-space:nowrap;color:var(--ink)}.hero-title em,.statement em,.section-heading h2 em,.services-top h2 em,.shop-top h2 em,.about-copy h2 em,.contact-section h2 em,.work-feature h3 em{font-style:normal;color:var(--orange)}.hero-title em{padding-left:8px}.hero-rule{height:1px;background:linear-gradient(90deg,var(--orange),var(--line) 40%,transparent);max-width:385px;margin:0 0 23px}.hero-intro{max-width:380px;color:#666b7e;font-size:15px;line-height:1.86;letter-spacing:.005em}.hero-intro strong{color:var(--ink);font-weight:600}.hero-actions{display:flex;align-items:center;gap:36px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:34px;padding:18px 23px;font-size:12px;font-weight:600;letter-spacing:.03em;border:1px solid transparent;transition:transform .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 15px 35px #1a245020}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:var(--orange)}.button span{font-size:20px;line-height:1}.text-link{font-size:12px;font-weight:600;border-bottom:1px solid #9f9fb1;padding:11px 0}.text-link span{margin-left:16px;font-size:18px}.hero-stage{height:min(64vw,740px);max-height:82vh;width:115%;margin-left:-7%;position:relative;display:flex;justify-content:center;align-items:center;will-change:transform}.monogram-webgl,.monogram-fallback{position:absolute;width:100%;height:100%;inset:0}.monogram-webgl{object-fit:contain;z-index:2;display:block;touch-action:pan-y}.monogram-fallback{object-fit:contain;max-width:100%;opacity:0;transform:rotate(-7deg);filter:drop-shadow(23px 26px 14px rgba(35,41,73,.14))}.no-webgl .monogram-fallback{opacity:1}.no-webgl #monogram-webgl{display:none}.orbit{pointer-events:none;position:absolute;border:1px solid rgba(197,115,84,.14);width:77%;height:40%;border-radius:50%;transform:rotate(-36deg);top:32%;left:11%}.orbit-b{transform:rotate(44deg);width:67%;left:15%;border-color:rgba(38,51,103,.11)}.stage-glint{position:absolute;border-radius:50%;width:45%;height:38%;background:radial-gradient(circle,rgba(255,181,119,.2),transparent 70%);filter:blur(28px);z-index:0;right:15%;bottom:18%}.stage-label{position:absolute;z-index:4;color:#858294;font-size:9px;letter-spacing:.2em;line-height:1.9}.stage-label-top{top:11%;right:1%;text-align:right}.stage-label-bottom{bottom:8%;left:3%}.hero-bottom{position:absolute;bottom:35px;left:clamp(24px,7vw,130px);right:clamp(24px,7vw,130px);display:flex;align-items:center;justify-content:space-between;z-index:5;color:#777b8e;font-size:9px;letter-spacing:.17em;font-weight:600}.hero-bottom i{font-style:normal;color:var(--orange);padding:0 13px}.scroll-cue{display:flex;align-items:center;gap:20px}.scroll-arrow{font-size:24px;color:var(--orange);animation:arrowbob 1.7s ease-in-out infinite alternate}@keyframes arrowbob{to{transform:translateY(7px)}}
.intro-statement{padding-top:145px;padding-bottom:155px;background:var(--paper)}.section-index{color:var(--orange)}.statement{margin:52px 0 50px;font:400 clamp(62px,9.6vw,156px)/.97 var(--serif);letter-spacing:-.03em}.statement span{color:var(--ink)}.intro-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:24px}.intro-bottom p{font-size:17px;line-height:1.8;color:#6c7182;max-width:460px;margin:0}.asterisk{font-size:47px;color:var(--orange);line-height:1}
.work-section{background:#f0efed}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-top:130px;padding-bottom:60px}.section-heading h2,.services-top h2,.shop-top h2,.about-copy h2,.contact-section h2{font:400 clamp(62px,8vw,122px)/.99 var(--serif);letter-spacing:-.043em;margin:18px 0 0}.inline-link{display:inline-block;font-size:12px;font-weight:600;white-space:nowrap;border-bottom:1px solid currentColor;padding-bottom:9px}.inline-link span{padding-left:12px}.work-feature{margin:0 clamp(24px,7vw,144px);display:grid;grid-template-columns:1.15fr .85fr;min-height:595px;background:#1e2755;color:#fff}.film-art{position:relative;min-height:590px;background:radial-gradient(circle at 56% 35%,#cb673f,#293363 63%,#1d2549);overflow:hidden}.film-art>img{position:absolute;width:100%;height:100%;object-fit:cover;filter:saturate(.98);transition:transform 1.2s cubic-bezier(.2,.75,.2,1)}.work-feature:hover .film-art>img{transform:scale(1.045)}.film-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,20,57,.5),transparent 40%)}.film-side-word{position:absolute;right:10%;top:10%;z-index:1;text-align:right;color:#fff;font:400 clamp(35px,5vw,82px)/.9 var(--serif);letter-spacing:-.02em;text-shadow:0 5px 30px #1117}.work-art-label{position:absolute;bottom:31px;left:35px;z-index:2;font-size:10px;letter-spacing:.2em}.work-feature-details{padding:clamp(30px,6.2vw,110px);display:flex;flex-direction:column;justify-content:space-between}.micro-label{color:#faaf79}.work-feature-details h3{font:400 clamp(56px,5vw,93px)/.98 var(--serif);letter-spacing:-.04em;margin:35px 0 22px;white-space:nowrap}.work-feature-details h3 em{color:#f98f52}.work-feature-details p{max-width:380px;color:#bfc2d3;line-height:1.83;font-size:15px}.circle-link{border:1px solid rgba(255,255,255,.46);border-radius:50%;width:62px;height:62px;align-self:flex-end;display:grid;place-items:center;font-size:26px;transition:background .3s,color .3s,transform .3s}.circle-link:hover{background:#fff;color:var(--ink);transform:rotate(45deg)}.work-grid{padding-top:34px;padding-bottom:150px;display:grid;grid-template-columns:1fr 1fr;gap:76px 26px}.work-card:nth-child(even){transform:translateY(92px)}.card-media{height:clamp(310px,36vw,580px);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.art-ai{background:linear-gradient(135deg,#dc6425,#1b2b66)}.art-toucan{background:#6f7d99}.art-italia{background:#ebd7a4}.art-objects{background:#d5dedf}.card-media img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.23,.7,.23,1);z-index:1}.work-card:hover img{transform:scale(1.055)}.work-hover{position:absolute;z-index:2;bottom:28px;right:28px;background:#fff;color:var(--ink);padding:12px 19px;font-size:10px;letter-spacing:.12em;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s}.work-card:hover .work-hover,.work-card:focus-visible .work-hover{opacity:1;transform:translateY(0)}.card-description{display:grid;grid-template-columns:1fr auto;gap:2px;padding-top:19px}.card-description span{grid-column:1/3;color:var(--orange);font-size:9px;font-weight:600;letter-spacing:.2em}.card-description h3{font:400 clamp(30px,3vw,47px)/1.2 var(--serif);margin:6px 0}.card-description small{align-self:center;color:#7b7d89}
.services-section{background:#222b5d;color:#f8f4ef;position:relative;overflow:hidden}.services-section:before{content:'L';position:absolute;font:800 900px/1 var(--serif);color:#ffffff05;right:-8%;top:-5%;pointer-events:none}.services-inner{padding-top:150px;padding-bottom:100px;position:relative}.services-top{display:grid;grid-template-columns:1fr 2fr;align-items:start;margin-bottom:93px}.services-top .section-index{color:#e99f79}.services-top h2{margin:0;font-size:clamp(62px,7.7vw,127px)}.services-top h2 em{color:#f9a46a}.service-row{min-height:132px;border-top:1px solid #ffffff39;display:grid;grid-template-columns:55px 1.2fr 1fr 45px;gap:24px;align-items:center;transition:padding .35s,background .35s}.service-row:last-child{border-bottom:1px solid #ffffff39}.service-row:hover{padding:0 20px;background:#ffffff0c}.service-num{color:#f4a673;font:600 12px/1 var(--sans)}.service-title{font:400 clamp(30px,3.5vw,61px)/1.08 var(--serif);letter-spacing:-.02em}.service-desc{font-size:12px;color:#b5bacd}.service-arrow{font-size:24px;text-align:right}.services-foot{padding-top:55px;display:flex;align-items:center;justify-content:space-between;color:#bec3d5;font-size:10px;letter-spacing:.18em}.services-foot span:last-child{font-size:50px;color:#ea935e}
.shop-section{padding-top:150px;padding-bottom:150px;background:#fbf9f5}.shop-top{display:flex;justify-content:space-between;align-items:end;gap:40px}.shop-top h2{font-size:clamp(59px,7.4vw,114px)}.shop-top p{max-width:600px;color:#6e7080;line-height:1.85;font-size:16px;margin:24px 0 0}.shop-top p strong{color:var(--ink)}.shop-counter{border-left:1px solid var(--line);padding-left:30px;min-width:200px}.shop-counter strong{font:400 115px/.88 var(--serif);letter-spacing:-.04em}.shop-counter strong span{color:var(--orange)}.shop-counter>span{display:block;font-size:9px;line-height:1.7;letter-spacing:.18em;color:#888996;margin-top:17px}.shop-notice{display:flex;gap:12px;align-items:center;margin-top:53px;margin-bottom:33px;font-size:12px;color:#777989;background:#f2eee8;padding:16px 20px}.shop-notice strong{color:var(--ink)}.notice-dot{width:7px;height:7px;background:var(--orange);border-radius:100%;flex:0 0 auto}.shop-controls{display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.filter-group{display:flex;gap:10px;flex-wrap:wrap}.filter{background:transparent;border:1px solid transparent;padding:10px 17px;color:#767887;font-size:12px;transition:background .2s,color .2s,border .2s}.filter.active{background:var(--ink);color:#fff}.filter:hover:not(.active){border-color:#aaa}.search-label{border-bottom:1px solid #b5b4bd;display:flex;align-items:center;gap:10px;color:#898a99;min-width:245px}.search-label input{width:100%;background:none;border:0;outline:0;padding:10px 0;font-size:12px;color:var(--ink)}.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 20px;margin-top:40px}.shop-item{min-width:0}.shop-item-visual{width:100%;aspect-ratio:4/4.8;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e3e5e9}.shop-item-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .5s}.shop-item:hover .shop-item-visual img{transform:scale(1.055)}.shop-item-visual:after{content:'↗';position:absolute;z-index:2;top:12px;right:12px;background:rgba(255,255,255,.89);width:32px;height:32px;display:grid;place-items:center;opacity:0;transform:translateY(-5px);transition:opacity .25s,transform .25s}.shop-item:hover .shop-item-visual:after{opacity:1;transform:translateY(0)}.shop-item-type{font-size:9px;letter-spacing:.14em;color:var(--orange);margin:15px 0 5px}.shop-item h3{font:400 27px/1.13 var(--serif);margin:0}.shop-item-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#808291;font-size:11px;margin-top:8px}.shop-item-footer span:last-child{color:var(--ink);font-weight:600}.shop-no-results{text-align:center;padding:50px}.shop-bottom{display:flex;align-items:center;justify-content:space-between;gap:50px;border-top:1px solid var(--line);margin-top:80px;padding-top:36px}.shop-bottom p{max-width:550px;color:#747689;font-size:14px;line-height:1.7}
.about-section{display:grid;grid-template-columns:1fr 1fr;min-height:850px;background:#f0eae2}.about-image{position:relative;min-height:760px;display:flex;justify-content:center;align-items:center;overflow:hidden;background:linear-gradient(132deg,#f4e1d6 0%,#e4dae7 62%,#f6c6a7 140%)}.about-image:before{content:'';width:62%;height:55%;position:absolute;border:1px solid rgba(61,67,109,.15);border-radius:50%;transform:rotate(-30deg)}.about-image img{position:relative;z-index:2;width:70%;max-width:580px;filter:drop-shadow(24px 32px 12px #1f285c1c);transform:rotate(-9deg)}.about-glow{position:absolute;width:110%;height:95%;background:radial-gradient(circle at 70% 15%,#fff8ef 0%,#ffb27544 30%,transparent 65%);filter:blur(25px)}.about-image-caption{position:absolute;bottom:55px;left:10%;font-size:10px;font-weight:600;letter-spacing:.19em;line-height:1.9}.about-copy{display:flex;flex-direction:column;justify-content:center;padding:100px clamp(30px,7vw,120px);background:#f8f4ee}.about-copy h2{font-size:clamp(56px,5.7vw,97px);margin:30px 0 40px}.about-copy p{max-width:570px;font-size:15px;line-height:1.95;color:#6c6f7c}.about-links{display:flex;gap:32px;margin:32px 0 62px}.about-stat-row{display:flex;gap:60px;border-top:1px solid var(--line);padding-top:28px}.about-stat-row div{display:flex;flex-direction:column}.about-stat-row strong{font:400 63px/1 var(--serif)}.about-stat-row strong span{color:var(--orange)}.about-stat-row div>span{font-size:9px;letter-spacing:.16em;color:#7e8190;margin-top:12px}
.contact-section{background:#202956;color:#f8f3ed;position:relative;overflow:hidden;padding-top:160px;padding-bottom:0;min-height:730px}.contact-glow{position:absolute;width:65vw;height:70vh;right:-25vw;top:-32vh;background:radial-gradient(ellipse,#df754a 0%,#9e473b9a 24%,transparent 70%);filter:blur(35px);pointer-events:none}.contact-section>.section-index{color:#ed9e6a}.contact-section h2{font-size:clamp(65px,10vw,166px);position:relative;z-index:1;margin:35px 0 20px}.contact-section h2 em{color:#f0a36f}.contact-sub{font-size:16px;color:#bfc4d5;max-width:460px;line-height:1.9;margin:30px 0 30px}.contact-link{display:inline-flex;gap:80px;align-items:center;border-bottom:1px solid #e3e5f0;padding:14px 0;font:400 clamp(28px,3.3vw,49px)/1.1 var(--serif);transition:color .25s,gap .25s}.contact-link span{color:#f4aa70}.contact-link:hover{color:#f4aa70;gap:95px}.footer{margin-top:170px;border-top:1px solid #ffffff2e;min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:65px;height:56px;object-fit:contain;background:#f8f2ec;padding:8px;border-radius:50%}.footer-brand>span{font-size:12px;letter-spacing:.14em}.footer-brand small{font-size:8px;letter-spacing:.15em;color:#acb1c8}.footer-links{display:flex;gap:27px;font-size:12px}.copyright{font-size:10px;color:#a9aec0}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .9s cubic-bezier(.19,1,.22,1)}.js .reveal.visible{opacity:1;transform:translateY(0)}.hero .fade-in{animation:fadein .85s both cubic-bezier(.18,.7,.3,1)}.hero .fade-in:nth-child(2){animation-delay:.1s}.hero .fade-in:nth-child(3){animation-delay:.19s}.hero .fade-in:nth-child(4){animation-delay:.27s}.hero .fade-in:nth-child(5){animation-delay:.35s}@keyframes fadein{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){.hero-title{font-size:clamp(62px,8vw,110px)}.hero-grid{padding-left:5vw;padding-right:5vw}.work-feature{min-height:470px}.film-art{min-height:470px}.work-feature-details{padding:55px}.services-top{grid-template-columns:1fr 3fr}}@media(max-width:950px){.desktop-nav{display:none}.menu-toggle{display:block}.header-cta{margin-left:auto}.hero-scroll{height:auto;min-height:0}.hero{position:relative;height:auto;min-height:780px}.hero-grid{grid-template-columns:1fr 1fr;padding:160px 5vw 120px}.hero-title{font-size:clamp(65px,8vw,100px)}.hero-stage{width:130%;margin-left:-17%}.hero-bottom{left:5vw;right:5vw}.work-feature{grid-template-columns:1fr}.film-art{min-height:520px}.work-feature-details{min-height:400px;gap:30px}.work-feature-details h3{margin-bottom:12px}.shop-grid{grid-template-columns:repeat(3,1fr)}.services-top{grid-template-columns:1fr}.services-top h2{margin-top:30px}.service-row{grid-template-columns:40px 1fr 45px}.service-desc{display:none}.about-section{grid-template-columns:1fr}.about-image{min-height:500px}.about-image img{width:45%}.about-copy{padding:90px 7vw}}@media(max-width:700px){.site-header{height:75px;padding:0 20px}.brandmark img{width:44px;height:40px}.brand-name{font-size:10px}.brand-name span{font-size:7px}.header-cta{display:none}.hero{min-height:850px;height:auto}.hero-grid{grid-template-columns:1fr;display:flex;flex-direction:column;padding:140px 22px 100px;align-items:stretch}.hero-copy{order:2;margin-top:-18px}.hero-stage{order:1;width:100%;height:260px;max-height:260px;margin:0 0 40px}.stage-label-top{right:0;top:4%}.stage-label-bottom{left:5%;bottom:0}.hero-title{font-size:clamp(67px,13vw,94px);margin-bottom:21px}.eyebrow{font-size:8px;margin-bottom:20px;letter-spacing:.13em}.hero-intro{font-size:14px;max-width:420px}.hero-actions{gap:19px}.hero-bottom{left:22px;right:22px;bottom:18px}.hero-bottom>span{font-size:8px;line-height:1.7;max-width:220px}.hero-bottom i{padding:0 5px}.scroll-cue{font-size:0}.scroll-arrow{font-size:24px}.glow-one{left:-90vw;top:-36vh}.glow-two{right:-80vw}.intro-statement{padding-top:100px;padding-bottom:105px}.statement{font-size:clamp(58px,11vw,92px);margin:35px 0}.intro-bottom p{font-size:14px}.section-heading{padding-top:100px;padding-bottom:34px;align-items:start;flex-direction:column}.section-heading h2,.shop-top h2,.services-top h2{font-size:clamp(56px,12vw,90px)}.work-feature{margin:0 20px}.film-art{min-height:405px}.film-side-word{font-size:53px}.work-feature-details{min-height:360px;padding:40px}.work-feature-details h3{font-size:64px}.work-grid{grid-template-columns:1fr;gap:42px;padding-top:20px;padding-bottom:100px}.work-card:nth-child(even){transform:none}.card-media{height:calc(100vw - 48px);max-height:540px}.services-inner{padding-top:100px;padding-bottom:75px}.services-top{margin-bottom:46px}.service-row{min-height:100px;gap:12px;grid-template-columns:26px 1fr 24px}.service-title{font-size:clamp(27px,7vw,45px)}.services-foot{font-size:8px}.shop-section{padding-top:100px;padding-bottom:100px}.shop-top{display:block}.shop-top h2{margin-bottom:20px}.shop-top p{font-size:14px}.shop-counter{display:none}.shop-notice{margin-top:35px}.shop-controls{flex-direction:column;align-items:stretch}.filter-group{gap:4px}.filter{padding:9px 12px}.search-label{width:100%}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 13px;margin-top:23px}.shop-item h3{font-size:22px}.shop-item-type{font-size:8px}.shop-item-footer{font-size:9px}.shop-bottom{flex-direction:column;align-items:start;gap:16px;margin-top:60px}.about-image{min-height:420px}.about-image img{width:75%}.about-copy{padding:80px 24px}.about-copy h2{font-size:60px}.contact-section{padding-top:110px}.contact-section h2{font-size:clamp(60px,11vw,95px)}.footer{margin-top:125px;padding-top:30px;padding-bottom:40px;flex-wrap:wrap;gap:25px}.footer-links{order:3;width:100%}.copyright{font-size:9px}.contact-link{gap:24px;font-size:36px}}@media(max-width:390px){.hero-title{font-size:62px}.hero-stage{height:225px;margin-bottom:30px}.hero{min-height:810px}.button{padding:15px 18px;font-size:11px}.hero-intro{font-size:13px}.shop-grid{gap:23px 10px}.shop-item h3{font-size:19px}.service-title{font-size:26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero-scroll{height:auto;min-height:0}.hero{position:relative}}
/* Image previews gracefully become graphic art boards while offline. */
img.is-missing{opacity:0}.shop-item-visual.image-missing:before{content:'LB';font:italic 90px/1 var(--serif);color:#2630643d}.shop-item-visual.image-missing:after{content:attr(data-title);position:absolute;inset:auto 10px 45%;background:transparent;color:var(--ink);width:auto;height:auto;opacity:1;font:400 25px/1 var(--serif);text-align:center;transform:none}

/* design-v2.css */
/* LANA BARANOWSKA — LUMINOUS SIGNATURE / ART-DIRECTED GRADIENT SYSTEM
   Animated only with composited transforms/opacity; no per-frame filter or layout work. */
:root {
  --paper:#fbf8f4;
  --cream:#fff9f5;
  --ink:#252f63;
  --ink-dark:#182249;
  --orange:#bf3516;
  --orange-flame:#fa5d23;
  --apricot:#ffb27e;
  --violet:#6e68ab;
  --gradient-warm:linear-gradient(120deg,#e64c20 4%,#ff8d49 44%,#c63a16 96%);
  --gradient-night:linear-gradient(120deg,#182348,#303c7c 52%,#202653);
}
body {background:var(--paper)}
::selection {background:#ee673c;color:white}
.scroll-progress {height:3px;background:linear-gradient(90deg,#c03917,#ff9e57 44%,#3a417d)}
.site-header {transition:background .35s ease,box-shadow .35s ease,transform .35s ease}
.site-header.is-scrolled {background:rgba(255,251,246,.87);box-shadow:0 1px 0 rgba(37,47,99,.075),0 16px 50px rgba(41,32,56,.025)}
.site-header::before {content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(95deg,rgba(255,209,164,.12),transparent 35%,rgba(255,232,213,.11));opacity:0;transition:opacity .35s}
.site-header.is-scrolled::before {opacity:1}
.brandmark {position:relative;z-index:1}
.brand-name span {font-size:7px;letter-spacing:.17em}
.desktop-nav a::after {background:var(--gradient-warm)}
.header-cta {position:relative;z-index:1}
.header-cta::after {content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--gradient-warm);transition:width .3s}
.header-cta:hover::after {width:100%}
/* Hero: asymmetric original-brand light paintings, foreground always readable. */
.hero {background:linear-gradient(135deg,#fffaf5 0%,#fffefd 51%,#fbf5f1 100%);isolation:isolate}
.hero-gradient-world {position:absolute;inset:-3%;z-index:-1;pointer-events:none;overflow:hidden;contain:paint}
.glow-sculpture {position:absolute;will-change:transform;transform:translate3d(0,0,0);border-radius:50%;pointer-events:none;filter:blur(28px);mix-blend-mode:multiply}
.glow-sculpture-left {
 left:-19%;top:-41%;width:68%;height:80%;
 background:radial-gradient(ellipse at 35% 39%,rgba(255,101,12,.96) 0%,rgba(255,134,25,.84) 16%,rgba(255,163,60,.42) 37%,rgba(255,190,116,.15) 56%,transparent 74%);
 transform:rotate(-27deg);animation:aurora-left 19s ease-in-out infinite alternate;
}
.glow-sculpture-right {
 right:-26%;top:-25%;width:74%;height:79%;
 background:radial-gradient(ellipse at 61% 25%,rgba(255,75,26,.93) 0%,rgba(253,115,67,.68) 21%,rgba(253,170,130,.31) 42%,rgba(255,209,187,.07) 63%,transparent 74%);
 transform:rotate(22deg);animation:aurora-right 17s cubic-bezier(.45,.04,.45,.96) infinite alternate;
}
.glow-sculpture-lilac {
 width:53%;height:66%;right:5%;top:18%;opacity:.48;
 background:radial-gradient(ellipse,rgba(100,94,185,.19) 0%,rgba(148,126,186,.13) 26%,transparent 65%);
 filter:blur(48px);animation:aurora-lilac 22s ease-in-out infinite alternate;
}
.glow-sculpture-bottom {
 width:56%;height:55%;bottom:-40%;left:5%;opacity:.6;
 background:radial-gradient(ellipse,rgba(255,145,71,.29),rgba(255,215,179,.12) 40%,transparent 68%);
 filter:blur(36px);animation:aurora-bottom 16s ease-in-out infinite alternate;
}
.glow-prism {
 position:absolute;right:10%;top:-14%;width:26%;height:95%;border-radius:50%;filter:blur(46px);opacity:.4;
 transform:rotate(34deg);background:linear-gradient(90deg,transparent 6%,rgba(255,247,236,.78) 35%,rgba(255,214,178,.25) 62%,transparent 90%);
 animation:light-prism 24s ease-in-out infinite alternate;
}
.hero-light-grain {position:absolute;inset:0;opacity:.16;pointer-events:none;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)' opacity='.34'/%3E%3C/svg%3E")}
@keyframes aurora-left {0%{transform:translate3d(0,0,0) rotate(-27deg) scale(1)}50%{transform:translate3d(4%,8%,0) rotate(-19deg) scale(1.10)}100%{transform:translate3d(-3%,15%,0) rotate(-31deg) scale(1.03)}}
@keyframes aurora-right {0%{transform:translate3d(0,0,0) rotate(22deg) scale(1)}50%{transform:translate3d(-12%,8%,0) rotate(12deg) scale(1.12)}100%{transform:translate3d(-5%,-4%,0) rotate(27deg) scale(1.02)}}
@keyframes aurora-lilac {0%{transform:translate3d(-6%,0,0) scale(.85);opacity:.40}50%{transform:translate3d(8%,12%,0) scale(1.16);opacity:.75}100%{transform:translate3d(-1%,-6%,0) scale(1);opacity:.53}}
@keyframes aurora-bottom {0%{transform:translate3d(0,0,0) scale(.95)}100%{transform:translate3d(14%,-15%,0) scale(1.18)}}
@keyframes light-prism {0%{transform:translate3d(0,0,0) rotate(34deg)}100%{transform:translate3d(-26%,12%,0) rotate(29deg)}}
/* Sophisticated typography and highlights */
.hero-title {letter-spacing:-.052em;position:relative}
.hero-title em {color:#d44b22;background:linear-gradient(107deg,#b92f11 4%,#e35127 46%,#fc8248 75%,#cc3719 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 28px rgba(226,119,77,.055))}
.eyebrow {color:#656b89}
.hero-rule {height:2px;max-width:420px;background:linear-gradient(90deg,#d14a26,rgba(255,150,90,.4) 47%,rgba(255,215,194,0) 100%)}
.hero-intro {color:#64687a;max-width:410px}
.button-dark {background:linear-gradient(118deg,#202958 0%,#293465 67%,#384582 100%);box-shadow:0 12px 32px rgba(24,37,80,.09)}
.button-dark:hover {background:linear-gradient(118deg,#b83217,#e85a2a 63%,#ee8b58);box-shadow:0 16px 34px rgba(190,67,27,.19)}
.text-link {transition:color .2s,border-color .2s}.text-link:hover {color:#c13a18;border-color:#c13a18}
.hero-grid {position:relative;z-index:1}
.hero-copy {filter:drop-shadow(0 0 22px rgba(255,255,255,.15))}
.hero-side-label {position:absolute;right:17px;top:52%;z-index:4;writing-mode:vertical-rl;transform:translateY(-50%);font:500 9px/1.3 var(--sans);letter-spacing:.22em;color:rgba(60,60,93,.42);pointer-events:none}
.hero-side-label span {color:#ec784a;padding:17px 0}
.hero-bottom {color:#656b82}
/* 3D studio stage: glowing background layers, keep logo crisp above light. */
.hero-stage {isolation:isolate}
.stage-light-stage {position:absolute;inset:0;z-index:-1;pointer-events:none;isolation:isolate}
.stage-aura {position:absolute;display:block;border-radius:50%;will-change:transform;filter:blur(28px)}
.stage-aura-hot {left:1%;top:8%;width:65%;height:70%;opacity:.65;background:radial-gradient(ellipse,rgba(255,150,73,.51) 0%,rgba(255,211,175,.23) 46%,transparent 70%);animation:stage-breathe-hot 13s ease-in-out infinite alternate}
.stage-aura-cool {right:-5%;bottom:2%;width:72%;height:68%;opacity:.52;background:radial-gradient(ellipse,rgba(91,94,171,.22),rgba(140,142,190,.10) 46%,transparent 74%);animation:stage-breathe-cool 16s ease-in-out infinite alternate}
.stage-aura-luminous {left:30%;top:-5%;width:68%;height:62%;opacity:.62;background:radial-gradient(circle,rgba(255,251,244,.96),rgba(255,208,169,.20) 34%,transparent 70%);animation:stage-breathe-glow 12s ease-in-out infinite alternate}
.stage-floor-light {position:absolute;left:18%;bottom:5%;width:70%;height:22%;filter:blur(22px);border-radius:50%;background:radial-gradient(ellipse,rgba(126,104,112,.16),transparent 70%);transform:rotate(-12deg)}
@keyframes stage-breathe-hot {from{transform:translate3d(-4%,-3%,0) scale(.94)}to{transform:translate3d(12%,8%,0) scale(1.18)}}
@keyframes stage-breathe-cool {from{transform:translate3d(0,4%,0) scale(.95)}to{transform:translate3d(-12%,-8%,0) scale(1.16)}}
@keyframes stage-breathe-glow {from{transform:translate3d(0,4%,0) scale(.9)}to{transform:translate3d(-9%,8%,0) scale(1.18)}}
.monogram-webgl {filter:drop-shadow(25px 30px 23px rgba(50,48,92,.14))}
.monogram-fallback {filter:drop-shadow(23px 28px 18px rgba(35,41,73,.14));transition:transform .5s}
.orbit {border-color:rgba(206,101,64,.18);width:81%;height:43%;left:9%;top:30%}
.orbit-b {border-color:rgba(69,75,149,.15);width:68%;left:15%}
.stage-glint {width:54%;height:60%;right:6%;bottom:12%;opacity:.75;filter:blur(36px)}
.stage-label {letter-spacing:.21em;color:#77768d}.stage-label-spark {color:#dc5b2a;font-size:15px}
/* Flow: warm room, luminous gallery, deep cobalt night, refined commerce */
.soft-light-scene {position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(130deg,#fffaf5 0%,#f8f3f0 48%,#f9eee8 100%)}
.soft-light-scene::before {content:"";position:absolute;z-index:-1;width:82%;height:115%;left:-42%;top:-22%;border-radius:50%;filter:blur(45px);opacity:.65;background:radial-gradient(ellipse,rgba(255,149,82,.23) 0%,rgba(252,214,191,.18) 43%,transparent 75%);animation:section-drift 21s ease-in-out infinite alternate}
.soft-light-scene::after {content:"";position:absolute;z-index:-1;width:85%;height:120%;right:-47%;bottom:-50%;border-radius:50%;filter:blur(42px);background:radial-gradient(ellipse,rgba(123,104,165,.12),rgba(221,182,193,.06) 43%,transparent 70%);animation:section-drift 17s ease-in-out infinite alternate-reverse}
.statement em {color:#ca3b1b;background:linear-gradient(110deg,#bd3514,#ed7c45);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.asterisk {color:#e85d2b;text-shadow:0 0 36px #ff8c6142}
@keyframes section-drift {from{transform:translate3d(0,0,0) scale(.96)}to{transform:translate3d(8%,6%,0) scale(1.09)}}
.light-touched-scene {position:relative;isolation:isolate;background:linear-gradient(145deg,#f6f2ee 0%,#f0efed 54%,#f5f0ec 100%)}
.light-touched-scene::before {content:"";position:absolute;z-index:-1;top:-160px;right:-15%;width:65vw;height:650px;background:radial-gradient(ellipse,rgba(255,172,127,.23),rgba(255,215,193,.10) 43%,transparent 71%);pointer-events:none;filter:blur(28px)}
.work-feature {box-shadow:0 36px 90px rgba(27,31,77,.095);background:radial-gradient(ellipse at 92% 7%,rgba(231,101,67,.19),transparent 46%),linear-gradient(135deg,#1b244e,#2a3164 66%,#202954)}
.film-art:after {background:linear-gradient(0deg,rgba(12,20,52,.60),transparent 42%),linear-gradient(105deg,rgba(38,36,83,.11),transparent 65%)}
.work-feature-details {position:relative;isolation:isolate;overflow:hidden}
.work-feature-details::before {content:"";position:absolute;z-index:-1;right:-55%;top:-45%;width:125%;height:100%;border-radius:50%;filter:blur(26px);background:radial-gradient(ellipse,rgba(250,127,87,.24),rgba(120,92,165,.08) 45%,transparent 75%);animation:section-drift 16s ease-in-out infinite alternate}
.work-feature h3 em {color:#ffae78}
.card-media {box-shadow:0 20px 55px rgba(24,37,70,.055)}
/* Night room with moving amber / lavender bloom, never neon overload */
.aurora-night {background:linear-gradient(128deg,#182249 0%,#202b62 52%,#252b5c 100%);isolation:isolate}
.aurora-night::before {content:"";position:absolute;pointer-events:none;z-index:-1;inset:-20%;background:radial-gradient(ellipse 44% 54% at 8% 17%,rgba(234,89,46,.25),transparent 77%),radial-gradient(ellipse 47% 56% at 98% 94%,rgba(129,113,203,.31),transparent 67%),radial-gradient(ellipse 30% 30% at 53% 30%,rgba(61,71,137,.42),transparent 70%);animation:night-move 21s ease-in-out infinite alternate}
@keyframes night-move {from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-5%,3%,0) scale(1.07)}}
.services-section:before {color:#ffffff08}
.service-row {border-color:#ffffff30}
.service-row:hover {background:linear-gradient(90deg,rgba(240,113,76,.13),rgba(255,255,255,.035) 45%,transparent)}
.service-num {color:#ffaf82}.services-top h2 em {color:#ffc394}
/* Product experience stays still/fast; gradient only as ambient top-edge wash. */
.shop-luminous {position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(157deg,#fffdfb 0%,#fbf8f4 38%,#f8f1ed 100%)}
.shop-luminous::before {content:"";position:absolute;z-index:-1;top:-350px;right:-18%;width:90%;height:710px;filter:blur(25px);background:radial-gradient(ellipse at 60% 50%,rgba(255,159,104,.22),rgba(255,212,188,.13) 42%,transparent 74%);pointer-events:none}
.shop-luminous::after {content:"";position:absolute;z-index:-1;left:-30%;bottom:2%;width:70%;height:480px;filter:blur(30px);background:radial-gradient(ellipse,rgba(108,113,184,.095),transparent 70%);pointer-events:none}
.shop-notice {border:1px solid rgba(183,132,114,.13);background:linear-gradient(94deg,rgba(247,232,219,.90),rgba(255,248,241,.75))}
.shop-item-visual {box-shadow:0 10px 32px rgba(33,40,78,.07)}
.filter.active {background:linear-gradient(120deg,#242e5f,#3b4683)}
.shop-counter strong span {color:#e76c3e}
/* About as illuminated paper architecture */
.about-ambient {isolation:isolate}
.about-image {isolation:isolate;background:linear-gradient(140deg,#fceee3 0%,#e8dce6 41%,#f3d9cb 75%,#ffe9da 100%)}
.about-image::after {content:"";position:absolute;z-index:1;width:95%;height:110%;inset:0;top:-18%;left:-20%;border-radius:50%;filter:blur(42px);background:radial-gradient(ellipse,rgba(255,155,101,.22),transparent 68%);animation:section-drift 20s ease-in-out infinite alternate;pointer-events:none}
.about-image img {z-index:3}
.about-glow {animation:section-drift 16s ease-in-out infinite alternate}
.about-copy {background:linear-gradient(135deg,#fffaf6 4%,#f8f2ec 88%)}
/* Final frame: richer moving atmospheric light, UI unaffected */
.contact-aurora {background:linear-gradient(126deg,#161e42 0%,#253067 56%,#252958 100%);isolation:isolate}
.contact-aurora::before {content:"";pointer-events:none;position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse 48% 62% at 85% 50%,rgba(203,70,44,.15),transparent 76%)}
.contact-glow {z-index:-1;width:80vw;height:85vh;right:-22vw;top:-42vh;filter:blur(45px);background:radial-gradient(ellipse,rgba(255,108,52,.9),rgba(220,75,50,.40) 33%,rgba(148,71,120,.12) 54%,transparent 70%);animation:contact-glow-move 20s ease-in-out infinite alternate}
.contact-glow-secondary {position:absolute;pointer-events:none;z-index:-1;width:74vw;height:100vh;left:-35vw;bottom:-61vh;filter:blur(55px);border-radius:50%;background:radial-gradient(ellipse,rgba(89,92,185,.65),rgba(68,79,171,.27) 40%,transparent 73%);animation:contact-glow-move 23s ease-in-out infinite alternate-reverse}
.contact-glow-tertiary {position:absolute;pointer-events:none;z-index:-1;width:40vw;height:65vh;right:15vw;bottom:-36vh;filter:blur(46px);border-radius:50%;background:radial-gradient(ellipse,rgba(255,173,104,.21),transparent 72%);animation:contact-glow-move 18s ease-in-out infinite alternate}
@keyframes contact-glow-move {from{transform:translate3d(0,0,0) scale(.93)}50%{transform:translate3d(-10%,10%,0) scale(1.13)}to{transform:translate3d(3%,-8%,0) scale(1.02)}}
.contact-section h2 em {color:#ffc295}
.contact-link:hover {color:#ffbd93}
/* Pause expensive offscreen animated ambient layers. IntersectionObserver updates a section class. */
.ambient-paused .glow-sculpture,.ambient-paused .glow-prism,.ambient-paused .stage-aura,.ambient-paused .about-glow,.ambient-paused .contact-glow,.ambient-paused .contact-glow-secondary,.ambient-paused .contact-glow-tertiary {animation-play-state:paused!important}
.ambient-paused.soft-light-scene::before,.ambient-paused.soft-light-scene::after,.ambient-paused.aurora-night::before,.ambient-paused.work-feature-details::before,.ambient-paused.about-image::after {animation-play-state:paused!important}
@media (max-width:1200px) {
 .hero-side-label {display:none}
 .glow-sculpture-left {left:-33%;top:-31%;width:82%}
 .glow-sculpture-right {right:-40%}
}
@media (max-width:950px) {
 .hero-gradient-world {inset:0}
 .glow-sculpture-left {width:85vw;height:65vh;min-width:450px;left:-42%;top:-20%}
 .glow-sculpture-right {width:90vw;height:64vh;min-width:420px;right:-44%;top:-15%}
 .glow-sculpture-lilac {right:-10%;top:12%;width:65%;height:54%}
}
@media(max-width:700px) {
 .brand-name span {font-size:6px;letter-spacing:.11em}
 .hero {min-height:865px;background:linear-gradient(170deg,#fffcf7,#fffdfa 43%,#fbf6f1)}
 .hero-grid {padding-top:110px;gap:0}
 .hero-stage {height:285px;max-height:285px;margin-bottom:21px}
 .stage-aura-hot {left:6%;top:8%;width:80%;height:80%}
 .stage-aura-cool {right:-6%;bottom:1%;width:65%;height:70%}
 .stage-aura-luminous {left:26%;top:4%}
 .glow-sculpture-left {top:-17%;left:-45%;width:110vw;height:60vh;min-width:360px;filter:blur(30px)}
 .glow-sculpture-right {right:-63%;top:1%;width:125vw;height:49vh;min-width:340px;filter:blur(33px);opacity:.84}
 .glow-sculpture-lilac {top:30%;right:-25%;width:110vw;height:39vh;opacity:.33}
 .glow-sculpture-bottom {bottom:-23%;left:-29%;width:100vw;height:45vh}
 .hero-title {font-size:clamp(60px,12.6vw,88px);line-height:.96}
 .hero-intro {line-height:1.7}
 .hero-bottom {bottom:25px}
 .about-image::after {width:110%}
 .contact-glow {width:155vw;height:70vh;right:-92vw;top:-28vh}
 .contact-glow-secondary {width:140vw;left:-90vw}
 .contact-glow-tertiary {width:85vw}
 .hero .fade-in {animation-duration:.75s}
}
@media(max-width:390px) {
 .hero-title {font-size:clamp(53px,12.5vw,70px)}
 .hero-stage {height:245px;max-height:245px;margin-bottom:15px}
 .hero {min-height:810px}
 .hero-grid {padding-top:104px}
}
@media(prefers-reduced-motion:reduce) {
 .glow-sculpture,.glow-prism,.stage-aura,.about-glow,.contact-glow,.contact-glow-secondary,.contact-glow-tertiary{animation:none!important;will-change:auto}
 .soft-light-scene::before,.soft-light-scene::after,.aurora-night::before,.work-feature-details::before,.about-image::after{animation:none!important}
}
/* pointer-linked lighting: subtle layer drift, only updates on real pointer input */
.hero-gradient-world {transform:translate3d(var(--light-mx,0px),var(--light-my,0px),0);transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.stage-light-stage {transform:translate3d(var(--stage-mx,0px),var(--stage-my,0px),0);transition:transform .65s ease-out}
/* Polish: preserve line lengths and keep the mobile opening composition breathable. */
main {max-width:100%;overflow-x:clip}
@media(max-width:700px) {
 .stage-label-bottom {display:none}
 .hero-copy {margin-top:9px}
 .hero-stage {margin-bottom:26px}
 .hero {min-height:920px}
 .hero-grid {padding-bottom:120px}
 .about-copy h2 {overflow-wrap:break-word}
}
@media(max-width:390px) {
 .hero {min-height:885px}
 .hero-stage {margin-bottom:21px}
 .hero-copy {margin-top:7px}
}

/* websites-v3.css */
/* THE LIVING SIGNATURE · V3 / WEBSITES + AI */
.service-row-website {position:relative;background:linear-gradient(90deg,rgba(251,140,97,.13),rgba(100,104,188,.07) 55%,transparent)}
.service-row-website .service-title{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.service-new{font:600 9px/1.3 var(--sans);letter-spacing:.17em;padding:7px 10px;border:1px solid rgba(255,188,140,.44);color:#ffcdac;white-space:nowrap}
.websites-section {position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(124deg,#fff8f3 0%,#fcf5f1 43%,#f1edf3 100%);padding-top:clamp(105px,10vw,190px);padding-bottom:clamp(110px,10vw,180px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(45px,5.7vw,120px);align-items:center}
.websites-orb{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(47px)}
.websites-orb-one{left:-28%;top:-42%;width:65%;height:115%;background:radial-gradient(ellipse,rgba(251,115,47,.30),rgba(252,172,113,.12) 43%,transparent 70%);animation:section-drift 22s ease-in-out infinite alternate}
.websites-orb-two{right:-30%;bottom:-65%;width:85%;height:145%;background:radial-gradient(ellipse,rgba(86,91,159,.20),rgba(222,190,209,.12) 50%,transparent 72%);animation:section-drift 25s ease-in-out infinite alternate-reverse}
.websites-content{position:relative;z-index:2}
.websites-content h2{font:400 clamp(57px,6.2vw,108px)/.98 var(--serif);letter-spacing:-.05em;margin:25px 0 30px}
.websites-content h2 em{font-style:normal;color:var(--orange);background:linear-gradient(120deg,#be3518,#f37946);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.websites-content>p{font-size:15px;line-height:1.96;color:#64697c;max-width:480px;margin:0 0 27px}
.websites-attributes{display:flex;flex-wrap:wrap;column-gap:12px;row-gap:9px;margin-bottom:34px}
.websites-attributes span{padding:8px 12px;border:1px solid #cebac1;background:#ffffff8c;color:#49516b;font-size:10px;letter-spacing:.04em}
.websites-button{max-width:max-content}
.websites-scene{position:relative;min-width:0;padding:34px 10px 65px 0;perspective:1300px}
.websites-browser{position:relative;width:91%;margin-left:0;background:#fff;border:1px solid rgba(63,63,110,.15);border-radius:14px;overflow:hidden;box-shadow:0 48px 82px rgba(49,42,97,.15),0 8px 18px rgba(49,42,97,.055);transform:rotateY(-8deg) rotateX(3deg);transition:transform 1s cubic-bezier(.2,.85,.22,1),box-shadow 1s;backface-visibility:hidden}
.websites-scene:hover .websites-browser{transform:rotateY(-3deg) rotateX(1deg) translateY(-7px);box-shadow:0 50px 95px rgba(49,42,97,.20),0 8px 18px rgba(49,42,97,.055)}
.websites-browser-bar{height:34px;background:#f8f6f6;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #e9e7e9;font:500 9px var(--sans);letter-spacing:.05em;color:#8a8998}
.websites-browser-dots{display:flex;gap:5px}
.websites-browser-dots i{width:7px;height:7px;border:1px solid #d1c6ca;border-radius:50%}
.websites-address{background:#fff;padding:4px 24px;border-radius:5px;font-size:8px;color:#aaa5af}
.websites-browser-icon{font-size:14px;color:#a4a1b2}
.websites-screen{position:relative;overflow:hidden;aspect-ratio:1.12;background:linear-gradient(152deg,#fff6ee 0%,#fffcf7 58%,#f3e9ed 100%);padding:24px 28px;display:flex;flex-direction:column;justify-content:space-between}
.websites-screen-top,.websites-screen-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;color:#343960;font-size:8px;letter-spacing:.14em;font-weight:600}
.websites-screen-bottom{color:#a18f99;font-size:7px}
.websites-screen-art{position:absolute;inset:7% -14% 9% 18%;transform:rotate(-19deg)}
.websites-art-loop{position:absolute;border-style:solid;filter:drop-shadow(10px 18px 12px rgba(66,47,85,.13));transform:rotate(-24deg);animation:web-art-float 13s ease-in-out infinite alternate}
.websites-art-loop-a{width:75%;height:82%;top:7%;right:1%;border-width:clamp(24px,3.6vw,52px);border-color:#db592d;border-radius:58% 42% 54% 46% / 46% 60% 40% 54%}
.websites-art-loop-b{width:49%;height:68%;top:21%;right:11%;border-width:clamp(14px,2.6vw,40px);border-color:#303971;border-radius:49% 51% 44% 56% / 55% 44% 56% 45%;animation-delay:-5s;transform:rotate(35deg)}
.websites-art-glint{position:absolute;top:17%;left:16%;width:58%;height:55%;background:radial-gradient(ellipse,rgba(255,218,169,.6),transparent 70%);filter:blur(17px)}
@keyframes web-art-float{from{translate:0 0}to{translate:-7px 12px}}
.websites-screen-copy{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;margin-top:5%;pointer-events:none}
.websites-screen-copy>span:first-child{font-size:8px;font-weight:600;letter-spacing:.22em;color:#b2462b;margin-bottom:14px}
.websites-screen-copy strong{font:400 clamp(33px,4vw,74px)/1 var(--serif);letter-spacing:-.05em;color:#242f65;max-width:95%;text-shadow:0 1px 20px #fff9}
.websites-screen-copy strong em{font-style:normal;color:#ba421b}
.websites-screen-cta{margin-top:25px;padding:10px 13px;background:#242e62;color:white;font:500 8px var(--sans);letter-spacing:.12em}
.websites-phone{position:absolute;z-index:4;right:0;bottom:14%;height:51%;width:26%;border:7px solid #232443;border-radius:23px;background:#232443;box-shadow:0 24px 45px #191e3f3a;overflow:hidden;transform:rotate(7deg);transition:transform .8s cubic-bezier(.2,.85,.22,1)}
.websites-scene:hover .websites-phone{transform:rotate(4deg) translateY(-7px)}
.websites-phone-inner{height:100%;padding:14px 11px;background:linear-gradient(158deg,#fff6ef,#faf1f1 75%,#e9e5f0);display:flex;flex-direction:column;justify-content:space-between}
.websites-phone-inner>span{color:#272c64;font-size:6px;letter-spacing:.14em;font-weight:600}
.websites-phone-inner>strong{font:400 clamp(15px,1.75vw,30px)/1 var(--serif);color:#232e63;letter-spacing:-.04em}
.websites-phone-inner>strong em{color:#c54e2a;font-style:normal}
.websites-phone-art{height:48%;margin:-5px 0;background:radial-gradient(ellipse at 75% 28%,#ffbb87 0%,transparent 46%);position:relative;overflow:hidden}
.websites-phone-art i{position:absolute;inset:10% 14% 10% 14%;border:17px solid #ca4322;border-radius:51% 49% 40% 60%;transform:rotate(-38deg)}
.websites-phone-island{position:absolute;z-index:6;top:6px;left:31%;width:38%;height:8px;border-radius:8px;background:#212243}
.websites-scene-caption{position:absolute;bottom:0;left:0;font-size:9px;letter-spacing:.16em;color:#77748c}
@media(max-width:1200px){.websites-section{gap:30px}.websites-screen{padding:18px}.websites-screen-copy strong{font-size:clamp(34px,4.5vw,62px)}.websites-content h2{font-size:clamp(56px,6vw,86px)}}
@media(max-width:950px){.websites-section{grid-template-columns:1fr;gap:47px}.websites-content{max-width:700px}.websites-scene{width:min(680px,95%);margin:auto}.websites-screen-copy strong{font-size:clamp(55px,8vw,75px)}.websites-content h2{font-size:clamp(70px,10vw,110px)}.websites-phone-inner>strong{font-size:clamp(22px,3vw,34px)}}
@media(max-width:700px){.websites-section{padding-top:105px;padding-bottom:90px;gap:30px}.websites-content h2{font-size:clamp(61px,12vw,83px);margin:20px 0}.websites-content>p{font-size:14px}.websites-scene{width:100%;padding:20px 0 42px}.websites-browser{width:94%;transform:none;box-shadow:0 23px 50px rgba(49,42,97,.13)}.websites-scene:hover .websites-browser{transform:none;box-shadow:0 23px 50px rgba(49,42,97,.13)}.websites-screen{padding:14px}.websites-screen-copy strong{font-size:clamp(35px,10vw,62px)}.websites-screen-top,.websites-screen-bottom{font-size:6px}.websites-screen-cta{font-size:6px;margin-top:15px}.websites-phone{right:-2%;width:26%;height:52%;border-width:5px;border-radius:16px}.websites-phone-inner{padding:10px 6px}.websites-phone-inner>span{font-size:5px}.websites-phone-inner>strong{font-size:clamp(13px,4vw,22px)}.websites-phone-art i{border-width:9px}.websites-scene-caption{font-size:7px;letter-spacing:.10em}.service-row-website .service-new{font-size:7px;padding:5px 7px}}
@media(max-width:390px){.websites-screen-copy strong{font-size:34px}.websites-content h2{font-size:59px}}
@media(prefers-reduced-motion:reduce){.websites-orb,.websites-art-loop{animation:none!important}.websites-browser,.websites-phone{transition:none!important}}

/* polish-v4.css */
/* LANA BARANOWSKA — STUDIO FINISH / V4
   One authoritative layer for layout, design polish and responsive usability.
   V3 files are preserved for easy review, this file intentionally overrides them. */
:root{--site-gutter:clamp(22px,6.1vw,112px);--site-max:1560px;--ease-editorial:cubic-bezier(.22,.82,.22,1)}
html{scroll-padding-top:104px}
body{font-size:16px}
[id]{scroll-margin-top:106px}
a,button{ -webkit-tap-highlight-color:transparent }
.site-header{height:83px;padding-inline:var(--site-gutter);gap:22px}
.site-header:not(.is-scrolled){background:linear-gradient(180deg,rgba(255,250,243,.31),transparent)}
.brandmark img{width:59px;height:51px;object-fit:contain}
.brand-name{font-size:12px;letter-spacing:.15em}
.brand-name span{font-size:8px;letter-spacing:.12em}
.desktop-nav{gap:clamp(18px,2.15vw,34px);font-size:12px}
.header-cta{min-width:max-content}
.section-index,.eyebrow,.micro-label{font-size:11px;line-height:1.5;letter-spacing:.14em}
.section-index{font-weight:700}
/* Make the sales promise and both actions visible without awaiting entrance animation. */
.hero-scroll{height:147svh;min-height:950px}
.hero{height:100svh;min-height:660px}
.hero-grid{grid-template-columns:minmax(0,49%) minmax(0,51%);max-width:var(--site-max);padding:96px var(--site-gutter) 88px;gap:1vw}
.hero-copy{padding-bottom:0;align-self:center;min-width:0}
.hero-title{font-size:clamp(67px,7.3vw,116px);line-height:.93;letter-spacing:-.056em;white-space:normal;margin:0 0 22px}
.hero-title em{padding-left:0;display:inline-block}
.hero-intro{max-width:455px;font-size:15px;line-height:1.7;margin:0}
.eyebrow{margin-bottom:27px;color:#666d85;max-width:540px}
.hero-rule{margin-bottom:21px}
.hero-actions{margin-top:22px;gap:27px;min-height:59px;position:relative;z-index:8}
.hero-actions .button{padding:17px 22px;font-size:12px;white-space:nowrap}
.hero-actions .text-link{white-space:nowrap}
.hero-stage{margin-left:-5%;width:113%;max-height:min(73svh,680px);height:min(53vw,680px)}
.hero-bottom{left:var(--site-gutter);right:var(--site-gutter);bottom:22px;font-size:10px}
.stage-label-top{top:15%;right:1%;font-size:10px}
.stage-label-bottom{left:5%;bottom:8%;font-size:10px}
.hero-side-label{font-size:10px;right:11px}
/* Focused light architecture: visually active edges / quiet copy center. */
.glow-sculpture-left{left:-21%;top:-35%;width:71%;height:75%}
.glow-sculpture-right{right:-30%;top:-29%;width:79%;height:78%}
.stage-aura-hot{opacity:.51}
.stage-aura-cool{opacity:.38}
.orbit,.orbit-b{opacity:.56}
.intro-statement{padding-top:clamp(95px,11vw,165px);padding-bottom:clamp(105px,12vw,175px)}
.intro-bottom p{max-width:580px}
.section-heading{padding-top:110px}
.section-heading h2,.services-top h2,.shop-top h2,.about-copy h2,.contact-section h2{font-size:clamp(64px,7.2vw,112px)}
.work-feature{scroll-margin-top:105px}
.work-feature-details{padding:clamp(42px,5.3vw,95px)}
.work-feature-details h3{font-size:clamp(56px,5.7vw,89px)}
.case-text-link{color:#ffb991;font-size:12px;display:inline-block;margin-top:14px;border-bottom:1px solid #ffb991aa;padding-bottom:8px}
.case-text-link:hover{color:white;border-color:white}
.card-description span,.shop-item-type{letter-spacing:.1em}
.work-grid{padding-bottom:165px}
.service-title{font-size:clamp(32px,4vw,61px)}
.service-row:hover .service-title{color:#fff5ea}
.service-new{display:inline-flex;vertical-align:middle}
/* Website case: separate proof of real work from illustrative moodboard. */
.websites-section{padding-top:clamp(110px,9vw,160px);padding-bottom:clamp(95px,9vw,150px)}
.websites-content h2{font-size:clamp(59px,6.45vw,106px)}
.websites-content>p{font-size:16px;line-height:1.8}
.websites-scene-caption{font-size:10px;letter-spacing:.075em}
.websites-real-case{grid-column:1 / -1;margin-top:clamp(20px,4vw,72px);background:#f9f1edc0;border-top:1px solid rgba(34,41,86,.22);padding-top:24px;position:relative}
.case-number{font-size:11px;letter-spacing:.17em;font-weight:700;color:var(--orange);display:flex;justify-content:space-between;gap:18px}
.case-number span{color:#77778a}
.websites-real-inner{display:flex;align-items:end;justify-content:space-between;gap:36px;padding-top:16px}
.websites-real-inner h3{font:400 clamp(45px,6vw,85px)/1 var(--serif);letter-spacing:-.04em;color:var(--ink);margin:0 0 18px}
.websites-real-inner h3 span{color:var(--orange);font:400 24px var(--sans);vertical-align:top;margin-left:18px}
.websites-real-inner p{font-size:15px;color:#61667b;line-height:1.75;max-width:700px;margin:0 0 20px}
.case-tags{display:flex;flex-wrap:wrap;gap:9px}
.case-tags span{font-size:11px;color:#565d7b;border:1px solid #d8cdd0;padding:8px 12px}
.real-case-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--ink);color:#fff;padding:18px 21px;font-size:13px;white-space:nowrap;transition:transform .25s,background .25s}
.real-case-link:hover{background:var(--orange);transform:translateY(-3px)}
/* Selected brand project: editorial variation, unmistakably marked as visual interpretation. */
.brand-case{background:linear-gradient(145deg,#f9f6f0 0%,#eeeae6 100%);padding-top:106px;padding-bottom:125px}
.brand-case-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:30px}
.brand-case-top>span:last-child{font-size:11px;letter-spacing:.18em;color:#71778b}
.brand-case-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(34px,5vw,90px);align-items:center}
.brand-case-art{min-height:590px;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;background:linear-gradient(153deg,#1e2347,#272954 58%,#18213f);color:#f5ebe3;box-shadow:0 28px 65px #1820421a}
.brand-case-art-glow{position:absolute;z-index:-1;width:85%;height:85%;right:-29%;top:-35%;border-radius:50%;background:radial-gradient(ellipse,#ca684757,#da6e2309 60%,transparent 75%);filter:blur(40px);animation:section-drift 22s ease-in-out infinite alternate}
.brand-case-art::after{content:'';position:absolute;inset:26px;border:1px solid #ffffff35;pointer-events:none}
.brand-case-art-image{padding:0;align-items:stretch;justify-content:stretch}
.brand-case-cover{width:100%;height:100%;object-fit:cover;display:block}
.brand-case-cover-badge{position:absolute;left:32px;right:32px;bottom:32px;display:flex;flex-direction:column;gap:6px;padding:18px 20px 20px;border:1px solid rgba(255,255,255,.28);background:linear-gradient(180deg,rgba(18,20,44,.08),rgba(18,20,44,.72));backdrop-filter:blur(10px);color:#fff;box-shadow:0 18px 40px rgba(17,22,45,.22)}
.brand-case-cover-badge span{font-size:10px;font-weight:700;letter-spacing:.16em;color:#f0d5c7}
.brand-case-cover-badge strong{font:700 clamp(34px,5vw,56px)/.95 var(--display);letter-spacing:-.04em}
.brand-case-cover-badge small{font-size:12px;letter-spacing:.06em;color:rgba(255,255,255,.82)}

.brand-case-art>strong{font:400 clamp(82px,9vw,152px)/.79 var(--serif);letter-spacing:-.075em;position:relative;z-index:2;text-align:center;text-shadow:0 20px 35px #0e153440}
.brand-case-art>strong em{font-size:.74em;font-style:normal;letter-spacing:-.035em;color:#e7a97b}
.brand-case-orbit{position:absolute;width:54%;aspect-ratio:1;border:1px solid rgba(237,184,139,.44);border-radius:50%;display:grid;place-items:center;transform:rotate(-16deg);opacity:.83}
.brand-case-orbit span{font:italic 400 140px var(--serif);color:#efbb8b13}
.brand-case-sub,.brand-case-art>small{position:absolute;left:54px;z-index:3;font-size:10px;font-weight:600;letter-spacing:.17em}
.brand-case-sub{top:54px;color:#ecc1ae}.brand-case-art>small{bottom:54px;color:#ffffff91}
.brand-case-copy h2{font:400 clamp(64px,7vw,115px)/.91 var(--serif);letter-spacing:-.05em;margin:28px 0 35px}
.brand-case-copy h2 em,.illustration-header h2 em{font-style:normal;color:var(--orange)}
.brand-case-copy p{font-size:16px;color:#656b7e;line-height:1.85;max-width:470px;margin:0 0 20px}
.brand-case-copy .inline-link{margin-top:23px}
/* Illustration is an actual commissioning offer — NOT the 7k stock catalogue. */
.illustration-section{position:relative;isolation:isolate;overflow:hidden;padding-top:130px;padding-bottom:130px;background:linear-gradient(140deg,#fffaf3 0%,#fcf3ed 49%,#f5edf0 100%)}
.illustration-glow{position:absolute;z-index:-1;left:-25%;top:-30%;width:90%;height:65%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,151,77,.25),rgba(253,209,167,.09) 47%,transparent 70%);pointer-events:none;filter:blur(30px)}
.illustration-header{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:55px;align-items:end;margin-bottom:56px}
.illustration-header h2{font:400 clamp(66px,7.8vw,128px)/.91 var(--serif);letter-spacing:-.05em;margin:24px 0 0}
.illustration-header p{font-size:16px;color:#666a7b;line-height:1.8;max-width:485px;margin:0 0 7px}
.illustration-gallery{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(16px,2vw,32px)}
.illustration-tile{display:block;min-width:0}
.illustration-tile:nth-child(2){padding-top:80px}
.illustration-image{position:relative;overflow:hidden;background:#e7c6bd;aspect-ratio:1/.99;isolation:isolate}
.illustration-tile:nth-child(2) .illustration-image{aspect-ratio:1/.91}
.illustration-image-toucan{background:radial-gradient(circle at 23% 21%,#ffcb77 0%,transparent 45%),linear-gradient(132deg,#e8af88,#915e94 70%,#3c466c)}
.illustration-image-dolce{background:radial-gradient(circle at 77% 19%,#ffe39e,transparent 49%),linear-gradient(135deg,#fad9b1,#d4775d 63%,#f5b67b)}
.illustration-image::before{content:'✳';position:absolute;inset:0;display:grid;place-items:center;font:400 clamp(150px,23vw,390px)/1 var(--serif);color:#ffffff5c;transform:rotate(-20deg)}
.illustration-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:transform .9s var(--ease-editorial)}
.illustration-tile:hover .illustration-image img{transform:scale(1.055)}
.image-open{position:absolute;z-index:2;right:24px;bottom:23px;font-size:11px;letter-spacing:.13em;padding:11px 13px;color:#fff;background:#202c58d9;opacity:0;transform:translateY(10px);transition:opacity .28s,transform .28s}
.illustration-tile:hover .image-open,.illustration-tile:focus-visible .image-open{opacity:1;transform:none}
.illustration-caption{display:flex;justify-content:space-between;gap:15px;align-items:end;padding:22px 0}
.illustration-caption small{font-size:11px;letter-spacing:.13em;color:#99543f;font-weight:600}
.illustration-caption h3{font:400 clamp(30px,3.3vw,51px)/1.07 var(--serif);letter-spacing:-.03em;margin:9px 0 0}
.illustration-caption>span{font-size:25px}
.illustration-bottom{border-top:1px solid #cbb6b1;display:flex;justify-content:space-between;gap:35px;padding-top:35px;margin-top:50px;align-items:center}
.illustration-bottom p{max-width:495px;margin:0;font-size:16px;color:#62667a;line-height:1.7}
.illustration-bottom>div{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.illustration-bottom .inline-link{font-size:12px}
/* Shop means commerce later; discovery now. */
.shop-section{padding-top:125px;padding-bottom:135px}
.shop-notice{font-size:14px;line-height:1.6}
.shop-item h3{font-size:clamp(25px,2.7vw,35px)}
.shop-item-visual img{transition:transform .65s var(--ease-editorial)}
.shop-item:hover .shop-item-visual img{transform:scale(1.025)}
/* Personal rather than another endless decorative glow. */
.about-copy p{max-width:560px}
.about-image-caption{font-size:11px}
.contact-section{padding-top:130px}
.contact-sub{font-size:17px;line-height:1.7}
/* Reduced animation mode includes scene text/buttons and distinct section animations. */
@media(prefers-reduced-motion:reduce){.brand-case-art-glow{animation:none!important}.illustration-image img{transition:none!important}.hero .fade-in{animation:none!important;opacity:1!important;transform:none!important}}
@media(max-width:1250px){
 .desktop-nav{gap:16px}
 .hero-title{font-size:clamp(63px,7.35vw,100px)}
 .brand-case-art{min-height:490px}
 .illustration-header{gap:28px}
 .brand-case-art>strong{font-size:clamp(80px,8.9vw,128px)}
}
@media(max-width:950px){
 .site-header{height:77px}
 .hero-scroll{height:auto;min-height:0}
 .hero{position:relative;min-height:0;height:auto}
 .hero-grid{grid-template-columns:1fr 1fr;padding:145px 6vw 105px}
 .hero-title{font-size:clamp(59px,8vw,85px)}
 .hero-stage{width:127%;margin-left:-13%;height:430px;max-height:550px}
 .hero-intro{font-size:14px;line-height:1.65}
 .hero-bottom{left:6vw;right:6vw}
 .brand-case-grid{gap:30px}
 .brand-case-art{min-height:445px}
 .brand-case-copy h2{font-size:clamp(62px,8vw,90px)}
 .illustration-header{grid-template-columns:1fr;gap:22px}
 .illustration-header h2{font-size:clamp(65px,8vw,95px)}
 .illustration-header p{max-width:690px}
}
/* MOBILE: message + CTA in first screen, sculpture follows. No artificial 900px spacer. */
@media(max-width:700px){
 html{scroll-padding-top:80px}
 [id]{scroll-margin-top:88px}
 .site-header{height:70px;padding:0 20px;gap:12px}
 .brandmark img{width:45px;height:42px}
 .brand-name{font-size:10px;letter-spacing:.14em}
 .brand-name span{font-size:7px;letter-spacing:.08em}
 .mobile-nav{padding:90px 24px 35px;gap:3px;overflow-y:auto}
 .mobile-nav a{font-size:clamp(29px,8vw,43px);line-height:1.23;padding:10px 0}
 .hero-scroll{height:auto;min-height:0}
 .hero{min-height:0;height:auto;overflow:hidden;position:relative}
 .hero-grid{height:auto;display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:102px 22px 28px;max-width:650px}
 .hero-copy{order:1;margin:0;padding:0;transform:none!important;opacity:1!important;min-width:0}
 .hero .fade-in{animation:none!important;opacity:1!important;transform:none!important}
 .eyebrow{font-size:9px;line-height:1.4;letter-spacing:.11em;margin-bottom:18px;gap:9px;max-width:340px}
 .mini-line{width:17px;flex:0 0 17px}
 .hero-title{font-size:clamp(53px,12vw,80px);line-height:.91;margin:0 0 15px;letter-spacing:-.055em}
 .hero-title em{display:block;white-space:nowrap}
 .hero-rule{margin:0 0 14px;max-width:230px;height:1px}
 .hero-intro{font-size:14px;line-height:1.56;max-width:390px}
 .hero-actions{margin-top:17px;gap:18px;display:flex;flex-wrap:wrap;min-height:50px}
 .hero-actions .button{padding:13px 17px;font-size:11px;gap:18px;min-height:44px}
 .hero-actions .text-link{font-size:12px;padding:7px 0}
 .hero-stage{order:2;width:96%;margin:0 auto;max-height:none;height:clamp(195px,55vw,270px);min-height:0;transform:none!important}
 .hero-stage .stage-label-top{right:-3%;top:4%;font-size:8px}
 .hero-stage .stage-label-bottom{display:none}
 .hero-bottom{position:relative;left:auto;right:auto;bottom:auto;padding:0 22px 19px;gap:14px;min-height:37px;color:#616a7e}
 .hero-bottom>span{font-size:8px;letter-spacing:.075em;line-height:1.6;max-width:290px}
 .hero-bottom i{padding:0 3px}
 .hero-bottom .scroll-cue{display:none}
 .glow-sculpture-left{top:-24%;left:-55%;width:130vw;height:48vh;min-width:0;opacity:.8}
 .glow-sculpture-right{right:-70%;top:0;width:118vw;height:39vh;min-width:0;opacity:.72}
 .glow-sculpture-lilac{top:29%;right:-21%;opacity:.20}
 .hero-light-grain{opacity:.09}
 .stage-aura{filter:blur(20px)}
 .section-index{font-size:10px}
 .intro-statement{padding-top:85px;padding-bottom:85px}
 .statement{font-size:clamp(52px,11.1vw,82px)}
 .section-heading{padding-top:90px}
 .section-heading h2,.shop-top h2,.services-top h2{font-size:clamp(52px,11vw,78px)}
 .work-feature{margin:0 20px;display:block;min-height:0}
 .film-art{min-height:335px}
 .work-feature-details{padding:33px;min-height:315px}
 .work-feature-details h3{white-space:normal;font-size:clamp(53px,10vw,72px);margin-top:22px}
 .work-feature-details p{font-size:14px;line-height:1.7}
 .case-text-link{font-size:11px;line-height:1.5}
 .work-grid{gap:30px;padding-bottom:90px}
 .card-media{height:calc(100vw - 44px)}
 .services-top h2{line-height:1}
 .service-row{min-height:91px}
 .service-title{font-size:clamp(25px,6.6vw,37px);line-height:1.2}
 .service-new{display:none}
 .services-foot{font-size:9px}
 .websites-section{padding-top:95px;padding-bottom:95px;gap:27px}
 .websites-content h2{font-size:clamp(54px,11.5vw,77px)}
 .websites-content>p{font-size:14px;line-height:1.7}
 .websites-real-case{margin-top:8px;padding-top:21px}
 .case-number{font-size:9px;letter-spacing:.1em}
 .websites-real-inner{display:block;padding-top:20px}
 .websites-real-inner h3{font-size:clamp(53px,12vw,76px)}
 .websites-real-inner p{font-size:14px;line-height:1.7}
 .real-case-link{margin-top:23px;font-size:12px;max-width:max-content}
 .case-tags span{font-size:10px}
 .brand-case{padding-top:87px;padding-bottom:89px}
 .brand-case-top>span:last-child{font-size:9px;letter-spacing:.07em}
 .brand-case-grid{grid-template-columns:1fr;gap:45px}
 .brand-case-art{min-height:410px}
 .brand-case-cover-badge{left:20px;right:20px;bottom:20px;padding:15px 16px 16px}
 .brand-case-cover-badge strong{font-size:clamp(28px,9vw,42px)}
 .brand-case-cover-badge small{font-size:10px}
 .brand-case-art::after{inset:16px}
 .brand-case-art>strong{font-size:clamp(80px,21vw,126px)}
 .brand-case-sub,.brand-case-art>small{left:32px;font-size:9px}
 .brand-case-sub{top:30px}.brand-case-art>small{bottom:30px}
 .brand-case-copy h2{font-size:clamp(58px,12vw,90px);margin:19px 0 22px}
 .brand-case-copy p{font-size:14px;line-height:1.7}
 .illustration-section{padding-top:90px;padding-bottom:95px}
 .illustration-header{margin-bottom:38px}
 .illustration-header h2{font-size:clamp(50px,10.5vw,74px);line-height:.97}
 .illustration-header p{font-size:14px;line-height:1.75}
 .illustration-gallery{grid-template-columns:1fr;gap:24px}
 .illustration-tile:nth-child(2){padding-top:0}
 .illustration-image{aspect-ratio:1/.92}
 .illustration-tile:nth-child(2) .illustration-image{aspect-ratio:1/.95}
 .illustration-caption{padding:15px 0}
 .illustration-caption h3{font-size:clamp(31px,8vw,42px)}
 .illustration-bottom{margin-top:25px;display:block;padding-top:26px}
 .illustration-bottom p{font-size:14px}
 .illustration-bottom>div{margin-top:22px;gap:20px}
 .illustration-bottom .button{min-height:49px}
 .image-open{opacity:1;transform:none;bottom:13px;right:12px;font-size:9px}
 .shop-section{padding-top:90px;padding-bottom:90px}
 .shop-top h2{overflow-wrap:anywhere}
 .shop-item h3{font-size:clamp(21px,6vw,28px)}
 .shop-notice{font-size:13px}
 .about-image{min-height:350px}
 .about-copy{padding:75px 24px}
 .about-copy h2{font-size:clamp(54px,11vw,70px)}
 .contact-section{padding-top:100px}
 .contact-sub{font-size:15px}
 .contact-section h2{font-size:clamp(55px,11.5vw,90px)}
 .footer{margin-top:90px}
 .footer-links{gap:21px}
}
@media(max-width:390px){
 .hero-grid{padding:91px 20px 22px;gap:13px}
 .hero-title{font-size:clamp(49px,12vw,59px)}
 .hero-stage{height:195px}
 .hero-intro{font-size:13px}
 .hero-actions .button{padding:12px 14px}
 .brand-case-art{min-height:355px}
 .brand-case-art>strong{font-size:72px}
 .illustration-header h2{font-size:49px}
}

/* signature-v5.css */
/* LANA BARANOWSKA — V5 SIGNATURE LIGHT / ORBIT REFINEMENT */
/* More negative space by the logo; warmth remains at the sides of the composition. */
.site-header:not(.is-scrolled){
  background:linear-gradient(90deg,rgba(255,253,249,.88) 0%,rgba(255,253,249,.68) 13%,rgba(255,253,249,.20) 39%,transparent 63%);
}
.brandmark{position:relative;isolation:isolate}
.brandmark::before{content:"";position:absolute;z-index:-1;inset:-8px -13px;border-radius:17px;
  background:radial-gradient(ellipse at 40% 45%,rgba(255,253,249,.58),rgba(255,253,249,.07) 74%,transparent);pointer-events:none}
.brand-name{color:#202a5b;text-shadow:0 1px 0 rgba(255,255,255,.58)}
.brand-name span{color:#56617b}
.glow-sculpture-left{
  left:-36%;top:-24%;width:60%;height:68%;opacity:.45;filter:blur(43px);
  background:radial-gradient(ellipse at 48% 60%,rgba(249,128,63,.69) 0%,rgba(255,174,109,.32) 28%,rgba(255,218,189,.12) 50%,transparent 73%);
}
/* Make the top-left area feel like paper, not an orange curtain. */
.hero-gradient-world::after{content:"";position:absolute;pointer-events:none;top:0;left:0;width:38%;height:19%;
  background:linear-gradient(105deg,rgba(255,253,249,.40),transparent 96%)}
.stage-aura-hot{opacity:.36}
.stage-aura-cool{opacity:.29}
.stage-aura-luminous{opacity:.76}
.monogram-webgl{filter:drop-shadow(19px 22px 20px rgba(44,52,99,.13))}
.hero-stage{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.hero-stage.is-dragging{cursor:grabbing}
.hero-stage.is-dragging .stage-label-top{color:#273769}
.hero-stage .stage-label-bottom{color:#545d80}
.no-webgl .monogram-fallback{filter:brightness(1.16) saturate(1.12) drop-shadow(14px 21px 13px rgba(44,52,99,.10));animation:logo-idle-fallback 9s ease-in-out infinite alternate;transform-origin:center;}
@keyframes logo-idle-fallback{from{transform:perspective(1000px) rotateY(-10deg) rotateX(3deg)}to{transform:perspective(1000px) rotateY(12deg) rotateX(-4deg)}}
@media(max-width:1200px){.glow-sculpture-left{left:-42%;top:-22%;width:76%;opacity:.38}}
@media(max-width:700px){
  .site-header:not(.is-scrolled){background:linear-gradient(90deg,rgba(255,253,249,.94),rgba(255,253,249,.75) 49%,rgba(255,253,249,.10))}
  .glow-sculpture-left{left:-68%;top:-20%;width:106vw;height:39vh;min-width:0;opacity:.31;filter:blur(35px)}
  .glow-sculpture-right{opacity:.62}
  .hero-stage{touch-action:pan-y}
}
@media(prefers-reduced-motion:reduce){.no-webgl .monogram-fallback{animation:none!important;transform:none}}

.no-webgl .monogram-fallback.fallback-controlled{animation:none!important;will-change:transform}

/* LANA BARANOWSKA / V6 — premium editorial art direction */
:root{--serif:'Bodoni Moda','Noto Serif Display',Georgia,serif;--sans:'DM Sans',Inter,Arial,sans-serif;--paper:#faf8f4;--ink:#202c5d;--orange:#bd3a1b;--muted:#68708a;--v6-line:rgba(39,49,93,.14)}
html{scroll-padding-top:86px}body{background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-feature-settings:'kern' 1}::selection{background:#c94b27;color:white}
a:focus-visible,button:focus-visible,input:focus-visible,.hero-stage:focus-visible{outline:3px solid #d8613a;outline-offset:5px}
.site-header{height:83px;padding:0 clamp(20px,4.7vw,78px);background:rgba(255,251,246,.86);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.brandmark{gap:12px}.brandmark img{width:62px;height:54px;object-fit:contain}.brand-name{font:500 14px/1.25 var(--sans);letter-spacing:.145em;color:#1f2d5f}.brand-name span{font-size:10px;letter-spacing:.08em;margin-top:5px;font-weight:450;color:#69718d}.desktop-nav{gap:clamp(16px,2.1vw,32px)}.desktop-nav a{font-size:12px;letter-spacing:.025em;font-weight:550;color:#243159}.header-cta{font-size:12px;letter-spacing:0}
.hero{background:#fffcf8;min-height:min(860px,100svh);overflow:hidden}.hero-scroll{height:175vh}.hero-gradient-world{inset:0;z-index:-1}
.glow-sculpture-left{left:-26%;top:-48%;width:64%;height:72%;opacity:.48;filter:blur(48px);background:radial-gradient(ellipse at 24% 28%,rgba(255,109,33,.77),rgba(255,169,100,.29) 28%,rgba(255,220,172,.07) 58%,transparent 73%);animation-duration:24s}
.glow-sculpture-right{right:-28%;top:-23%;width:73%;height:82%;opacity:.8;filter:blur(47px);background:radial-gradient(ellipse at 66% 34%,rgba(239,85,37,.75),rgba(246,143,94,.35) 28%,rgba(247,205,173,.1) 58%,transparent 72%);animation-duration:24s}
.glow-sculpture-lilac{opacity:.4;right:5%;top:30%;filter:blur(70px)}.glow-sculpture-bottom{opacity:.35}.hero-gradient-world:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,253,249,.91) 0%,rgba(255,253,249,.70) 21%,transparent 60%);pointer-events:none}
.hero-grid{grid-template-columns:minmax(0,1.03fr) minmax(0,1.12fr);gap:0;padding:126px clamp(24px,6.3vw,120px) 60px;align-items:center}.hero-copy{padding-bottom:34px}.hero-name-tag{font:550 13px/1.5 var(--sans);letter-spacing:.17em;color:#202d60;margin:0 0 14px}.hero-name-tag span{font:450 10px/1.2 var(--sans);color:#b55135;letter-spacing:.12em}.eyebrow{font-size:11px;line-height:1.5;margin-bottom:32px;color:#6d758a;letter-spacing:.115em}
.hero-title{font:400 clamp(78px,7.8vw,132px)/.91 var(--serif);letter-spacing:-.062em;white-space:normal;margin:0 0 28px;max-width:820px}.hero-title em{font-style:italic;padding-left:2px;letter-spacing:-.082em;background:linear-gradient(115deg,#b63b1d,#df663c 64%,#be411b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-rule{max-width:450px}.hero-intro{font-size:16px;line-height:1.75;max-width:470px;color:#60677c}.hero-intro strong{color:#202d60}.hero-actions{margin-top:28px;gap:27px}.button{border-radius:2px;padding:18px 24px;font-size:13px;min-height:53px}.text-link{font-size:13px}.hero-side-label{display:none}.hero-bottom{font-size:10px;letter-spacing:.08em;bottom:30px}.hero-bottom i{padding:0 10px}
.hero-stage{margin-left:-9%;width:116%;height:min(56vw,675px);max-height:73vh;transform:translateZ(0)}.monogram-webgl{filter:drop-shadow(20px 22px 19px rgba(38,52,113,.14))}.monogram-fallback{filter:drop-shadow(15px 19px 13px rgba(38,52,113,.15));transform-origin:center}.stage-aura-hot{opacity:.36;filter:blur(48px)}.stage-aura-cool{opacity:.37;filter:blur(48px)}.stage-floor-light{opacity:.4}.orbit{border-color:rgba(206,101,64,.12)}.stage-label{color:#535d80;font-size:10px;letter-spacing:.12em}.stage-label-top{right:0;top:9%}.stage-label-bottom{bottom:8%;left:11%}.stage-glint{opacity:.43}
.section-index,.micro-label{font-size:11px;letter-spacing:.15em;line-height:1.5}.intro-statement{padding-top:128px;padding-bottom:134px}.statement{font-family:var(--serif);font-size:clamp(60px,8.2vw,132px);letter-spacing:-.054em}.intro-bottom p{font-size:17px;max-width:510px}
.section-heading h2,.services-top h2,.shop-top h2,.about-copy h2,.contact-section h2{font-family:var(--serif);letter-spacing:-.061em}.section-heading{padding-top:117px;padding-bottom:52px}.inline-link,.case-text-link{font-size:13px}
.work-feature{min-height:560px}.film-art{min-height:560px}.work-feature h3{font-family:var(--serif);white-space:normal;font-size:clamp(55px,5.2vw,91px)}.film-side-word{font-family:var(--serif)}.work-feature-details{padding:clamp(38px,5.3vw,95px)}
.film-reel-cta{display:grid;grid-template-columns:1.15fr 1fr auto;gap:clamp(22px,4vw,66px);align-items:end;margin-top:0;padding-top:58px;padding-bottom:45px;border-bottom:1px solid var(--v6-line)}.film-reel-heading h3{font:400 clamp(38px,4.9vw,74px)/1 var(--serif);letter-spacing:-.055em;margin:17px 0 0;color:var(--ink)}.film-reel-heading em{color:var(--orange);font-weight:400}.film-reel-cta p{max-width:390px;font-size:14px;line-height:1.85;color:#626982;margin:0}.film-reel-link{font-size:12px;color:var(--ink);font-weight:700;white-space:nowrap;border-bottom:1px solid var(--ink);padding-bottom:12px}.film-reel-link:hover{color:var(--orange);border-color:var(--orange)}
.work-grid{gap:68px 30px}.card-description h3{font-family:var(--serif)}.services-top h2{font-size:clamp(66px,7vw,110px)}.service-title{font-family:var(--serif);font-size:clamp(30px,3vw,51px)}.service-row{min-height:112px}.service-desc{font-size:13px}
.websites-section{padding-top:125px;padding-bottom:118px}.websites-content h2{font-family:var(--serif);font-size:clamp(69px,6.3vw,108px);letter-spacing:-.059em}.websites-content p{font-size:16px}.websites-real-case{max-width:1400px;margin-left:auto;margin-right:auto;padding-top:38px}.real-web-visual{margin:25px 0 43px;border:1px solid #e6dcd4;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 24px 70px rgba(28,34,80,.07)}.real-browser-bar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:#faf8f6;border-bottom:1px solid #ece5df;color:#74809c}.real-browser-bar span{display:flex;gap:5px}.real-browser-bar i{width:7px;height:7px;border-radius:50%;background:#d1c7c2}.real-browser-bar small{font-size:11px;letter-spacing:.03em}.real-browser-bar b{font-size:15px}.real-browser-body{display:grid;grid-template-columns:1.2fr .8fr;min-height:300px;gap:30px;padding:clamp(25px,4.5vw,58px);background:linear-gradient(120deg,#fcfcfa,#fff5ec)}.real-browser-left small{font-size:10px;letter-spacing:.17em;color:#a6634c}.real-browser-left h4{font:400 clamp(34px,4vw,64px)/1.1 var(--serif);letter-spacing:-.045em;color:#243466;margin:19px 0}.real-browser-left h4 em{color:#ca542d}.real-browser-left p{font-size:13px;color:#767d8b}.real-website-button{display:inline-block;background:#d85b2c;color:#fff;padding:12px 19px;margin-top:20px;font-size:10px;letter-spacing:.1em}.real-browser-mark{display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 60% 40%,#ffb07f,#f47a3a 60%,#db5a2f);border-radius:140px 14px 140px 14px;min-height:215px;color:white;box-shadow:15px 15px 45px #e4a58b44}.real-browser-mark span{font:600 clamp(75px,9vw,145px)/1 var(--serif)}.real-browser-mark b{font-size:13px;letter-spacing:.15em}.real-browser-note{font-size:10px;color:#8b8d93;padding:11px 16px;border-top:1px solid #eee5df;letter-spacing:.1em}
.brand-case h2{font-family:var(--serif)}.brand-case-art strong{font-family:var(--serif)}
.illustration-header h2{font-family:var(--serif);font-size:clamp(59px,6.5vw,114px);letter-spacing:-.05em}.illustration-gallery{grid-template-columns:1.16fr 1fr 1fr;gap:24px}.illustration-tile-feature{grid-row:auto}.illustration-image{height:clamp(285px,32vw,440px);min-height:285px}.illustration-tile-feature .illustration-image{height:clamp(320px,35vw,475px)}.illustration-caption h3{font-family:var(--serif);font-size:clamp(23px,2.1vw,35px)}.editorial-collection-art{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;padding:26px;background:linear-gradient(125deg,#f8ccb0 0%,#f8e2d0 34%,#b3b7d1 100%)}.editorial-collection-art strong{position:relative;z-index:2;color:#293163;font:500 clamp(28px,2.7vw,45px)/.99 var(--serif);letter-spacing:-.04em}.editorial-collection-art strong em{font-weight:400;font-style:italic}.collection-sun{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;right:-12%;top:-20%;background:radial-gradient(circle at 38% 43%,#fff6d9,#f1a27b 64%,#d9796d);filter:blur(2px)}.collection-arc{position:absolute;left:-35%;width:135%;height:34%;border:25px solid #2a386f;border-radius:50%;transform:rotate(-26deg);opacity:.88}.collection-arc-1{top:29%}.collection-arc-2{top:51%;border-color:#d34b26;transform:rotate(22deg)}.illustration-tile-shop .image-open{z-index:4}
.photo-note{background:#eaeaf0;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,9vw,150px);align-items:center;padding-top:110px;padding-bottom:120px}.photo-note h2{font:400 clamp(56px,6.5vw,106px)/1 var(--serif);letter-spacing:-.05em;margin:24px 0 0;color:var(--ink)}.photo-note h2 em{color:#9a5b60}.photo-note-right p{font-size:17px;color:#595f74;line-height:1.9;max-width:500px}.photo-note-right .inline-link{margin:25px 0 23px}.photo-note-right small{display:block;color:#737b90;font-size:11px;line-height:1.7;max-width:390px}
.shop-top h2{font-size:clamp(62px,7vw,112px)}.shop-item h3{font-family:var(--serif)}.shop-grid img{object-fit:cover}.missing-preview-label{position:absolute;z-index:1;bottom:14px;left:16px;background:#ffffffde;padding:12px;color:#293163;max-width:calc(100% - 32px);font-size:11px;letter-spacing:.05em}.shop-item-visual.image-missing{background-image:radial-gradient(ellipse at 70% 30%,#dfb2ad7c,transparent 55%),linear-gradient(132deg,#d5d8e5,#fff0dc)!important}
.about-section{min-height:790px;grid-template-columns:.96fr 1.04fr}.about-image{background:#10264e;min-height:790px}.about-image:before{display:none}.about-image .about-portrait{width:100%;height:100%;max-width:none;max-height:none;position:absolute;inset:0;object-fit:cover;object-position:center 32%;transform:none;filter:none;z-index:1}.about-image::after{display:none}.about-image .about-glow{display:none}.about-image-caption{z-index:3;color:white;text-shadow:0 2px 20px #111b42a1;font-size:11px;letter-spacing:.15em;left:6%;bottom:34px}.about-image:after{content:'';display:block;position:absolute;inset:auto 0 0;height:28%;z-index:2;background:linear-gradient(0deg,rgba(9,25,53,.8),transparent)}.about-copy{padding:90px clamp(30px,7vw,115px)}.about-copy h2{font-size:clamp(54px,5.2vw,88px);margin:24px 0 31px}.about-copy p{font-size:16px;line-height:1.85}.about-links{margin:24px 0 46px}.about-stat-row strong{font-family:var(--serif)}
.contact-section h2{font-size:clamp(78px,8vw,133px)}.contact-glow{opacity:.65}.contact-sub{font-size:17px;line-height:1.8}.contact-link{font-family:var(--serif)}
.remote-art-unavailable{position:relative}.remote-art-caption{position:absolute;z-index:3;bottom:32px;left:25px;color:white;font-size:11px;letter-spacing:.11em;font-weight:700;background:#25315ec9;padding:12px 17px;max-width:calc(100% - 50px)}.illustration-image.remote-art-unavailable{background-image:linear-gradient(35deg,#b7bbd8aa,#efccbaaa),radial-gradient(ellipse at 72% 28%,#d86042,#3c447d 75%)!important}.card-media.remote-art-unavailable{background-image:linear-gradient(25deg,#b9bfd4,#f6d0b0)!important}.film-art.remote-art-unavailable{background-image:radial-gradient(circle at 60% 32%,#c86755,#242c62 72%)!important}
/* Unified editorial responsiveness */
@media(max-width:1180px){.desktop-nav{gap:15px}.brand-name{font-size:12px}.brand-name span{font-size:9px}.hero-title{font-size:clamp(70px,7.8vw,105px)}.hero-grid{padding-left:5vw;padding-right:5vw}.illustration-gallery{gap:16px}}
@media(max-width:950px){.hero-scroll{height:auto}.hero{min-height:0}.hero-grid{padding:132px 32px 45px;grid-template-columns:1fr}.hero-copy{order:1}.hero-stage{order:2;height:390px;width:100%;margin:10px 0 0;max-height:none}.hero-title{font-size:clamp(80px,10.4vw,126px)}.hero-intro{max-width:700px}.hero-bottom{position:static;padding:0 32px 24px;gap:22px}.hero-bottom>span{display:none}.hero-gradient-world:after{background:linear-gradient(90deg,#fffdfaaf,transparent)}.film-reel-cta{grid-template-columns:1fr 1fr}.film-reel-link{grid-column:2}.illustration-gallery{grid-template-columns:1fr 1fr}.illustration-tile-shop{grid-column:1 / -1}.illustration-tile-shop .illustration-image{height:320px}.about-section{grid-template-columns:1fr 1fr}.about-image{min-height:680px}.about-copy{padding:65px 38px}.photo-note{gap:50px}}
@media(max-width:700px){
 .site-header{height:70px;padding:0 19px}.brandmark{gap:8px}.brandmark img{width:48px;height:44px}.brand-name{font-size:11px;letter-spacing:.11em}.brand-name span{font-size:8px;letter-spacing:.035em}.header-cta{display:none}.hero-gradient-world{inset:0}.glow-sculpture-left{left:-77%;top:-35%;width:108%;height:57%;opacity:.40}.glow-sculpture-right{right:-69%;top:-18%;width:100%;height:58%;opacity:.67}.hero{min-height:0;padding-bottom:0}.hero-grid{padding:107px 22px 12px;gap:0}.eyebrow{font-size:10px;letter-spacing:.07em;margin-bottom:22px}.hero-name-tag{font-size:12px;letter-spacing:.095em;margin-bottom:13px}.hero-name-tag span{font-size:9px;letter-spacing:.055em}.hero-title{font-size:clamp(54px,12.8vw,85px);white-space:normal;line-height:.94;margin-bottom:24px}.hero-title em{white-space:normal}.hero-rule{max-width:90%;margin-bottom:17px}.hero-intro{font-size:14.5px;line-height:1.66;max-width:490px}.hero-actions{margin-top:22px;gap:15px}.hero-actions .button{font-size:12px;padding:14px 16px;min-height:49px}.hero-actions .text-link{font-size:12px}.hero-copy{padding:0}.hero-stage{height:clamp(265px,77vw,440px);width:106%;margin-left:-3%;margin-top:0;max-height:none}.stage-label-top{top:8%;right:4%;font-size:8px}.stage-label-bottom{bottom:8%;left:8%;font-size:8px}.hero-bottom{padding:0 22px 20px;font-size:9px}.intro-statement{padding-top:92px;padding-bottom:96px}.statement{font-size:clamp(57px,12vw,100px)}.section-heading{padding-top:85px;padding-bottom:34px}.film-art{min-height:430px}.work-feature-details{padding:35px 26px}.work-feature h3{font-size:54px}.film-reel-cta{padding:38px 24px;grid-template-columns:1fr;gap:18px}.film-reel-heading h3{font-size:56px}.film-reel-link{grid-column:1;justify-self:start}.work-grid{padding-top:34px;padding-bottom:105px}.services-inner{padding-top:95px;padding-bottom:80px}.services-top h2{font-size:65px}.service-row{min-height:99px}.service-title{font-size:clamp(29px,7vw,44px)}.service-desc{font-size:12px}.websites-section{padding-top:90px;padding-bottom:80px}.websites-content h2{font-size:clamp(54px,11.5vw,80px)}.websites-real-case{padding-top:36px}.real-browser-body{grid-template-columns:1fr;min-height:0;padding:27px}.real-browser-left h4{font-size:40px}.real-browser-mark{min-height:145px;max-height:175px;border-radius:75px 14px 75px 14px}.real-browser-mark span{font-size:72px}.brand-case{padding-top:82px;padding-bottom:85px}.illustration-header h2{font-size:clamp(52px,11.5vw,84px)}.illustration-gallery{grid-template-columns:1fr;gap:26px}.illustration-tile-shop{grid-column:auto}.illustration-image,.illustration-tile-feature .illustration-image{height:clamp(320px,86vw,450px)}.illustration-caption h3{font-size:29px}.photo-note{grid-template-columns:1fr;padding-top:75px;padding-bottom:78px;gap:20px}.photo-note h2{font-size:66px}.photo-note-right p{font-size:15px}.shop-top h2{font-size:clamp(56px,11vw,80px)}.about-section{grid-template-columns:1fr}.about-image{height:570px;min-height:0;max-height:80svh}.about-image .about-portrait{object-position:center 24%}.about-copy{padding:74px 26px 88px}.about-copy h2{font-size:clamp(55px,10.8vw,80px)}.about-copy p{font-size:15px}.contact-section h2{font-size:clamp(62px,12vw,91px)}.contact-section{padding-bottom:0}
}
@media(max-width:390px){.hero-title{font-size:clamp(51px,12.3vw,64px)}.hero-stage{height:265px}.brand-name{font-size:10px}.hero-actions{gap:10px}.hero-actions .text-link{padding:9px 0}.about-image{height:495px}}
@media(prefers-reduced-motion:reduce){.glow-sculpture,.glow-prism,.stage-aura,.stage-glint{animation:none!important}.hero-copy,.hero-bottom,.reveal{transform:none!important;opacity:1!important;transition:none!important}.scroll-arrow{animation:none!important}}
/* Final layout QA: don't let aspect-ratio force artwork previews beyond grid cells. */
@media(min-width:951px){.hero-stage{margin-left:0;width:108%}}
.illustration-image,.illustration-tile-feature .illustration-image,.illustration-tile:nth-child(2) .illustration-image{width:100%;max-width:100%;box-sizing:border-box;aspect-ratio:auto;height:clamp(290px,30vw,445px)}
.illustration-tile:nth-child(2){padding-top:0}
.illustration-image::before{font-size:clamp(120px,16vw,250px);opacity:.35}
.illustration-image-toucan.remote-art-unavailable::after,.illustration-image-dolce.remote-art-unavailable::after{position:absolute;z-index:1;top:30px;left:28px;color:#fff9ec;font:400 clamp(32px,3vw,49px)/1 var(--serif);letter-spacing:-.04em;text-shadow:0 3px 30px #21284842}
.illustration-image-toucan.remote-art-unavailable::after{content:'Toucan\A illustration';white-space:pre}
.illustration-image-dolce.remote-art-unavailable::after{content:'La Dolce\A Vita';white-space:pre}
@media(max-width:700px){.illustration-image,.illustration-tile-feature .illustration-image,.illustration-tile:nth-child(2) .illustration-image{height:clamp(315px,83vw,440px)}}


/* V6.1 — Curated portfolio expansion, original uploaded artwork. */
.curated-showcase{background:linear-gradient(165deg,#fffcf8 0%,#fff8f2 42%,#eef0f8 100%);padding-top:125px;padding-bottom:150px;position:relative;overflow:hidden;isolation:isolate}
.curated-showcase:before{content:'';position:absolute;pointer-events:none;z-index:-1;left:-14%;top:6%;width:45vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffa86b55 0%,#ffcdab22 36%,transparent 71%);filter:blur(34px)}
.curated-header{margin-bottom:56px;position:relative;z-index:1}
.curated-heading-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);align-items:end;gap:65px;margin-top:16px}
.curated-heading-row h2{font-family:var(--serif);color:#23305d;font-size:clamp(64px,7vw,116px);letter-spacing:-.054em;font-weight:400;line-height:.97;margin:0}
.curated-heading-row h2 em{font-weight:400;color:#c33c17}
.curated-heading-row p{font-size:15px;line-height:1.8;color:#5b6174;margin:0 0 7px;max-width:385px}
.curated-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:20px;row-gap:50px;align-items:start}
.curated-card{grid-column:span 2;min-width:0;position:relative}
.curated-card:nth-child(1),.curated-card:nth-child(2){grid-column:span 3}
.curated-art{display:block;position:relative;overflow:hidden;aspect-ratio:1.23;border-radius:4px;background:#e0dce3;box-shadow:0 12px 45px rgba(38,32,55,.07)}
.curated-card:nth-child(1) .curated-art,.curated-card:nth-child(2) .curated-art{aspect-ratio:1.55}
.curated-art::after{content:'';inset:0;position:absolute;pointer-events:none;background:linear-gradient(to top,rgba(13,22,47,.75),transparent 32%);opacity:.35;transition:opacity .45s ease}
.curated-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.curated-art-cta{position:absolute;z-index:2;bottom:20px;left:24px;color:#fff;font-size:11px;font-weight:650;letter-spacing:.09em;transform:translateY(6px);opacity:0;transition:transform .35s ease,opacity .35s ease;text-shadow:0 1px 10px rgba(0,0,0,.6)}
.curated-art:focus-visible{outline:3px solid #c33c17;outline-offset:4px}
.curated-art:hover img,.curated-art:focus-visible img{transform:scale(1.04)}
.curated-art:hover::after,.curated-art:focus-visible::after{opacity:1}
.curated-art:hover .curated-art-cta,.curated-art:focus-visible .curated-art-cta{opacity:1;transform:translateY(0)}
.curated-card-details{padding:22px 3px 0}
.curated-card-category{display:block;color:#b14b2e;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.curated-card-details h3{font:400 clamp(29px,3.2vw,47px)/1.1 var(--serif);letter-spacing:-.045em;color:#232f5d;margin:11px 0}
.curated-card-details p{color:#626579;font:400 14px/1.7 var(--sans, 'DM Sans',sans-serif);max-width:465px;margin:0 0 15px}
.curated-link{display:inline-block;color:#23305d;font-size:11px;font-weight:700;letter-spacing:.07em;text-decoration:none;border-bottom:1px solid #c33c17;padding-bottom:4px}
.curated-link:hover{color:#c33c17}
.curated-unmatched-note{display:block;font-size:10px;line-height:1.55;color:#858393;margin-top:10px}
@media(max-width:950px){.curated-heading-row{grid-template-columns:1fr;gap:22px}.curated-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 20px}.curated-card,.curated-card:nth-child(1),.curated-card:nth-child(2){grid-column:span 1}.curated-art,.curated-card:nth-child(1) .curated-art,.curated-card:nth-child(2) .curated-art{aspect-ratio:1.2}.curated-art-cta{opacity:1;transform:none;font-size:9px;bottom:14px;left:14px}.curated-art::after{opacity:1}}
@media(max-width:620px){.curated-showcase{padding:86px 22px 92px}.curated-heading-row h2{font-size:clamp(52px,11vw,74px)}.curated-heading-row p{font-size:14px}.curated-header{margin-bottom:32px}.curated-grid{grid-template-columns:1fr;gap:37px}.curated-art,.curated-card:nth-child(1) .curated-art,.curated-card:nth-child(2) .curated-art{aspect-ratio:1.43}.curated-card-details{padding-top:16px}.curated-card-details h3{font-size:33px}.curated-card-details p{font-size:13px}.curated-unmatched-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.curated-art img,.curated-art-cta{transition:none!important;transform:none!important}}

\n/* V6.2 original photography / AI-to-vector / social poster video. */
.illustration-image-comparison{background:#ee9a81}.illustration-image-comparison img{width:100%;height:100%;object-fit:cover;display:block}.illustration-tile-comparison .illustration-caption h3{max-width:440px}.comparison-disclosure{font-size:12px;line-height:1.65;color:#737280;margin:8px 0 0;max-width:400px}.illustration-tile-comparison{min-width:0}
.poster-motion{background:#182d60;color:#fff;padding-top:90px;padding-bottom:110px;position:relative;isolation:isolate;overflow:hidden}.poster-motion:before{content:'';position:absolute;inset:-30% -10%;z-index:-1;opacity:.35;background:radial-gradient(circle at 85% 10%,#ee7c4b 0,transparent 40%),radial-gradient(circle at 10% 90%,#799be1 0,transparent 42%);pointer-events:none}.poster-motion-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.poster-motion .section-index,.poster-motion .poster-meta{color:#d0d9f3;font-size:10px;letter-spacing:.16em}.poster-motion-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);align-items:center;gap:clamp(35px,5vw,95px)}.poster-video-frame{position:relative;min-width:0;overflow:hidden;background:#0e2147;box-shadow:0 30px 65px rgba(5,13,36,.28)}.poster-video-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;max-height:600px}.poster-video-note{position:absolute;bottom:18px;left:24px;font-size:9px;letter-spacing:.14em;color:#fff;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.55)}.poster-motion-copy{max-width:460px}.poster-motion-copy h2{font-family:var(--serif);font-weight:400;letter-spacing:-.048em;line-height:1.03;font-size:clamp(56px,5.2vw,99px);margin:17px 0 28px}.poster-motion-copy h2 em{color:#ffc1a4}.poster-motion-copy p{font-size:15px;line-height:1.8;color:#e6e7f2;margin:0 0 17px}.poster-motion-copy .poster-motion-foot{font-size:12px;color:#aab9d8;margin-bottom:25px}.poster-motion-copy .inline-link{color:#fff;border-bottom-color:#ffc1a4}
.photo-case{padding-top:120px;padding-bottom:120px;background:linear-gradient(155deg,#fffbf6 0%,#fff2eb 50%,#e4e8f4 100%);position:relative}.photo-case-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:43px}.photo-case-heading h2{font-family:var(--serif);font-size:clamp(62px,7vw,115px);line-height:.98;font-weight:400;letter-spacing:-.053em;margin:20px 0 0;color:#252f62}.photo-case-heading h2 em{color:#bb421a}.photo-case-heading p{font-size:15px;line-height:1.8;color:#606179;max-width:340px}.photo-case-image{display:block;position:relative;overflow:hidden;isolation:isolate;aspect-ratio:16/8.6;box-shadow:0 25px 65px rgba(60,45,75,.12);background:#d6b098}.photo-case-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .85s cubic-bezier(.22,.61,.36,1)}.photo-case-image:hover img,.photo-case-image:focus-visible img{transform:scale(1.025)}.photo-case-image:focus-visible{outline:3px solid #c0340f;outline-offset:4px}.photo-case-button{position:absolute;bottom:27px;right:27px;background:#fff7ef;color:#223260;padding:15px 20px;border-radius:40px;font-size:10px;font-weight:700;letter-spacing:.07em;box-shadow:0 5px 20px rgba(19,20,44,.10)}.photo-case-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}.photo-case-foot>span{font-size:10px;color:#7c6b69;letter-spacing:.12em}
@media(max-width:950px){.poster-motion-layout{grid-template-columns:1fr}.poster-motion-copy{max-width:700px}.poster-motion-copy h2{font-size:68px}.photo-case-heading{align-items:start;flex-direction:column;gap:16px}.photo-case-image{aspect-ratio:16/10}}
@media(max-width:700px){.poster-motion{padding:74px 22px 82px}.poster-motion-head{align-items:flex-start;flex-direction:column;gap:8px}.poster-motion-layout{gap:32px}.poster-motion-copy h2{font-size:clamp(48px,12vw,70px)}.poster-motion-copy p{font-size:14px}.poster-video-note{left:12px;bottom:42px;font-size:8px}.photo-case{padding:78px 22px 85px}.photo-case-heading{margin-bottom:24px}.photo-case-heading h2{font-size:clamp(51px,12vw,76px)}.photo-case-heading p{font-size:14px}.photo-case-image{aspect-ratio:1.4}.photo-case-image img{object-position:60% center}.photo-case-button{bottom:12px;right:12px;left:12px;text-align:center;font-size:9px;padding:13px 10px}.photo-case-foot{flex-direction:column;align-items:start;gap:12px}.comparison-disclosure{font-size:12px}}
.poster-video-note{display:none} /* Keep native video controls unobstructed. */
.illustration-image-toucan,.illustration-image-dolce,.illustration-image-comparison{height:auto!important;aspect-ratio:1.52!important;min-height:0!important}
.illustration-image-toucan img,.illustration-image-dolce img,.illustration-image-comparison img{object-fit:contain!important}
@media(prefers-reduced-motion:reduce){.photo-case-image img{transition:none!important}}


/* V6.4 — Latest AI Video portfolio feature */
.latest-film-case{position:relative;margin:0 20px 44px;background:#172751;color:#fff;border-radius:4px;overflow:hidden;box-shadow:0 18px 70px rgba(31,37,89,.15)}
.latest-film-artwork{position:relative;overflow:hidden;isolation:isolate;background:#171f46}
.latest-film-artwork img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover;transition:transform 1.2s cubic-bezier(.18,.7,.25,1)}
.latest-film-case:hover .latest-film-artwork img{transform:scale(1.018)}
.latest-film-float{position:absolute;top:26px;right:26px;font:700 10px/1.3 var(--sans);letter-spacing:.19em;color:white;text-shadow:0 2px 12px #182654b0;background:#1d2e639c;backdrop-filter:blur(12px);border:1px solid #ffffff40;padding:12px 14px}
.latest-film-details{display:flex;justify-content:space-between;gap:38px;align-items:end;padding:38px clamp(25px,5vw,76px) 48px;background:radial-gradient(ellipse at 100% 100%,rgba(225,93,49,.18),transparent 55%),#172751}
.latest-film-description{max-width:760px}
.latest-film-description .micro-label{font-size:10px;color:#ffc397;letter-spacing:.2em}
.latest-film-details h3{font:400 clamp(45px,5vw,79px)/1.04 var(--serif);margin:14px 0 10px;letter-spacing:-.035em;color:#fff}
.latest-film-details h3 em{font-weight:400;color:#ffbd89}
.latest-film-details p{max-width:620px;font:400 15px/1.72 var(--sans);color:#e9e5e8;margin:0}
.latest-film-link{border:1px solid #ffffff9c;padding:16px 23px;display:inline-flex;align-items:center;gap:20px;white-space:nowrap;color:#fff;font:600 12px/1.2 var(--sans);letter-spacing:.035em;transition:background .25s,color .25s;min-height:48px}
.latest-film-link:hover,.latest-film-link:focus-visible{background:#fff;color:#1d2e5a}
@media(max-width:760px){.latest-film-case{margin:0 15px 26px}.latest-film-artwork img{aspect-ratio:1672/941;object-fit:contain;object-position:center}.latest-film-float{top:12px;right:12px;font-size:8px;letter-spacing:.12em;padding:8px 10px}.latest-film-details{padding:25px 22px 30px;display:block}.latest-film-details h3{font-size:clamp(39px,10vw,58px)}.latest-film-details p{font-size:13px}.latest-film-link{margin-top:23px;font-size:12px;width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.latest-film-artwork img{transition:none!important}}

/* V7 / Stage 01: definitive typographic hierarchy. Brand signature remains the original art. */
:root {
  --display: 'Plus Jakarta Sans', 'Inter Display', Inter, Arial, sans-serif;
  --serif: var(--display);
  --sans: 'Manrope', Inter, Arial, sans-serif;
}
body {font-family:var(--sans);letter-spacing:-.004em}
.hero-title, .section-heading h2, .services-top h2, .shop-top h2,
.about-copy h2, .contact-section h2, .statement,
.websites-content h2,.illustration-header h2,.photo-note h2,
.photo-case-heading h2,.brand-case-copy h2,.curated-heading-row h2,
.poster-motion-copy h2,.latest-film-details h3,
.film-reel-heading h3,.work-feature h3 {
  font-family:var(--display);
  font-weight:800;
  letter-spacing:-.069em;
  line-height:1.01;
}
.hero-title {
  font-family:var(--display);
  font-weight:800;
  font-size:clamp(69px,6.1vw,113px);
  line-height:1.05;
  letter-spacing:-.075em;
  max-width:780px;
  white-space:normal;
}
.hero-title em {font-style:normal;letter-spacing:-.075em;padding-left:0}
.hero-copy .eyebrow {font-weight:700;letter-spacing:.105em}
.hero-name-tag {font-weight:700;letter-spacing:.11em}
.hero-intro {max-width:510px;font-size:16px;line-height:1.67}
.statement{font-size:clamp(58px,7.9vw,126px)}
.section-heading h2,.services-top h2,.shop-top h2 {font-size:clamp(58px,6.8vw,112px)}
.work-feature h3{font-size:clamp(49px,5.1vw,82px)}
.service-title{font-family:var(--display);font-weight:700;letter-spacing:-.045em;font-size:clamp(27px,2.7vw,44px)}
.about-copy h2{font-size:clamp(52px,5.2vw,88px)}
.card-description h3,.curated-card-details h3,.illustration-caption h3,
.shop-item h3,.brand-case-art strong {font-family:var(--display);font-weight:700;letter-spacing:-.045em}
.brand-name{font-weight:700;letter-spacing:.055em}
.brand-name span{font-weight:600;letter-spacing:.045em}
.desktop-nav a,.header-cta{font-weight:700}
.eyebrow,.section-index,.micro-label{font-size:11px;letter-spacing:.12em;font-weight:700}
.button,.text-link,.inline-link,.case-text-link{font-weight:700}
.mobile-nav a{font-family:var(--display);font-weight:700;letter-spacing:-.05em}
/* V7 / Stage 02: cinematic mobile composition; crop only from Lana's original poster. */
.latest-film-mobile-art{display:none}
.latest-film-artwork>.latest-film-desktop-image{display:block;width:100%;height:auto}
.latest-film-details h3{font-size:clamp(44px,4.5vw,74px);letter-spacing:-.059em}
.latest-film-details h3 em {font-style:normal}
.latest-film-float {font-size:11px;letter-spacing:.11em}
@media (max-width:1100px){
  .hero-title {font-size:clamp(65px,7.1vw,88px)}
  .desktop-nav {gap:12px}
}
@media (max-width:950px){
  .hero-title {font-size:clamp(60px,9vw,82px)}
}
@media (max-width:700px){
  .hero-title {font-size:clamp(47px,11.2vw,62px);line-height:1.09;letter-spacing:-.074em;max-width:100%;margin-bottom:19px}
  .hero-title em{letter-spacing:-.074em}
  .hero-name-tag {font-size:11px}
  .hero-intro {font-size:14.5px;line-height:1.64}
  .statement{font-size:clamp(49px,11.5vw,72px)}
  .section-heading h2,.services-top h2,.shop-top h2 {font-size:clamp(48px,10vw,72px)}
  .websites-content h2,.illustration-header h2,.about-copy h2,.contact-section h2{font-size:clamp(46px,10.4vw,72px)}
  .latest-film-artwork>.latest-film-desktop-image{display:none}
  .latest-film-mobile-art{
    display:grid;
    grid-template-columns:1.07fr .93fr;
    gap:3px;
    width:100%;
    height:clamp(300px,81vw,480px);
    background:#1b2856;
    overflow:hidden;
  }
  .latest-film-mobile-art img{width:100%;height:100%;display:block;object-fit:cover}
  .latest-film-float{top:12px;right:12px;font-size:9px;padding:10px 12px;background:#1a275bbb}
  .latest-film-details h3{font-size:clamp(37px,9.2vw,57px);line-height:1.08;margin-top:16px}
  .latest-film-details p{font-size:14px;line-height:1.7}
  .latest-film-case{margin:0 16px 30px}
  .latest-film-details{padding:24px 23px 28px}
  .latest-film-description .micro-label{font-size:10px;letter-spacing:.10em}
  .film-reel-heading h3{font-size:clamp(42px,10vw,60px)}
  .service-title{font-size:clamp(26px,7.2vw,39px)}
  .brand-name span{font-size:9px}
}
@media (prefers-reduced-motion:reduce){
  .latest-film-artwork img{transition:none!important}
}


/* V7.1 — lightweight Etsy destination, replaces photography and stock previews. */
.etsy-spotlight{position:relative;isolation:isolate;overflow:hidden;min-height:460px;padding-top:112px;padding-bottom:112px;background:linear-gradient(118deg,#fffaf4 0%,#f7f0ee 43%,#ebeaf6 100%);display:flex;align-items:center;justify-content:space-between;gap:6vw}
.etsy-spotlight-glow{position:absolute;z-index:-1;pointer-events:none;width:min(70vw,900px);height:540px;left:-18%;top:-55%;border-radius:50%;background:radial-gradient(ellipse,#f8b28b90 0%,#f7caa75c 38%,transparent 73%);filter:blur(45px);animation:etsyGlowDrift 22s ease-in-out infinite alternate}
.etsy-spotlight-content{max-width:720px;position:relative;z-index:1}
.etsy-spotlight h2{font-family:var(--display, 'Plus Jakarta Sans',sans-serif);font-size:clamp(54px,7.4vw,105px);line-height:1.02;letter-spacing:-.065em;font-weight:600;margin:22px 0 26px;color:#27325e}
.etsy-spotlight h2 em{color:#bd3d1d;font-style:normal}
.etsy-spotlight p{max-width:510px;color:#60647b;font-size:clamp(15px,1.25vw,18px);line-height:1.72;margin:0 0 28px}
.etsy-spotlight .button{display:inline-flex;align-items:center;gap:35px;text-decoration:none}
.etsy-spotlight-ornament{width:clamp(180px,24vw,340px);aspect-ratio:1;border:1px solid #3543712e;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-9deg);color:#293566;box-shadow:0 22px 100px #ee9c7333;flex-shrink:0;position:relative;background:radial-gradient(circle at 30% 20%,#fffaf3b6,transparent 64%)}
.etsy-spotlight-ornament:after{content:'';position:absolute;inset:10px;border:1px solid #ab70472e;border-radius:50%}
.etsy-spotlight-ornament span{font-size:clamp(66px,11vw,140px);line-height:1;font-family:cursive;font-style:italic;letter-spacing:-.16em;margin-right:.13em;color:#cc4a2a}
.etsy-spotlight-ornament small{font-size:10px;letter-spacing:.21em;font-weight:700;margin-top:10px}
@keyframes etsyGlowDrift{to{transform:translate(18%,15%) scale(1.12)}}
@media(max-width:700px){.etsy-spotlight{min-height:0;padding:84px 24px 92px;flex-direction:column;align-items:flex-start;gap:36px}.etsy-spotlight h2{font-size:clamp(52px,12vw,76px);letter-spacing:-.05em}.etsy-spotlight-ornament{width:180px;align-self:flex-end}.etsy-spotlight-glow{width:100vw;top:-130px;left:-35%}}
@media(prefers-reduced-motion:reduce){.etsy-spotlight-glow{animation:none}}

/* V7.2: verified contact actions, darker signature and reliable project thumbnails. */
.monogram-webgl{filter:drop-shadow(21px 26px 19px rgba(22,30,67,.16))}
.monogram-fallback{filter:drop-shadow(18px 23px 20px rgba(19,26,64,.18))}
.work-card .card-media{background:#262d62;overflow:hidden}
.work-card .card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.work-card:hover .card-media img{transform:scale(1.035)}
.contact-methods{display:flex;align-items:stretch;justify-content:center;gap:14px;flex-wrap:wrap;margin:20px auto 18px}
.contact-methods .contact-link{margin:0;display:inline-flex;align-items:center;gap:14px}
.contact-upwork{display:inline-flex;align-items:center;gap:24px;border:1px solid rgba(252,226,208,.75);color:#fff4ef;letter-spacing:.04em;font-weight:700;font-size:clamp(13px,1.3vw,17px);padding:17px 24px;transition:background .25s,transform .25s}
.contact-upwork:hover{background:rgba(255,255,255,.11);transform:translateY(-3px)}
.contact-email-address{display:block;width:fit-content;max-width:100%;margin:12px auto 70px;color:#ffe7d6;text-decoration:underline;text-underline-offset:7px;overflow-wrap:anywhere;font-size:clamp(13px,1.6vw,17px);letter-spacing:.01em}
.contact-email-address:hover{color:#fff}
.footer-links{flex-wrap:wrap}
@media(max-width:700px){.contact-methods{flex-direction:column;align-items:stretch;margin-top:23px}.contact-methods a{justify-content:space-between}.contact-email-address{margin:14px auto 58px}}


/* V7.6: Failsafe LB signature. Always visible even with no JavaScript / blocked WebGL. */
.hero-stage .monogram-fallback{
  opacity:1;visibility:visible;z-index:1;
  transition:opacity .55s ease;
}
.hero-stage .monogram-webgl{
  opacity:0;visibility:hidden;
  transition:opacity .55s ease;
}
html.webgl-ready:not(.no-webgl) .hero-stage .monogram-fallback{opacity:0}
html.webgl-ready:not(.no-webgl) .hero-stage .monogram-webgl{opacity:1;visibility:visible}
html.no-webgl .hero-stage .monogram-fallback{opacity:1;visibility:visible}
html.no-webgl .hero-stage .monogram-webgl{opacity:0;visibility:hidden;display:none}
@media (prefers-reduced-motion: reduce){
 .hero-stage .monogram-fallback{transition:none;animation:none!important}
}


/* V7.8 – restrained original signature; preserve typography and art direction. */
:root{--ink:#242e62;--orange:#c13a18}
.hero-grid{grid-template-columns:minmax(0,51%) minmax(0,49%);column-gap:clamp(12px,1.4vw,24px)}
.hero-copy{min-width:0;overflow:visible}
.hero-title{font-size:clamp(56px,6.1vw,109px);line-height:.98;letter-spacing:-.063em;white-space:normal;max-width:100%;overflow-wrap:normal}
.hero-title em{display:inline-block;max-width:100%;white-space:nowrap;padding-left:0}
.hero-stage{width:100%;height:min(55vw,690px);margin-left:0;max-width:100%;overflow:visible}
.hero-stage .monogram-webgl{display:none!important;visibility:hidden!important;opacity:0!important}
.hero-stage .monogram-fallback{opacity:1!important;visibility:visible!important;z-index:2;max-width:100%;filter:drop-shadow(12px 16px 14px rgba(22,30,67,.13));will-change:transform}
.orbit,.orbit-b{opacity:.5}
.work-card:nth-child(even){transform:none!important}
.work-grid{align-items:stretch;row-gap:45px}
.work-card{display:flex;flex-direction:column;min-width:0}
.work-card .card-media{aspect-ratio:1.20;height:auto;min-height:0;flex:0 0 auto}
.card-description{flex:1;align-content:start;align-items:start;min-height:96px}
.curated-grid{align-items:stretch;row-gap:42px}
.curated-card{display:flex;flex-direction:column;min-width:0;height:100%}
.curated-card-details{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-height:165px;padding:20px 3px 0}
.curated-link{margin-top:auto;display:inline-block;line-height:1.5;min-height:28px}
.curated-card-details h3{overflow-wrap:break-word}
.illustration-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(20px,2.4vw,34px)}
.illustration-tile,.illustration-tile:nth-child(2){padding-top:0;min-width:0}
.illustration-image,.illustration-tile-feature .illustration-image,.illustration-tile:nth-child(2) .illustration-image{height:auto;min-height:0;aspect-ratio:1.36;max-width:100%}
.illustration-tile-shop{grid-column:auto}
.illustration-tile-shop .illustration-image{height:auto}
.illustration-caption{align-items:start;gap:12px;min-height:95px}
.illustration-caption>div{min-width:0;flex:1}
.illustration-caption>span{align-self:center;flex:0 0 auto}
.illustration-caption h3{overflow-wrap:break-word}
.about-links{flex-wrap:wrap;row-gap:14px}
.inline-link,.curated-link{white-space:normal}
/* Keep the headline legible at intermediate widths without clipping. */
@media(max-width:1200px){
 .hero-title{font-size:clamp(54px,5.6vw,83px)}
 .hero-stage{height:min(60vw,610px)}
}
@media(max-width:950px){
 .hero-grid{grid-template-columns:minmax(0,1fr)}
 .hero-title{font-size:clamp(50px,9.5vw,85px)}
 .hero-stage{height:clamp(275px,65vw,450px);max-width:660px;align-self:center}
 .curated-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .curated-card-details{min-height:155px}
}
@media(max-width:700px){
 .hero-title{font-size:clamp(44px,10.4vw,72px);line-height:.99}
 .hero-stage{width:100%;height:clamp(230px,69vw,410px);margin:0;max-height:none}
 .work-grid{grid-template-columns:1fr;gap:38px}
 .work-card .card-media{aspect-ratio:1.25}
 .card-description{min-height:0}
 .illustration-gallery{grid-template-columns:1fr;gap:25px}
 .illustration-tile-shop{grid-column:auto}
 .illustration-caption{min-height:0}
 .curated-grid{grid-template-columns:1fr;gap:35px}
 .curated-card-details{min-height:0}
 .curated-link{margin-top:18px}
}