/* Unicó studio edition. Motion is limited to deliberate hover and focus feedback. */
:root{--ink:#10172f;--cream:#ede5c7;--accent:#dccc94;--silver:#cbd7eb;--edge:#acbfef30}
body{background:var(--ink)}
.site-header{position:relative;z-index:3;background:linear-gradient(105deg,#0f162b,#1c2b4c);border-bottom:1px solid var(--edge)}
.header-inner{padding-top:25px;padding-bottom:25px;max-width:1536px}
.wordmark{font-weight:700;font-style:italic;letter-spacing:-.075em;font-size:2.2rem;color:var(--cream)}
.site-header nav{gap:40px;font-size:.9375rem}
.site-header nav a:last-child{border:1px solid #cecea961;border-radius:4px;padding:10px 17px;background:linear-gradient(130deg,#dbd5b91c,#25365829);color:var(--cream)}
.site-header nav a:last-child:hover{background:#dbd5b930;text-decoration:none}
.eyebrow{font-size:.8125rem;letter-spacing:.14em;font-weight:500}
.button{border-width:1px;border-radius:4px;gap:36px;padding:15px 19px;box-shadow:inset 0 1px 0 #ffffff33,0 8px 20px #070f2826}
.button span{border-left:1px solid currentColor;padding-left:20px;line-height:1}
.button-yellow{background:linear-gradient(130deg,#f0e9c7 0,#ddcc91 48%,#e8dba9 100%);border-color:#f1e6bd;color:#172344}
.button:hover{box-shadow:inset 0 1px 0 #fff8,0 8px 24px #070f2840}
.text-link{border-bottom-color:#8c98af;padding-bottom:.5rem}
.page-home main{background:var(--ink)}
.hero{max-width:none;position:relative;isolation:isolate;overflow:hidden;grid-template-columns:.92fr 1.08fr;gap:3%;padding:76px max(6%,calc((100% - 1350px)/2)) 100px;min-height:650px;background:linear-gradient(90deg,#11172f 0,#17213aee 20%,#1a294ea3 60%,#1b2b4b77),url('assets/studio-metal.png') right center/cover no-repeat}
.hero::after{content:'';position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(transparent,#11182f);z-index:-1;pointer-events:none}
.hero-copy{z-index:2;max-width:570px}
.hero-copy>.eyebrow{color:#d5d8dd;margin-bottom:24px}
.hero-copy>.eyebrow::before{content:'✦';display:inline-block;color:var(--accent);font-size:1rem;margin-right:12px}
.hero-copy h1{font-size:clamp(5.2rem,9.5vw,9.7rem);line-height:.92;font-style:italic;letter-spacing:-.025em;margin-left:-.025em;margin-bottom:30px;overflow:visible;background:none;-webkit-text-fill-color:initial;color:var(--cream)}
.hero-copy h1 span{display:block;padding-right:.16em;padding-bottom:.04em}
.hero-copy h1 .title-first{background:linear-gradient(150deg,#fffbed 15%,#d7c993 65%,#b6a96d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy h1 .title-second{color:transparent;-webkit-text-stroke:1.5px #d6dded;text-shadow:3px 4px 0 #7890be0f}
.hero-copy>p:not(.eyebrow){max-width:435px;font-size:1.05rem;line-height:1.75;color:#d4dced}
.hero-copy .button{margin-top:16px}
.hero-art.brand-stage{width:100%;max-width:620px;margin:0;aspect-ratio:1.14;position:relative;justify-self:center;align-self:center;z-index:1}
.brand-stage .brand-logo{position:absolute;inset:4% 0 auto;width:100%;height:90%;object-fit:contain;filter:drop-shadow(0 25px 22px #0005);transform:rotate(-7deg)}
.brand-orbit{position:absolute;inset:21% -1%;border:1px solid #d2e3ff45;border-bottom-color:#dfd3ac88;border-right-color:transparent;border-radius:50%;transform:rotate(-28deg);box-shadow:0 1px 0 #02091b50;pointer-events:none}
.brand-stage .hero-face{position:absolute;width:24%;height:auto;object-fit:contain;filter:drop-shadow(0 16px 14px #02091b80);pointer-events:none}
.hero-face-one{top:1%;right:10%;transform:rotate(17deg)}
.hero-face-two{bottom:1%;left:0;transform:rotate(-14deg)}
.work-section{position:relative;background:radial-gradient(ellipse at 10% 40%,#2a395755,transparent 60%),linear-gradient(#11182f,#17203a);padding-top:25px;padding-bottom:110px;border-top:0;color:#ecedf5}
.section-heading{margin-bottom:42px;align-items:center;gap:30px}
.work-section .section-heading::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,#c7d4f550,transparent);margin-left:20px}
.section-heading h2{font-size:clamp(3.6rem,5.3vw,5.4rem);font-style:italic;font-weight:700}
.project-grid{grid-template-columns:1.13fr 1fr;gap:5%}
.strikers-project{margin-top:100px}
.project-card{position:relative;border-radius:12px;outline-offset:8px}
.project-art{aspect-ratio:1.28;border:1px solid #c2d2ed55;border-radius:12px;box-shadow:inset 0 1px 0 #fff3,0 24px 40px #03081740}
.avatar-art{background:radial-gradient(ellipse at 50% 25%,#e3e9f1 0,transparent 55%),linear-gradient(140deg,#a6b8d7,#d5deec 50%,#879abb);isolation:isolate}
.project-type-art{position:absolute;left:-6%;top:3%;width:110%;text-align:center;font-family:'Barlow Condensed',Impact,sans-serif;font-style:italic;font-size:clamp(8rem,19vw,20rem);font-weight:800;letter-spacing:-.045em;line-height:1;color:#c0cedf;-webkit-text-stroke:1px #536c9635;z-index:-1}
.avatar-art img{max-width:none;filter:drop-shadow(0 24px 12px #24395b3d)}
.avatar-art .face-center{width:50%;margin-top:15px}
.avatar-art .face-left{width:41%;margin-top:100px;transform:rotate(-18deg);margin-right:-13%}
.avatar-art .face-right{width:41%;margin-top:105px;transform:rotate(14deg);margin-left:-13%}
.strikers-poster{background:radial-gradient(ellipse at 78% 14%,#728d9a66,transparent 48%),radial-gradient(ellipse at 18% 90%,#3b57977a,transparent 55%),linear-gradient(145deg,#0e172c,#243b5b 52%,#10182f)}
.strikers-art img{filter:drop-shadow(0 10px 12px #02061388);width:103%;max-width:103%;transform:rotate(-6deg);position:relative;z-index:1}
.project-status{top:28px;left:28px;padding:8px 12px;border-radius:3px;font-size:.8125rem;background:#172039b8;color:#e4e8f1;z-index:2}
.project-caption{padding-top:23px;gap:12px}
.project-caption .eyebrow{font-size:.75rem;letter-spacing:.15em;color:#cbbd8f;margin-bottom:10px}
.project-caption h3{font-size:clamp(2rem,3.1vw,3.2rem);font-style:italic;line-height:1.05}
.circle-arrow{width:49px;height:49px;border-color:#d0d9eb60;color:var(--cream);background:linear-gradient(135deg,#cbd7f414,#111a2d)}
.project-card:is(:hover,:focus-visible) .circle-arrow{background:linear-gradient(140deg,#f0e9c7,#d8c78c);color:#172344;border-color:#e9dbab}
.project-card:is(:hover,:focus-visible) .project-art{border-color:#e5d9b199;box-shadow:inset 0 1px 0 #fff5,0 22px 48px #0005}
.about-section{position:relative;overflow:hidden;grid-template-columns:1fr 1.1fr;gap:11%;padding-top:90px;padding-bottom:90px;background:radial-gradient(ellipse at 5% 10%,#ece6d680,transparent 60%),linear-gradient(110deg,#d1dae6,#b4c3da);border-top:1px solid #fff6;border-bottom:1px solid #08153480}
.about-section>div:first-child{position:relative;isolation:isolate}
.about-section h2{font-size:clamp(4rem,6.2vw,6.5rem);line-height:.95;font-style:italic;position:relative;z-index:1}
.about-section h2 span{color:#314e79}
.about-section .eyebrow{margin-bottom:25px}

.about-copy{padding-top:20px;max-width:520px}
.about-copy p:first-child{font-size:clamp(1.18rem,1.8vw,1.6rem);line-height:1.65;letter-spacing:-.02em}
.about-copy .text-link{margin-top:20px}
.site-footer{position:relative;isolation:isolate;overflow:hidden;padding-top:86px;padding-bottom:25px;background:radial-gradient(ellipse at 82% 15%,#2d426744,transparent 60%),linear-gradient(135deg,#131c34,#0c1226);color:#dce3ef}
.footer-top,.footer-bottom{position:relative;z-index:1}
.site-footer h2{font-style:italic;font-size:clamp(3.4rem,5.5vw,5.6rem);color:#ede5c7}
.footer-top{gap:14%;padding-bottom:90px}
.email-link{font-size:clamp(1.3rem,2.1vw,1.9rem);color:#c5d3ea;overflow-wrap:anywhere;max-width:100%}
.email-link span{flex-shrink:0}
.social-links>a{padding:20px 0}
.social-links>a:hover{text-decoration:none;color:#f1e5b7}
.social-links>a:hover>span{color:#f1e5b7}
.footer-stamp{font-family:'Barlow Condensed',Impact,sans-serif;font-style:italic;font-weight:800;font-size:clamp(17rem,35vw,38rem);line-height:.7;letter-spacing:-.04em;position:absolute;right:4%;bottom:60px;color:transparent;-webkit-text-stroke:1px #91a7d010;z-index:-1;pointer-events:none}
.collection-intro{position:relative;background:radial-gradient(ellipse at 100% 0,#aa906526,transparent 45%),linear-gradient(140deg,#121a31,#2b3c5d);color:#e2e8f3;padding-bottom:72px}
.collection-intro .back-link{color:#d0d9e8}
.collection-intro h1{font-style:italic;font-size:clamp(4.5rem,7.7vw,8rem);color:var(--cream)}
.collection-intro h1 span{color:transparent;-webkit-text-stroke:1px #d4ddec}
.collection-intro .eyebrow{color:var(--accent)}
.collection-intro .button-blue{background:linear-gradient(135deg,#e6ddba,#c9b77e);color:#172344;border-color:#e7dbb6}
.collection-section{background:linear-gradient(145deg,#d0dae9,#b9c9e0);padding-top:60px;padding-bottom:65px}
.item-grid{gap:45px 28px}
.item-card{outline-offset:7px;min-width:0}
.item-art{position:relative;isolation:isolate;border:1px solid #f0f4fa80;border-radius:12px;background:radial-gradient(ellipse at 50% 25%,#e9eff5b3,transparent 65%),linear-gradient(145deg,#dbe3ee,#adbed6);box-shadow:inset 0 1px 0 #fff5,0 12px 20px #344c7012}
.item-art::after{content:'';position:absolute;inset:10px;border:1px solid #718aad25;border-radius:6px;z-index:-1;pointer-events:none}
.item-art img{filter:drop-shadow(0 18px 12px #30496530);width:87%;height:87%}
.item-card:nth-child(2n) .item-art{background:radial-gradient(ellipse at 50% 20%,#e8e5d6bb,transparent 70%),linear-gradient(140deg,#d8dfeb,#a5b8d2)}
.item-card:is(:hover,:focus-visible) .item-art{border-color:#526f9e;box-shadow:0 16px 26px #344c7026}
.item-card:focus-visible .item-caption h2{text-decoration:underline;text-underline-offset:5px}
.item-caption h2{font-size:1.05rem}
.item-caption>span{font-size:.875rem;color:#364d70}
.next-project{background:linear-gradient(125deg,#d4cba8,#b6c6db);min-height:150px}
.next-project strong{font-size:clamp(2.6rem,4vw,4rem);font-style:italic}
.strikers-banner{isolation:isolate;position:relative;overflow:hidden;background:linear-gradient(105deg,#0d1527d9,#1724409e),url('assets/studio-metal.png') right center/cover no-repeat;padding-bottom:55px}
.strikers-logo-stage{position:relative;max-width:1000px;margin:25px auto 5px;padding:45px 6%}
.strikers-logo-stage img{width:100%;max-width:100%;filter:drop-shadow(0 16px 12px #02061388);transform:rotate(-4deg)}
.strikers-banner-meta{padding-top:18px;color:#c4d0e3;font-size:.875rem}
.strikers-banner-meta span:last-child{background:#dccd9720;border:1px solid #dccd9740;color:#e9ddb8;padding:6px 10px;border-radius:3px;margin-top:-6px}
.strikers-about{background:linear-gradient(125deg,#d8dfeb,#b9c8df);gap:12%;padding-top:85px;padding-bottom:85px}
.strikers-about h2{font-style:italic;font-size:clamp(3.4rem,5.5vw,5.5rem)}
.strikers-about .large-copy{font-family:'DM Sans',Arial,sans-serif;color:#2b4269}
.development-section{background:linear-gradient(150deg,#18213a,#11182d);color:#d8e1ef;padding-top:75px;padding-bottom:75px}
.development-section .section-heading h2{font-size:clamp(3rem,4.5vw,4.5rem)}
.development-row{grid-template-columns:55px 1fr 1.1fr;border-color:var(--edge);padding:33px 0;gap:32px}
.row-number{font-family:'Barlow Condensed',Impact,sans-serif;font-size:1.8rem;line-height:1;color:#b4a97f}
.development-row h3{font-size:2.2rem;font-style:italic;color:#ece6d0}
.development-row p{color:#c4d0e4}
.project-update{border-color:var(--edge);padding-top:36px}
.project-update .button-blue{background:linear-gradient(130deg,#e6ddba,#c9b77e);color:#172344;border-color:#e7dbb6}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.project-art,.circle-arrow,.item-art,.item-art img,.button{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.project-card:hover .project-art{transform:translateY(-5px)}.item-card:hover .item-art img{transform:translateY(-4px) rotate(-3deg)}}
@media(min-width:1700px){.hero{padding-top:90px;padding-bottom:120px}.hero-art.brand-stage{max-width:690px}}
@media(max-width:1050px){.hero{padding-top:65px;padding-bottom:85px;gap:0;grid-template-columns:1fr 1fr;min-height:580px}.hero-copy h1{font-size:clamp(5.2rem,11vw,8rem)}.hero-art.brand-stage{width:100%;margin:0}.hero-copy>p:not(.eyebrow){font-size:1rem}.hero-face-two{bottom:0}.project-grid{gap:4%}.strikers-project{margin-top:75px}.project-art{aspect-ratio:1.12}.project-status{top:22px;left:22px}.project-caption h3{font-size:2.15rem}.about-section{gap:8%}.footer-top{gap:7%}.site-footer h2{font-size:3.7rem}}
@media(max-width:700px){
.header-inner{padding:20px 6%;gap:16px;flex-wrap:wrap}.wordmark{font-size:1.9rem}.site-header nav{gap:18px;font-size:.875rem}.site-header nav a:last-child{padding:8px 0;border:0;background:none}.site-header nav a:last-child>span{display:none}
.hero{display:grid;grid-template-columns:1fr;gap:0;padding:40px 6% 45px;min-height:0;background-image:linear-gradient(180deg,#10172fea 0%,#192341d9 57%,#1b2b4b77),url('assets/studio-metal.png');background-position:70% center}.hero-copy{max-width:100%;order:1}.hero-copy>.eyebrow{font-size:.75rem;letter-spacing:.08em;margin-bottom:20px}.hero-copy h1{font-size:clamp(5.5rem,18vw,7rem);display:flex;flex-wrap:wrap;gap:0 .18em;margin:0 0 22px}.hero-copy h1 span{padding-bottom:.07em}.hero-copy>p:not(.eyebrow){max-width:490px}.hero-art.brand-stage{order:2;max-width:450px;width:96%;margin:12px auto 0;aspect-ratio:1.25}.brand-stage .brand-logo{height:100%;inset:-4% 0 auto}.brand-orbit{inset:14% 0 14%}.brand-stage .hero-face{width:21%}.hero-face-one{top:0;right:4%}.hero-face-two{bottom:0;left:0}.hero-copy .button{margin-top:10px}
.work-section{padding-top:15px;padding-bottom:60px}.section-heading{display:flex;margin-bottom:30px}.section-heading h2{font-size:3.6rem}.work-section .section-heading::after{margin-left:0}.project-grid{grid-template-columns:1fr;gap:40px}.strikers-project{margin-top:0}.project-art{aspect-ratio:1.35}.project-type-art{font-size:35vw}.project-caption{padding-top:18px}.project-caption h3{font-size:2.55rem}.project-caption .eyebrow{font-size:.75rem}.circle-arrow{width:44px;height:44px}.project-status{font-size:.8125rem}.avatar-art .face-left,.avatar-art .face-right{margin-top:70px}
.about-section{grid-template-columns:1fr;gap:28px;padding-top:50px;padding-bottom:55px}.about-section h2{font-size:4.5rem}.about-section h2 br{display:block}.about-section .eyebrow{margin-bottom:22px}.about-copy{padding:0;max-width:100%}.about-copy p:first-child{font-size:1.2rem}.about-copy .text-link{margin-top:8px}.footer-top{grid-template-columns:1fr;gap:36px;padding-bottom:50px}.site-footer{padding-top:50px}.site-footer h2{font-size:3.9rem}.email-link{font-size:1.4rem}.footer-stamp{font-size:22rem;bottom:150px;right:-8%;-webkit-text-stroke-color:#91a7d015}.footer-bottom .wordmark{font-size:1.7rem}.social-links>a{font-size:1rem}
.project-intro{padding-bottom:45px}.project-title-row{grid-template-columns:1fr;gap:25px;margin-top:30px}.collection-intro h1{font-size:4.75rem}.project-summary{max-width:100%}.project-summary .button{margin-top:5px}.collection-section{padding-top:30px}.item-grid{gap:30px 18px}.item-art{border-radius:8px}.item-art::after{inset:7px;border-radius:4px}.item-caption h2{font-size:1rem}.item-caption>span{font-size:.875rem}.item-caption>span span{margin-left:4px}.next-project{min-height:130px}.next-project strong{font-size:2.7rem}.strikers-banner{padding-bottom:38px}.strikers-logo-stage{margin:35px auto 20px;padding:22px 2%}.strikers-banner-meta{font-size:.8125rem}.strikers-about{grid-template-columns:1fr;gap:30px;padding-top:50px;padding-bottom:50px}.strikers-about h2{font-size:4rem}.development-section{padding-top:45px;padding-bottom:45px}.development-section .section-heading{display:block}.development-section .section-heading h2{font-size:3.3rem}.development-row{grid-template-columns:30px 1fr;gap:16px;padding:27px 0}.development-row p{grid-column:2}.development-row h3{font-size:2rem}.row-number{font-size:1.6rem}.project-update{display:block}.project-update p{margin-bottom:20px}
}
@media(max-width:380px){.header-inner{gap:12px}.wordmark{font-size:1.7rem}.site-header nav{gap:14px;font-size:.875rem}.site-header nav a:last-child{border:0;padding:8px 0;background:none}.hero-copy h1{font-size:5.45rem}.hero-copy>.eyebrow{font-size:.75rem;letter-spacing:.025em}.hero-copy>.eyebrow::before{margin-right:7px}.hero-art.brand-stage{width:100%}.button{gap:20px;font-size:.9375rem}.project-caption h3{font-size:2.2rem}.collection-intro h1{font-size:4rem}.site-footer h2{font-size:3.3rem}.item-grid{gap:27px 12px}.item-caption h2{font-size:.9375rem}.item-caption>span{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.hero-copy h1 span,.collection-intro h1 span{color:CanvasText;-webkit-text-fill-color:CanvasText;-webkit-text-stroke:0;background:none}.project-art,.item-art,.button,.circle-arrow{border:1px solid CanvasText}}