@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Barlow+Condensed:wght@500;600;700;800;900&display=swap');


:root{--bg:#111014;--panel:#1b191f;--paper:#f4f0e9;--orange:#dc5133;--muted:#a7a29f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.skip{position:absolute;left:1rem;top:-5rem;z-index:99;background:var(--orange);padding:.8rem}.skip:focus{top:1rem}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;border-bottom:1px solid #ffffff20;position:absolute;inset:0 0 auto;z-index:10}.brand{display:flex;gap:.65rem;align-items:center;font-size:1.18rem;font-weight:700;letter-spacing:-.05em}.brand-light{font-weight:400;color:#c3bdba}.brand-mark{color:var(--orange);font-family:'Barlow Condensed',sans-serif;font-size:2rem;font-weight:900;line-height:1;letter-spacing:-.12em;padding-right:.18em}.topbar nav{display:flex;gap:2.5rem;font-size:.72rem;font-weight:700;letter-spacing:.16em}.topbar nav a:hover,.header-contact:hover,footer a:hover{color:var(--orange)}.header-contact{border-bottom:1px solid var(--orange);padding-bottom:.55rem;font-size:.72rem;font-weight:700;letter-spacing:.13em}.header-contact span{font-size:1rem;margin-left:.7rem}.hero{height:min(960px,100svh);min-height:720px;position:relative;overflow:hidden;isolation:isolate}.hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 72% 46%,#622e28 0%,#2d2023 29%,transparent 57%),radial-gradient(ellipse at 25% 100%,#242127,transparent 62%);z-index:-2}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(to bottom,transparent 8%,black 65%,transparent);z-index:-1}.hero-content{position:absolute;top:24%;left:8.5%;z-index:2;max-width:660px;pointer-events:none}.hero-content a{pointer-events:auto}.eyebrow,.section-kicker,.project-no{font-size:.73rem;font-weight:700;letter-spacing:.19em}.eyebrow{display:flex;align-items:center;gap:.8rem;color:#dfd4cf}.eyebrow .line{width:28px;height:2px;background:var(--orange)}.index{margin-left:1.8rem;color:#a29a97}.hero h1,.statement h2,.section-head h2,.contact h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;letter-spacing:-.025em;line-height:.87;margin:2.2rem 0 1.7rem}.hero h1{font-size:clamp(5rem,10vw,10.5rem)}h1 em,.contact h2 em{color:var(--orange);font-style:normal}.hero-content p{font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.6;color:#d0c6c2;max-width:405px}.round-link{display:flex;width:128px;height:128px;border:1px solid #ffffff8c;border-radius:50%;margin-top:2.4rem;align-items:center;justify-content:center;gap:.5rem;font-size:.7rem;font-weight:700;letter-spacing:.13em;line-height:1.45;transition:background .25s,border-color .25s}.round-link:hover{background:var(--orange);border-color:var(--orange)}.round-link .arrow{font-size:1.5rem;font-weight:400}.logo-scene{position:absolute;width:min(46vw,650px);height:min(46vw,650px);right:4%;top:calc(50% - min(23vw,325px));perspective:950px;z-index:1;pointer-events:none}.logo-tilt{position:relative;width:100%;height:100%;transform-style:preserve-3d;will-change:transform}.logo-shards{position:absolute;inset:9%;transform-style:preserve-3d;filter:drop-shadow(26px 32px 18px #09070999)}.shard{position:absolute;inset:0;background-image:url('assets/fixogames.png');background-position:center;background-size:contain;background-repeat:no-repeat;will-change:transform,opacity;backface-visibility:hidden}.logo-shadow{position:absolute;left:12%;right:12%;bottom:1%;height:10%;background:#05040566;filter:blur(30px);border-radius:50%;transform:rotateX(80deg) translateZ(-35px)}.hero-bottom{position:absolute;bottom:2.6rem;left:8.5%;right:5.2%;display:flex;justify-content:space-between;font-size:.66rem;letter-spacing:.2em;color:#aaa19d}.hero-bottom span span{margin-left:1rem;color:var(--orange);font-size:1.2rem}.statement{min-height:610px;background:var(--paper);color:var(--bg);padding:8rem 8.5%;display:grid;grid-template-columns:22% 1fr auto;gap:2rem;position:relative;overflow:hidden}.statement .section-kicker{padding-top:1rem;color:var(--orange)}.statement h2{font-size:clamp(5rem,9vw,9rem);margin:0}.statement h2 span{color:var(--orange)}.statement p{max-width:550px;font-size:1.2rem;line-height:1.65;color:#585258}.statement-orbit{position:absolute;bottom:-130px;right:2%;font-size:28rem;line-height:1;color:#e7ded6;z-index:0;pointer-events:none}.statement>div:nth-child(2){z-index:1}.projects{padding:8rem 8.5% 9rem;background:#19171b}.section-head{display:flex;justify-content:space-between;gap:2rem;align-items:flex-start;margin-bottom:3rem}.section-head .section-kicker{color:var(--orange);padding-top:1.3rem}.section-head h2{font-size:clamp(4rem,7.5vw,7rem);margin:0;width:64%}.project-card{display:grid;grid-template-columns:1.4fr 1fr;min-height:460px;background:#262126}.project-art{position:relative;overflow:hidden;min-height:460px;background:radial-gradient(circle at 50% 52%,#db6741 0%,#9d3a2e 20%,#381f26 54%,#17151c 80%);display:grid;place-items:center}.project-art:before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#ffffff15,transparent 45%),repeating-linear-gradient(0deg,#ffffff07 0 1px,transparent 1px 33px)}.ring{position:absolute;width:70%;aspect-ratio:1;border:1px solid #ffb99855;border-radius:50%;transform:rotateX(62deg) rotate(-20deg)}.ring-two{width:95%;transform:rotateX(62deg) rotate(28deg)}.portal{font-family:'Barlow Condensed',sans-serif;font-size:clamp(10rem,22vw,22rem);font-weight:900;line-height:1;letter-spacing:-.15em;color:#f2a075;text-shadow:0 12px 0 #7b322a,0 28px 45px #120d1a;transform:skewY(-8deg);position:relative;padding-right:.15em}.portal span{font-size:4rem;position:absolute;top:18%;right:-25%;color:#ffd6a4}.art-caption{position:absolute;bottom:1.6rem;left:2rem;font-size:.66rem;letter-spacing:.2em;color:#f7d4c5}.project-copy{padding:4rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.project-no{color:var(--orange)}.project-copy h3{font-family:'Barlow Condensed',sans-serif;font-size:clamp(3rem,5vw,5.5rem);line-height:.95;margin:2rem 0 1.5rem;overflow-wrap:anywhere}.project-copy p{color:#bcb2b1;font-size:1.1rem;line-height:1.7;max-width:360px}.project-tag{border:1px solid #777078;padding:.8rem 1rem;font-size:.7rem;letter-spacing:.13em;margin-top:2rem}.contact{min-height:590px;padding:8rem 8.5%;background:var(--orange);position:relative}.contact h2{font-size:clamp(6rem,11vw,12rem);margin:2rem 0}.contact h2 em{color:#311e21}.contact-link{display:inline-flex;gap:4rem;border-bottom:2px solid var(--paper);font-size:.9rem;letter-spacing:.16em;font-weight:700;padding-bottom:1rem}.contact-link:hover{color:#311e21;border-color:#311e21}footer{padding:2.5rem 8.5%;display:flex;justify-content:space-between;gap:1rem;color:#aaa2a0;font-size:.7rem;letter-spacing:.14em}@media(max-width:850px){.topbar{height:72px;padding:0 5%}.topbar nav{gap:1rem}.header-contact{display:none}.hero{height:890px;min-height:0}.hero-content{left:6%;top:18%;right:6%}.hero h1{font-size:clamp(5.2rem,13vw,8rem)}.hero-content p{max-width:320px}.logo-scene{width:66vw;height:66vw;right:0;top:38%;opacity:.8}.hero-bottom{left:6%;right:6%}.statement{grid-template-columns:1fr;padding:6rem 6%;min-height:0}.statement-orbit{font-size:18rem}.projects{padding:6rem 6%}.project-copy{padding:2.5rem}.section-head h2{width:70%}}@media(max-width:600px){.topbar nav{gap:.8rem;font-size:.58rem;letter-spacing:.05em}.brand{font-size:.9rem}.brand-mark{font-size:1.6rem}.hero{height:850px}.hero-content{top:17%}.hero h1{font-size:clamp(4.1rem,15vw,6rem);margin:1.5rem 0}.hero-content p{font-size:1rem;max-width:290px}.round-link{width:100px;height:100px;font-size:.58rem;margin-top:1.6rem}.logo-scene{width:91vw;height:91vw;right:-14%;top:48%;opacity:.75}.hero-bottom{bottom:1.7rem}.hero-bottom>span:last-child{display:none}.statement h2{font-size:clamp(4.6rem,14vw,7rem)}.statement p{font-size:1rem}.section-head{display:block}.section-head h2{width:100%;font-size:clamp(4rem,13vw,6rem);margin-top:2rem}.project-card{grid-template-columns:1fr}.project-art{min-height:330px}.project-copy{min-height:330px}.contact{padding:6rem 6%;min-height:490px}.contact h2{font-size:clamp(5rem,17vw,8rem)}footer{padding:2rem 6%;flex-wrap:wrap}footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.shard,.logo-tilt{transition:none!important}}

.logo-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.logo-fallback{display:none;position:absolute;inset:13%;width:74%;height:74%;object-fit:contain;filter:drop-shadow(22px 25px 15px #09070999)}.logo-scene.is-fallback .logo-canvas{display:none}.logo-scene.is-fallback .logo-fallback{display:block}

/* Supplied brand mark and expanded 3D centerpiece */
.brand-logo{display:block;height:66px;width:auto;object-fit:contain}.brand{gap:0}
.logo-scene{width:min(74vw,1250px);height:min(74vw,1250px);right:-4%;top:calc(50% - min(37vw,625px))}
@media(max-width:850px){.brand-logo{height:53px}.logo-scene{width:100vw;height:100vw;right:-18%;top:40%}}
@media(max-width:600px){.brand-logo{height:48px}.logo-scene{width:119vw;height:119vw;right:-31%;top:48%}}

/* Hold the logo in view while scroll disassembles its eight pieces. */
.hero{height:175svh;min-height:1100px}.hero-content{top:14%}.hero-bottom{bottom:2.6rem}
.logo-stage{position:absolute;inset:0;pointer-events:none}.logo-scene{position:sticky;top:calc(50vh - min(37vw,625px));margin-left:auto;margin-right:-4%;right:auto;height:min(74vw,1250px)}
.reflection-canvas{position:absolute;left:0;top:69%;width:100%;height:22%;opacity:.42;filter:blur(9px);transform:perspective(700px) rotateX(26deg) scaleY(.8);transform-origin:50% 0;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 90%);pointer-events:none}
.brand-images{position:relative;display:block;line-height:0}.brand-logo-light{position:absolute;inset:0;filter:brightness(0) invert(1);clip-path:inset(77% 0 0 0)}
@media(max-width:850px){.hero{height:160svh;min-height:1000px}.hero-content{top:13%}.logo-scene{top:calc(51vh - 50vw);margin-right:-18%;height:100vw}}
@media(max-width:600px){.hero{height:145svh;min-height:930px}.hero-content{top:12%}.logo-scene{top:calc(54vh - 59.5vw);margin-right:-31%;height:119vw}.reflection-canvas{top:70%;opacity:.28}}
.logo-scene{margin-top:calc(50vh - min(37vw,625px))}
@media(max-width:850px){.logo-scene{margin-top:calc(51vh - 50vw)}}
@media(max-width:600px){.logo-scene{margin-top:calc(54vh - 59.5vw)}}

/* Compact hero, early breakup, warm copper and original header mark. */
.hero{height:min(960px,100svh);min-height:720px}.hero-content{top:24%}
.logo-stage{position:absolute;inset:0}.logo-scene{position:absolute;top:calc(50% - min(37vw,625px));right:-4%;margin:0}
.topbar{background:#eeeae5;border-bottom:1px solid #d1cbc7;color:#292428}
.topbar nav a:hover,.header-contact:hover{color:#b04a30}.header-contact{border-color:#c05a40}
@media(max-width:850px){.hero{height:890px;min-height:0}.hero-content{top:18%}.logo-scene{top:38%;right:-18%;margin:0}}
@media(max-width:600px){.hero{height:850px}.hero-content{top:17%}.logo-scene{top:47%;right:-31%;margin:0}}
/* Typeface rhythm inspired by the reference site's AtHaussAero body and Calamity display. */

body{font-family:'Space Grotesk',Arial,sans-serif}.hero h1,.statement h2,.section-head h2,.contact h2,.project-copy h3,.capabilities h3{font-family:'Barlow Condensed',Impact,sans-serif}
.capabilities{padding:7rem 8.5% 8rem;background:#262124;color:#f4f0e9}.capabilities .section-head h2{width:65%}.capabilities .section-kicker,.cap-no{color:#df7354}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff30;border:1px solid #ffffff30}.capability-grid article{background:#262124;padding:2.8rem 2rem 3.4rem}.cap-no{font-size:.72rem;letter-spacing:.17em}.capability-grid h3{font-size:clamp(2.3rem,3vw,4rem);line-height:.96;margin:2.5rem 0 1.5rem}.capability-grid p,.project-facts p{color:#c6bcba;font-size:1rem;line-height:1.65}.project-copy p+p{margin-top:.4rem}.project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;border-top:1px solid #ffffff33;margin-top:2.5rem;padding-top:2.5rem}.project-facts>div{padding-right:2rem}.project-facts span{color:#d46a4d;font-size:.75rem;letter-spacing:.2em}.project-facts h3{font-size:1rem;letter-spacing:.1em;margin:1.2rem 0 .7rem}.statement p+p{margin-top:1.5rem}
@media(max-width:850px){.capabilities{padding:6rem 6%}.capabilities .section-head h2{width:100%}.project-facts{grid-template-columns:1fr 1fr}.capability-grid article{padding:2rem 1.5rem}}
@media(max-width:600px){.hero{height:min(850px,100svh);min-height:690px}.hero-content{top:14%}.hero h1{font-size:clamp(3.7rem,14vw,5.3rem)}.hero-content p{max-width:260px;font-size:.94rem}.logo-scene{width:106vw;height:106vw;top:47%;right:-28%;opacity:1}.reflection-canvas{display:none}.capabilities{padding:5rem 6%}.capability-grid{grid-template-columns:1fr}.capability-grid article{padding:2rem 1.5rem}.capability-grid h3{font-size:3rem;margin:1.4rem 0}.project-facts{grid-template-columns:1fr}.project-copy p{font-size:1rem}.statement{padding:5rem 6%}}
/* Fixo Games identity and the first world */
.hero-content{max-width:min(49%,650px)}.hero h1{font-size:clamp(4.8rem,8.3vw,8.7rem)}.hero-content p{max-width:360px}.logo-scene{width:min(43vw,690px);height:min(43vw,690px);top:calc(50% - min(21.5vw,345px));right:5%}.reflection-canvas{top:66%;opacity:.28}
.statement{grid-template-columns:21% 1fr;min-height:0}.statement h2{font-size:clamp(4.6rem,8vw,8rem)}.studio-story{position:relative;z-index:1}.studio-story p{max-width:690px}.studio-parent{display:flex;align-items:center;gap:2rem;border-top:1px solid #c9c1bb;margin-top:3rem;padding-top:1.6rem}.studio-parent span{font-size:.72rem;letter-spacing:.18em;font-weight:700;color:#625b59}.studio-parent img{width:125px;height:auto;display:block}
.projects .section-head h2{width:65%;font-size:clamp(4rem,6.8vw,7rem)}.project-feature{grid-template-columns:1.3fr 1fr}.project-visual{min-height:520px;position:relative;background:#151421;overflow:hidden}.project-scene{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.project-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#12101ad9,transparent 52%)}.project-logo{position:absolute;z-index:1;left:5%;bottom:5%;width:min(45%,270px);height:auto;filter:drop-shadow(0 5px 14px #100b1b)}.project-copy{padding:clamp(2.5rem,4vw,5rem)}.project-copy p{font-size:1rem}.project-visit{display:inline-flex;gap:2rem;align-items:center;border-bottom:1px solid #e07453;margin-top:2rem;padding-bottom:.7rem;color:#f7ece5;letter-spacing:.12em;font-size:.76rem;font-weight:700}.project-visit:hover{color:#e07453}
.contact{display:grid;grid-template-columns:1fr minmax(300px,42%);gap:5%;min-height:620px;align-items:center}.contact h2{font-size:clamp(5rem,8vw,9rem)}.contact-map{width:100%;height:390px;border:0;filter:grayscale(.8) contrast(1.08);border-radius:2px}.contact-address{display:flex;gap:2rem;align-items:flex-start;margin-top:3rem}.contact-address span{font-size:.69rem;letter-spacing:.15em;font-weight:700}.contact-address address{font-size:1rem;line-height:1.55;font-style:normal}
@media(max-width:900px){.hero-content{max-width:54%}.hero h1{font-size:clamp(4.5rem,9vw,6rem)}.logo-scene{width:48vw;height:48vw;top:calc(51% - 24vw);right:2%}.statement{grid-template-columns:1fr}.project-feature{grid-template-columns:1fr}.project-visual{min-height:430px}.contact{grid-template-columns:1fr}.contact-map{height:320px}}
@media(max-width:600px){.hero{height:850px;min-height:0}.hero-content{top:13%;max-width:90%;right:6%}.hero h1{font-size:clamp(4rem,14vw,5.5rem)}.hero-content p{max-width:295px}.logo-scene{width:78vw;height:78vw;top:54%;right:1%;opacity:1}.hero-bottom{bottom:1.5rem}.statement h2{font-size:clamp(4rem,13vw,5.6rem)}.studio-parent{gap:1rem}.studio-parent img{width:100px}.projects .section-head h2{width:100%;font-size:clamp(3.8rem,12vw,5.5rem)}.project-visual{min-height:300px}.project-logo{width:48%}.project-copy{padding:2.4rem 1.8rem}.contact{padding:5rem 6%;gap:3rem}.contact h2{font-size:clamp(4.8rem,15vw,7rem)}.contact-map{height:300px}.contact-address{display:block}.contact-address address{margin-top:.8rem}}

/* Final hero refinements */
:root{--orange:#f35432}
.hero h1 em,.statement h2 span,.contact h2 em{color:var(--orange)}
.hero-glow{background:radial-gradient(ellipse at 73% 49%,#9f302a 0%,#5a2529 29%,#261a20 52%,transparent 75%),radial-gradient(ellipse at 25% 100%,#242127,transparent 62%)}
.hero-content{max-width:min(46%,620px)}.hero h1{font-size:clamp(4.4rem,7.4vw,8.2rem)}.hero-content p{max-width:500px;font-size:clamp(1rem,1.15vw,1.2rem);line-height:1.55}
.logo-scene{width:min(47vw,840px);height:min(47vw,840px);top:calc(50% - min(23.5vw,420px));right:4%}.reflection-canvas,.logo-shadow{display:none!important}
.hero-bottom{bottom:2rem}.hero-bottom>span:empty{display:none}.round-link{display:none}
.section-head h2,.statement h2,.contact h2{letter-spacing:-.018em}
@media(max-width:900px){.hero-content{max-width:54%}.hero h1{font-size:clamp(4.3rem,8vw,6rem)}.logo-scene{width:45vw;height:45vw;top:calc(51% - 22.5vw);right:2%}}
@media(max-width:600px){.hero{height:min(790px,100svh);min-height:650px}.hero-content{max-width:90%;top:15%}.hero h1{font-size:clamp(3.5rem,13vw,5.1rem)}.hero-content p{max-width:320px;font-size:1rem}.logo-scene{width:77vw;height:77vw;top:52%;right:2%}.hero-bottom{bottom:1.2rem}}

/* Cool atmospheric contrast brings the orange 3D mark forward. */
.hero-glow{background:radial-gradient(ellipse at 76% 50%,#5c55b8 0%,#353773 27%,#211d45 50%,transparent 74%),radial-gradient(ellipse at 18% 95%,#161a37 0%,transparent 65%)}

/* Scenes from the PC demo. */
.gallery-intro{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin:clamp(5rem,8vw,8rem) 0 2rem}
.gallery-intro .section-kicker{color:var(--orange)}
.gallery-intro h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(3.2rem,5.5vw,6rem);line-height:.9;letter-spacing:-.02em;margin:.8rem 0 0}
.gallery-intro p{color:#ada5aa;font-size:.9rem;margin:0 0 .35rem;max-width:235px;line-height:1.5}
.world-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.65rem,1.2vw,1.25rem)}
.world-shot{grid-column:span 2;position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#27252d;isolation:isolate}
.world-shot.is-interaction{grid-column:span 3}
.world-shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.world-shot:hover img,.world-shot:focus-visible img{transform:scale(1.035)}
.world-shot:after{content:'';position:absolute;inset:43% 0 0;background:linear-gradient(transparent,#090a14bb);pointer-events:none}
.world-shot span{position:absolute;z-index:1;bottom:1.25rem;left:1.3rem;right:1rem;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-shadow:0 2px 6px #000}
@media(max-width:850px){.world-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.world-shot,.world-shot.is-interaction{grid-column:span 1}.world-shot.is-interaction{aspect-ratio:16/10}}
@media(max-width:600px){.gallery-intro{display:block;margin-top:4rem}.gallery-intro p{margin-top:1rem}.world-gallery{grid-template-columns:1fr;gap:.9rem}.world-shot,.world-shot.is-interaction{grid-column:span 1;aspect-ratio:16/10}.world-shot span{bottom:1rem;left:1rem}}
@media(prefers-reduced-motion:reduce){.world-shot img{transition:none}}

/* Bring the studio mark into the same visual story as the games brand. */
.studio-lineage{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;position:relative;margin-top:3rem;border-top:1px solid #c9c1bb;border-bottom:1px solid #c9c1bb;background:#efeae3}
.lineage-brand{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:2rem clamp(2rem,4vw,4.5rem);min-height:245px}
.lineage-brand+ .lineage-transition+ .lineage-brand{border-left:1px solid #c9c1bb}
.lineage-brand>span{font-size:.74rem;letter-spacing:.16em;font-weight:700;color:#625b59}
.lineage-brand img{display:block;width:auto;max-width:190px;height:115px;object-fit:contain;object-position:left center;margin:1rem 0 .5rem}
.lineage-brand p,.statement .lineage-brand p{font-size:.95rem;line-height:1.45;color:#5e5654;margin:0}
.lineage-transition{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);padding:.35rem .8rem;background:#efeae3;color:var(--orange);font-size:2.1rem;line-height:1}

/* Keep the location accessible without a large map interrupting the contact composition. */
.contact{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:5%;align-items:stretch;min-height:0;padding-top:7rem;padding-bottom:7rem}
.contact-main{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.contact-main .section-kicker{color:#fff5ee}
.contact h2{font-size:clamp(4.4rem,7.2vw,8rem);line-height:.9;margin:2rem 0 1.2rem}
.contact h2 em{color:#22191e}
.contact-main p{font-size:1.1rem;line-height:1.6;color:#ffefeb;max-width:435px;margin:0 0 3rem}
.contact-link{gap:clamp(1rem,3vw,3rem);max-width:100%;overflow-wrap:anywhere}
.contact-location{background:#1b1921;color:#f6f1ec;padding:clamp(2rem,3.2vw,3.6rem);display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.location-label{color:#fa8268;font-size:.72rem;font-weight:700;letter-spacing:.17em}
.contact-location h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(3rem,4vw,4.7rem);line-height:.9;letter-spacing:-.018em;margin:2rem 0 2.5rem}
.contact-location address{font-style:normal;font-size:1.12rem;line-height:1.65;border-top:1px solid #ffffff35;width:100%;padding:1.5rem 0;color:#e0d9d5}
.location-link{font-size:.76rem;font-weight:700;letter-spacing:.13em;padding-bottom:.55rem;border-bottom:1px solid #f35432;display:inline-flex;gap:1.4rem;margin:0 0 2rem}
.location-link:hover,.map-reveal summary:hover{color:#fa8268}
.map-reveal{width:100%;margin-top:auto;border-top:1px solid #ffffff35}
.map-reveal summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0;list-style:none;font-size:.75rem;font-weight:700;letter-spacing:.13em}
.map-reveal summary::-webkit-details-marker{display:none}
.map-reveal summary span{font-size:1.5rem;line-height:1;font-weight:400;transition:transform .2s}
.map-reveal[open] summary span{transform:rotate(45deg)}
.contact .contact-map{display:block;width:100%;height:250px;border:0;filter:grayscale(.9) contrast(1.06);margin:0 0 1.3rem}
@media(max-width:900px){.contact{grid-template-columns:1fr;gap:3rem}.contact-main{min-height:340px}.contact-location{min-height:350px}.studio-lineage{margin-top:2rem}}
@media(max-width:600px){.studio-lineage{grid-template-columns:1fr}.lineage-brand{min-height:190px;padding:1.5rem}.lineage-brand+ .lineage-transition+ .lineage-brand{border-left:0;border-top:1px solid #c9c1bb}.lineage-brand img{height:88px;max-width:155px}.lineage-transition{top:50%;left:auto;right:1.5rem;transform:translateY(-50%) rotate(90deg)}.contact{padding:4.5rem 6%;gap:2.3rem}.contact-main{min-height:0}.contact h2{font-size:clamp(3.8rem,13vw,6rem)}.contact-main p{font-size:1rem;margin-bottom:2rem}.contact-link{font-size:.78rem;letter-spacing:.08em}.contact-location{padding:1.8rem;min-height:0}.contact-location h3{font-size:3.35rem}.contact .contact-map{height:220px}}

/* Align the two brand marks with the studio headline and copy above them. */
.studio-story,.studio-lineage{width:100%;max-width:clamp(560px,52vw,690px)}
.studio-lineage{grid-column:2;justify-self:start;margin-top:2.4rem}
.lineage-brand{min-height:225px;padding:1.6rem clamp(1rem,2vw,2rem)}
@media(max-width:900px){.studio-lineage{grid-column:1}.studio-story,.studio-lineage{max-width:min(100%,690px)}}
@media(max-width:600px){.lineage-brand{min-height:190px;padding:1.5rem}}
.project-detail{font-size:.72rem;font-weight:700;letter-spacing:.13em;border-bottom:1px solid var(--orange);padding-bottom:.55rem;margin:1.2rem 0 1.7rem;line-height:1.6}
.project-detail:hover{color:var(--orange)}
.project-copy .project-context{font-size:.98rem;color:#e2ccbf}

/* Readable, crawlable project explainers that share the site's visual language. */
.info-header{position:relative;inset:auto;background:#17151d}
.info-page{background:#19171b;min-height:100vh}
.info-hero{padding:clamp(5rem,9vw,9rem) 8.5% 5rem;background:radial-gradient(ellipse at 76% 45%,#36336a,#18151e 65%);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:6%;align-items:center}
.info-hero .section-kicker{color:#fa7052}
.info-hero h1{font:800 clamp(4rem,8vw,8.5rem)/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.018em;margin:1.2rem 0 1.6rem}
.info-hero h1 em{font-style:normal;color:#f35432}
.info-hero p{max-width:620px;color:#ded5d5;font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.65}
.info-hero img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid #ffffff25}
.info-content{padding:5rem 8.5% 7rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);gap:clamp(2rem,7vw,7rem)}
.info-content article{max-width:760px}
.info-content h2{font:700 clamp(2.6rem,4vw,4rem)/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.015em;margin:2.8rem 0 1rem}
.info-content h2:first-child{margin-top:0}
.info-content p,.info-content li{color:#d3c9ca;font-size:1.05rem;line-height:1.75}
.info-content ul{padding-left:1.25rem}
.info-content aside{background:#272128;padding:clamp(1.5rem,3vw,3rem);align-self:start}
.info-content aside h2{font-size:2.4rem;margin:0 0 1.2rem}
.info-content aside p{font-size:.98rem}
.info-links a{display:block;border-top:1px solid #ffffff35;padding:1rem 0;color:#f7e8e5;font-size:.78rem;font-weight:700;letter-spacing:.1em}
.info-links a:hover{color:#f35432}
.info-footer{background:#111014}
@media(max-width:850px){.info-hero,.info-content{grid-template-columns:1fr}.info-hero img{max-width:600px;aspect-ratio:16/9}}
@media(max-width:600px){.info-header nav{gap:.75rem}.info-hero{padding:4rem 6% 3rem}.info-content{padding:3.5rem 6% 5rem}.info-hero h1{font-size:clamp(3.6rem,12vw,5.8rem)}}
@media(prefers-reduced-motion:reduce){.map-reveal summary span{transition:none}}