:root{--ivory:#f3eee6;--paper:#faf7f1;--ink:#171614;--muted:#77716a;--line:rgba(36,32,27,.17);--champagne:#c5ad8e;--taupe:#81766b;--dark:#292724;--display:Inter,Manrope,"Helvetica Neue",Arial,sans-serif;--body:Inter,"Helvetica Neue",Arial,sans-serif;--radius:16px;--wrap:min(1540px,calc(100% - 6vw));}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{opacity:.82}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}.wrap{width:var(--wrap);margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:0;background:#fff;padding:1rem;z-index:100}.skip-link:focus{left:1rem}.site-header{position:relative;z-index:20;background:rgba(243,238,230,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{width:var(--wrap);min-height:84px;margin:auto;display:flex;align-items:center;gap:clamp(1rem,3vw,3.5rem)}.wordmark{font:800 1.85rem/1 var(--display);letter-spacing:-.075em;white-space:nowrap}.wordmark span{color:#a88f70}.primary-nav{margin-left:auto}.nav-list{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:clamp(1.1rem,2.8vw,3rem)}.nav-list li{font-size:.87rem;font-weight:550}.nav-list a{display:inline-flex;align-items:center;gap:.35rem}.nav-list a:after{content:"⌄";font-size:.75rem;color:#7e756b}.header-actions{display:flex;align-items:center;gap:1.2rem}.search-toggle{border:0;background:none;font-size:1.8rem;line-height:1;cursor:pointer;color:var(--ink)}.header-divider{height:28px;width:1px;background:var(--line)}.header-search{padding:0 3vw 1rem;text-align:right}.header-search .search-form{display:inline-flex;width:min(450px,100%)}.header-search input[type=search]{width:100%;border:1px solid var(--line);background:var(--paper);padding:.75rem 1rem;border-radius:99px}.header-search input[type=submit]{border:0;background:var(--ink);color:white;border-radius:99px;padding:.7rem 1rem;margin-left:.4rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.85rem;border-radius:99px;padding:.9rem 1.35rem;font-size:.85rem;font-weight:650;line-height:1.1;transition:transform .2s ease,background .2s ease,border-color .2s ease}.button:hover{transform:translateY(-2px);opacity:1}.button span{font-size:1.1rem;font-weight:400}.button-small{font-size:.73rem;padding:.72rem 1rem}.button-dark{background:#171614;color:#fff;border:1px solid #171614}.button-outline{background:transparent;color:var(--ink);border:1px solid rgba(23,22,20,.65)}.button-light{background:#f5f0e8;color:var(--ink);border:1px solid #f5f0e8}.menu-toggle{display:none}
.hero{min-height:465px;display:grid;grid-template-columns:minmax(400px,.95fr) minmax(450px,1.05fr);align-items:center;gap:1rem;padding-top:3rem;padding-bottom:2rem;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2;padding:1rem 0 2rem}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;text-transform:uppercase;letter-spacing:.07em;font-size:.66rem;font-weight:700;color:#63594e}.eyebrow i,.card-kicker i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#9a8974}.hero .eyebrow{border:1px solid rgba(38,34,29,.34);border-radius:99px;padding:.42rem .8rem;text-transform:none;letter-spacing:0;font-size:.76rem;color:var(--ink)}.hero h1{font:650 clamp(3.65rem,6.2vw,6.6rem)/.96 var(--display);letter-spacing:-.082em;max-width:780px;margin:1.3rem 0 1rem}.hero-subtitle{font-size:clamp(1.2rem,2vw,1.75rem);letter-spacing:-.045em;margin:.8rem 0}.hero-description{font-size:.96rem;line-height:1.55;color:#514c46;margin:1.1rem 0 1.45rem}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap}.play-dot{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:.6rem;background:var(--ink);color:white}.hero-art{height:440px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-image-wash{position:absolute;inset:4% -8% 1% -2%;background:radial-gradient(ellipse at 55% 44%,#e2d7c9 0%,#eee6dc 30%,rgba(243,238,230,0) 69%);z-index:-2}.hero-art:after{content:"";position:absolute;left:-12%;right:-12%;bottom:8%;height:15%;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(167,148,124,.24),rgba(255,255,255,0));filter:blur(10px);z-index:-1}.glass-core{width:clamp(230px,29vw,390px);height:clamp(230px,29vw,390px);border-radius:50%;background:radial-gradient(circle at 31% 24%,rgba(255,255,255,.96),rgba(255,255,255,.17) 20%,rgba(128,117,103,.26) 43%,rgba(255,255,255,.75) 54%,rgba(118,107,94,.26) 65%,rgba(255,255,255,.18) 74%);border:1px solid rgba(255,255,255,.9);box-shadow:inset 15px 20px 35px rgba(255,255,255,.75),inset -22px -20px 36px rgba(110,94,75,.12),0 24px 38px rgba(91,78,61,.18);position:relative}.glass-core:after{content:"";position:absolute;inset:17% 23% 28% 16%;border-radius:50%;border:1px solid rgba(255,255,255,.9);box-shadow:inset 5px 8px 20px rgba(255,255,255,.55);transform:rotate(-24deg)}.orbital{position:absolute;width:94%;height:37%;border:2px solid rgba(255,255,255,.94);border-top-color:rgba(132,116,94,.7);border-bottom-color:rgba(255,255,255,.7);border-radius:50%;box-shadow:0 2px 4px rgba(98,86,70,.15),inset 0 2px 3px rgba(255,255,255,.8);z-index:2}.orbital-one{transform:rotate(-18deg)}.orbital-two{width:86%;height:58%;transform:rotate(28deg);border-width:1px}.orbital-three{width:106%;height:24%;transform:rotate(-43deg);border-width:1px;opacity:.9}.glass-sphere{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0 7%,rgba(255,255,255,.8) 17%,rgba(180,165,145,.35) 36%,rgba(255,255,255,.95) 60%,rgba(111,98,79,.28) 72%,rgba(255,255,255,.55));border:1px solid rgba(255,255,255,.9);box-shadow:inset -6px -8px 14px rgba(100,88,70,.15),0 9px 20px rgba(80,68,52,.13);z-index:3}.sphere-one{width:62px;height:62px;left:4%;top:27%}.sphere-two{width:34px;height:34px;right:5%;top:11%}.sphere-three{width:45px;height:45px;right:11%;bottom:16%}.hero-art-note{position:absolute;right:-1%;bottom:18%;font-size:.69rem;line-height:1.4;letter-spacing:.04em;border-left:1px solid var(--ink);padding-left:.8rem;z-index:4}
.section{padding:2rem 0 4.8rem}.section-heading{display:flex;align-items:center;gap:1.5rem;margin:0 0 1.15rem}.section-heading h2{font:600 clamp(1.35rem,2.2vw,1.8rem)/1.1 var(--display);letter-spacing:-.055em;margin:0;white-space:nowrap}.heading-rule{height:1px;background:var(--line);flex:1}.section-heading>a,.heading-note{font-size:.78rem;white-space:nowrap}.section-heading>a span{font-size:1.15rem;margin-left:.5rem}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.feature-card{min-height:220px;border:1px solid rgba(255,255,255,.85);border-radius:15px;position:relative;overflow:hidden;padding:1.3rem 1.25rem;background:#e6dfd5;isolation:isolate}.feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(243,238,230,.96) 0%,rgba(243,238,230,.89) 45%,rgba(243,238,230,.08) 100%);z-index:-1}.card-kicker{display:flex;gap:.5rem;align-items:center;font-size:.64rem;font-weight:750;letter-spacing:.03em}.card-kicker i{width:8px;height:8px}.feature-card h3{font:650 clamp(1.25rem,1.6vw,1.7rem)/1.05 var(--display);letter-spacing:-.06em;margin:1.1rem 0 .7rem;max-width:70%}.feature-card p{font-size:.76rem;color:#5f574e;line-height:1.45;margin:0;max-width:70%}.card-link{position:absolute;bottom:1.2rem;left:1.25rem;z-index:3;font-size:.75rem;font-weight:650}.card-art{position:absolute;right:0;bottom:0;width:56%;height:100%;z-index:-2;background-size:cover;background-position:center;opacity:.95}.art-arch{background-image:url('../images/architecture-interior.webp')}.art-cube{background-image:url('../images/glass-cube.webp');width:60%;background-position:center}.art-ribbon{background-image:url('../images/abstract-liquid-metal.webp');width:64%}.card-community{background:#33302c;color:#fff}.card-community:after{background:linear-gradient(90deg,#302d29 0%,rgba(48,45,41,.9) 48%,rgba(48,45,41,.12) 100%)}.card-community p{color:#ebe5dc}.card-community .card-art{background-image:url('../images/earth-at-night.webp')}.brand-band{display:grid;grid-template-columns:1fr 1fr;background:#292724;color:#f8f3eb;border-radius:18px;overflow:hidden;margin:0 auto 5rem;min-height:350px}.brand-band-copy{padding:clamp(2rem,5vw,4.5rem);align-self:center}.eyebrow-light{color:#cfc3b4}.eyebrow-light i{background:#c5ad8e}.brand-band h2{font:600 clamp(2.4rem,4.6vw,4.5rem)/.98 var(--display);letter-spacing:-.075em;margin:1rem 0}.brand-band p{max-width:500px;color:#d4cdc3;margin-bottom:1.5rem}.brand-band-visual{position:relative;min-height:320px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,#766957 0,#38342f 48%,#292724 74%);overflow:hidden}.brand-glass-card{position:relative;z-index:2;background:linear-gradient(145deg,rgba(255,255,255,.25),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.6);box-shadow:0 20px 70px #0006,inset 0 1px 20px #fff4;backdrop-filter:blur(8px);border-radius:16px;padding:2rem 2.2rem;transform:rotate(-7deg);width:230px}.brand-glass-card span,.brand-glass-card i{display:block;font-size:.6rem;letter-spacing:.1em;color:#e3d6c5;font-style:normal}.brand-glass-card strong{display:block;font:650 2.3rem/.95 var(--display);letter-spacing:-.06em;margin:1.3rem 0}.brand-orbit{position:absolute;width:90%;height:45%;border:1px solid rgba(240,225,203,.6);border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 24px rgba(233,210,176,.18)}.latest-section{padding:0 0 4rem}.latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.latest-image{height:205px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#d9d0c3,#f7f1e8);margin-bottom:1rem}.latest-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{color:#786c5d;font-size:.72rem;letter-spacing:.15em}.latest-meta{font-size:.68rem;color:var(--muted);margin-bottom:.55rem}.latest-meta a{color:inherit}.latest-card h3{font:620 1.3rem/1.15 var(--display);letter-spacing:-.045em;margin:.3rem 0}.latest-card p{font-size:.86rem;color:#6b655e;max-width:420px}.text-link{font-size:.77rem;font-weight:700;border-bottom:1px solid var(--line);padding-bottom:.2rem}.join-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:2rem 0;margin-bottom:4rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.join-strip h2{font:600 1.65rem var(--display);letter-spacing:-.06em;margin:.35rem 0}.join-strip p{margin:0;color:var(--muted);font-size:.86rem}
.site-footer{border-top:1px solid var(--line);padding:0 3vw 1.2rem}.footer-cta-row{width:var(--wrap);margin:auto;padding:3.3rem 0;display:flex;justify-content:space-between;align-items:center;gap:2rem;border-bottom:1px solid var(--line)}.footer-cta-row h2{font:620 clamp(1.8rem,3.5vw,3rem)/1.02 var(--display);letter-spacing:-.06em;margin:.55rem 0}.footer-cta-row p{color:var(--muted);margin:0}.footer-main{width:var(--wrap);margin:auto;padding:1.6rem 0;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.footer-main .wordmark{font-size:1.4rem}.footer-main>p{font-size:.78rem;color:var(--muted);border-left:1px solid var(--line);padding-left:1.2rem}.footer-nav{margin-left:auto;display:flex;gap:1.2rem;flex-wrap:wrap;font-size:.74rem}.footer-bottom{width:var(--wrap);margin:auto;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:1rem;color:var(--muted);font-size:.68rem}.footer-mantra{color:var(--ink)}
.content-page{padding-block:4.5rem 6rem;min-height:58vh}.page-intro{max-width:850px;margin-bottom:3rem}.page-intro h1,.page-hero h1{font:650 clamp(3.1rem,6vw,5.7rem)/.98 var(--display);letter-spacing:-.08em;margin:1rem 0}.page-intro>p,.page-hero>div>p{font-size:1.08rem;color:#655e55;max-width:650px;line-height:1.6}.page-hero{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;min-height:380px;margin-bottom:3rem;overflow:hidden;border-radius:17px}.page-hero>div:first-child{padding:2rem 0}.page-hero-art,.creative-hero-art,.about-hero-art,.join-hero-art,.brands-hero-art,.experiment-hero-art{height:360px;position:relative;overflow:hidden;border-radius:15px;background:radial-gradient(ellipse at 55% 45%,#e6ddd0,#f2ece4 56%,rgba(243,238,230,0) 82%)}.page-hero-image{background:#ece4d9;padding:2rem 2.5rem}.page-hero-image>div:first-child{padding:1rem 0}.arch-scene{position:absolute;inset:0;background:url('../images/architecture-interior.webp') center/cover no-repeat;opacity:.85;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%,0 30%)}.page-hero-art>span,.experiment-hero-art>span{position:absolute;right:1rem;bottom:1rem;font-size:.65rem;letter-spacing:.12em}.explore-pillars{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:15px;overflow:hidden;margin:3.3rem 0}.explore-pillars a{padding:1.4rem 1.3rem;min-height:190px;border-right:1px solid var(--line);transition:background .2s}.explore-pillars a:last-child{border:0}.explore-pillars a:hover{background:#ebe3d8;opacity:1}.explore-pillars b{font-size:.65rem;color:#8c7d6b}.pillar-icon{display:block;font:2rem var(--display);margin:1.3rem 0 .7rem;color:#9c8668}.explore-pillars h2{font:600 1.18rem var(--display);letter-spacing:-.04em;margin:.1rem 0}.explore-pillars p{font-size:.77rem;color:var(--muted);margin:.3rem 0}.split-callout{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:3.5rem 0 0}.split-callout h2{font:600 clamp(1.7rem,3.4vw,2.6rem)/1.05 var(--display);letter-spacing:-.065em;margin:.5rem 0}.split-callout p{margin:0;color:var(--muted);max-width:620px}.editorial-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:3rem}.topic-tags,.experiment-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.6rem}.topic-tags span,.experiment-filters span{border:1px solid var(--line);border-radius:99px;padding:.48rem .8rem;font-size:.68rem}.topic-tags span:first-child,.experiment-filters span:first-child{background:var(--ink);color:#fff;border-color:var(--ink)}.post-list{display:grid;gap:2rem}.post-row{display:grid;grid-template-columns:minmax(210px,34%) 1fr;gap:1.6rem;padding-bottom:2rem;border-bottom:1px solid var(--line)}.post-row-image{background:linear-gradient(135deg,#d8ccbb,#f7f2eb);border-radius:12px;min-height:190px;overflow:hidden;display:grid;place-items:center}.post-row-image img{width:100%;height:100%;object-fit:cover}.post-row h2{font:620 1.65rem/1.15 var(--display);letter-spacing:-.055em;margin:.3rem 0}.post-row p{color:var(--muted);max-width:650px}.editorial-aside{background:#e9e1d6;border-radius:14px;padding:1.5rem;height:max-content}.editorial-aside h2{font:620 1.9rem/.98 var(--display);letter-spacing:-.06em}.editorial-aside p{font-size:.84rem;color:#655d54}.creative-hero{padding:2rem 2.5rem;background:#eae2d7}.ribbon-shape{position:absolute;width:75%;height:45%;left:10%;top:24%;border:22px solid rgba(255,255,255,.84);border-radius:48% 52% 42% 58%;transform:rotate(-34deg);box-shadow:0 15px 30px rgba(90,75,57,.16),inset 0 4px 12px white}.ribbon-orb{position:absolute;width:110px;height:110px;right:14%;top:16%;border-radius:50%;background:radial-gradient(circle at 25% 25%,#fff,#b9a58d 54%,#f6f0e8 72%);box-shadow:0 18px 28px #75614b33}.creative-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.creative-tile{border:1px solid var(--line);border-radius:14px;overflow:hidden;padding:1rem;background:rgba(250,247,241,.45)}.tile-image{height:210px;border-radius:9px;margin-bottom:1rem;background-size:cover;background-position:center}.tile-ribbon{background-image:url('../images/abstract-liquid-metal.webp')}.tile-campaign{background-image:url('../images/architecture-interior.webp')}.tile-content{background-image:url('../images/coffee-editorial.webp')}.creative-tile h2{font:620 1.6rem/1.02 var(--display);letter-spacing:-.055em;margin:.65rem 0}.creative-tile p{font-size:.82rem;color:var(--muted)}.about-hero{padding:1rem 0}.about-hero-art{background:linear-gradient(135deg,#ded2c2,#f5efe6)}.about-window{position:absolute;inset:12% 9%;border-radius:45% 45% 0 0;background:linear-gradient(180deg,#d3c2aa,#f4e9d9);border:15px solid rgba(255,255,255,.7);box-shadow:inset 0 0 35px #fff8,0 20px 40px #74624a33}.about-hero-art>span{position:absolute;right:1rem;bottom:1rem;font-size:.65rem;letter-spacing:.12em}.manifesto{padding:3rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.manifesto h2{font:620 clamp(2rem,4vw,3.8rem)/1.05 var(--display);letter-spacing:-.065em;max-width:900px;margin:1rem 0}.manifesto p{max-width:760px;color:var(--muted);font-size:1rem}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:2.5rem 0}.values-grid article{border-left:1px solid var(--line);padding:0 1rem}.values-grid b{font-size:.68rem;color:#9a866c}.values-grid h3{font:620 1.25rem var(--display);letter-spacing:-.04em}.values-grid p{font-size:.8rem;color:var(--muted)}.join-hero{padding:2rem 2.5rem;background:#e8e0d5}.join-orbit{position:absolute;width:84%;height:42%;border:2px solid rgba(255,255,255,.9);border-radius:50%;left:9%;top:30%;transform:rotate(-27deg);box-shadow:0 0 20px #fff9}.join-sphere{position:absolute;width:190px;height:190px;border-radius:50%;left:34%;top:19%;background:radial-gradient(circle at 27% 25%,#fff 0 10%,#ddd0be 35%,#8b7c69 62%,#fbf7f1 75%);border:1px solid white;box-shadow:inset 5px 5px 20px white,0 25px 35px #6e5d4833}.join-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.join-options article{padding:1.5rem;border:1px solid var(--line);border-radius:14px;min-height:260px}.option-icon{display:block;font-size:2.1rem;color:#a48e70;margin-bottom:1.2rem}.join-options h2{font:620 1.5rem var(--display);letter-spacing:-.05em}.join-options p{font-size:.84rem;color:var(--muted)}.join-note{text-align:center;margin:3rem auto 0;max-width:650px}.join-note h2{font:620 2rem var(--display);letter-spacing:-.06em}.join-note p{color:var(--muted)}
.brands-hero{padding:2rem 2.5rem;background:#e9e1d7}.brands-hero-art{background:radial-gradient(ellipse,#b6a58f,#e7ded1 60%,#ece5dc)}.brands-hero-art .brand-glass-card{margin:auto;transform:rotate(5deg)}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:70px 1fr 30px;gap:1rem;align-items:start;padding:1.5rem .5rem;border-bottom:1px solid var(--line)}.service-list article>span{font-size:.72rem;color:#99866e}.service-list h2{font:620 1.55rem var(--display);letter-spacing:-.05em;margin:0}.service-list p{max-width:750px;color:#635c54;margin:.4rem 0}.service-list small{color:#8a7b69;font-size:.73rem}.service-list article>b{font-size:1.3rem;font-weight:400}.service-note{font-size:.8rem;color:var(--muted);margin-top:1rem}.experiment-hero{padding:2rem 2.5rem;background:#e9e1d7}.glass-cube-large{position:absolute;width:210px;height:210px;left:30%;top:22%;transform:rotate(30deg) skew(-6deg);border:2px solid rgba(255,255,255,.9);background:linear-gradient(135deg,rgba(255,255,255,.45),rgba(180,166,146,.1));box-shadow:18px 24px 40px #72614b33,inset 0 0 25px white}.cube-glint{position:absolute;width:90px;height:90px;border-radius:50%;left:23%;top:15%;background:radial-gradient(circle,#fff,#e5d4bd 55%,transparent 72%);filter:blur(2px)}.experiment-filters{margin:1.5rem 0 2rem}.experiment-grid,.coming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.experiment-card,.coming-card{border:1px solid var(--line);border-radius:14px;padding:1rem;background:rgba(250,247,241,.45)}.experiment-card>a:first-child img{width:100%;height:210px;object-fit:cover;border-radius:9px}.experiment-placeholder{height:210px;background:linear-gradient(135deg,#dcd2c4,#f7f3ec);display:grid;place-items:center;color:#9a866c;font-size:3rem;border-radius:9px}.experiment-card h2,.coming-card h2{font:620 1.35rem var(--display);letter-spacing:-.05em;margin:.6rem 0}.experiment-card p,.coming-card p{font-size:.82rem;color:var(--muted)}.coming-card>span{font-size:.62rem;font-weight:700;letter-spacing:.08em;color:#877660}.coming-art{height:175px;margin:.8rem 0;border-radius:9px;background:linear-gradient(135deg,#d4c7b5,#f8f4ed);position:relative;overflow:hidden}.coming-art:before{content:"";position:absolute;width:140px;height:140px;border:1px solid white;left:30%;top:12%;transform:rotate(35deg);box-shadow:0 10px 25px #4f443522}.coming-brand{background:linear-gradient(135deg,#c8b49a,#f4e9d8)}.coming-cx{background:linear-gradient(135deg,#d3d1cc,#f4eee6)}.article-shell{max-width:1060px;margin:auto}.article-header{max-width:850px;margin:0 auto 2.5rem}.article-header h1{font:650 clamp(2.7rem,6vw,5rem)/1.02 var(--display);letter-spacing:-.075em;margin:1rem 0}.article-deck{font-size:1.22rem;color:var(--muted);max-width:760px}.article-featured{max-width:1000px;margin:0 auto 2.5rem}.article-featured img{width:100%;border-radius:14px}.entry-content{max-width:760px;margin-inline:auto;font-size:1.02rem;line-height:1.82}.entry-content h2,.entry-content h3{font-family:var(--display);letter-spacing:-.045em;line-height:1.15;margin-top:2em}.entry-content p,.entry-content li{color:#49453f}.entry-content a{text-decoration:underline;text-underline-offset:3px}.article-lead{font-size:1.2rem;color:#514a42!important;line-height:1.65}.article-end{max-width:760px;margin:3rem auto}.privacy-copy{padding-top:1rem}.contact-page .page-intro{margin-bottom:2rem}.contact-layout{display:grid;grid-template-columns: minmax(220px,.72fr) minmax(400px,1.28fr);gap:4rem;align-items:start}.contact-aside h2{font:620 2.1rem/1.02 var(--display);letter-spacing:-.06em}.contact-aside p{color:var(--muted);font-size:.88rem}.contact-detail{margin-top:3rem;padding:1rem;border-left:2px solid var(--champagne);background:#eee7dd}.contact-detail span{font-size:.66rem;font-weight:750;letter-spacing:.08em}.contact-detail p{margin:.4rem 0 0;font-size:.77rem}.contact-form-wrap{border:1px solid var(--line);border-radius:15px;background:rgba(250,247,241,.52);padding:1.5rem}.bcx-contact-form label{display:block;font-size:.76rem;font-weight:650;margin-bottom:1rem}.bcx-contact-form label span{font-weight:400;color:var(--muted)}.bcx-contact-form input,.bcx-contact-form textarea,.bcx-contact-form select{display:block;width:100%;margin-top:.4rem;border:1px solid rgba(35,31,27,.22);background:#fbf9f5;border-radius:8px;padding:.8rem;color:var(--ink);font-size:.86rem}.bcx-contact-form textarea{resize:vertical}.bcx-contact-form input:focus,.bcx-contact-form textarea:focus,.bcx-contact-form select:focus{outline:2px solid rgba(174,147,111,.4);border-color:#9a866c}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-privacy{font-size:.68rem;color:var(--muted);margin:.9rem 0 0}.form-privacy a{text-decoration:underline}.form-notice{padding:.8rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.85rem}.form-notice.success{background:#e4eee4;color:#315936}.form-notice.error{background:#f4e7e2;color:#854434}.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important}.pagination{display:flex;gap:.6rem;margin-top:2rem}.pagination .page-numbers{padding:.5rem .8rem;border:1px solid var(--line);border-radius:99px;font-size:.8rem}.pagination .current{background:var(--ink);color:#fff}.error-page{padding-block:8rem}.error-page h1{font:650 clamp(3.5rem,7vw,6rem)/.95 var(--display);letter-spacing:-.08em}.error-page p{color:var(--muted);max-width:550px}.bcx-icon{width:18px;height:18px;vertical-align:middle}
@media(max-width:1050px){:root{--wrap:min(100% - 40px,900px)}.header-inner{min-height:74px}.menu-toggle{display:flex;flex-direction:column;gap:5px;margin-left:auto;border:0;background:none;padding:.4rem}.menu-toggle span{width:23px;height:1px;background:var(--ink)}.primary-nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--ivory);padding:1.5rem 5vw;border-bottom:1px solid var(--line);box-shadow:0 14px 20px #29272410}.primary-nav.is-open{display:block}.nav-list{flex-direction:column;align-items:flex-start;gap:1.2rem}.header-actions{margin-left:0}.hero{grid-template-columns:1fr 1fr;min-height:420px}.hero h1{font-size:clamp(3.1rem,6vw,4.6rem)}.hero-art{height:350px}.feature-grid{grid-template-columns:repeat(2,1fr)}.page-hero{grid-template-columns:1fr 1fr}.explore-pillars{grid-template-columns:repeat(2,1fr)}.explore-pillars a:nth-child(2){border-right:0}.explore-pillars a:nth-child(-n+2){border-bottom:1px solid var(--line)}.editorial-layout{grid-template-columns:1fr}.editorial-aside{max-width:none}.values-grid{grid-template-columns:repeat(2,1fr)}.contact-layout{gap:2rem}}
@media(max-width:680px){:root{--wrap:calc(100% - 32px)}.header-inner{gap:.65rem}.wordmark{font-size:1.45rem}.header-actions{gap:.55rem}.header-divider{display:none}.header-cta{font-size:.64rem;padding:.62rem .72rem}.search-toggle{font-size:1.55rem}.hero{grid-template-columns:1fr;padding-top:2rem;padding-bottom:1rem;gap:0}.hero-copy{grid-row:2;padding:0 0 2rem}.hero-art{grid-row:1;height:250px}.glass-core{width:200px;height:200px}.orbital{width:94%;height:42%}.hero-art-note{right:0;bottom:9%;font-size:.58rem}.hero h1{font-size:clamp(3.1rem,13vw,4.4rem);margin-top:1rem}.hero-subtitle{font-size:1.12rem}.hero-description{font-size:.87rem}.section{padding:1.5rem 0 3rem}.section-heading{gap:.65rem}.section-heading h2{font-size:1.25rem}.section-heading>a,.heading-note{font-size:.66rem}.feature-grid,.latest-grid,.creative-grid,.experiment-grid,.coming-grid,.join-options{grid-template-columns:1fr}.feature-card{min-height:210px}.brand-band{grid-template-columns:1fr;margin-bottom:3.5rem}.brand-band-visual{min-height:250px}.latest-grid{gap:1.8rem}.latest-image{height:210px}.join-strip,.footer-cta-row,.split-callout{align-items:flex-start;flex-direction:column}.footer-cta-row{padding:2.5rem 0}.footer-main{align-items:flex-start;gap:.9rem}.footer-main>p{width:100%;border:0;padding:0;margin:.25rem 0}.footer-nav{margin-left:0}.footer-bottom{flex-wrap:wrap}.content-page{padding-block:3rem 4rem}.page-intro h1,.page-hero h1{font-size:clamp(3rem,13vw,4.4rem)}.page-hero{grid-template-columns:1fr;gap:0;padding:1.3rem}.page-hero>div:first-child{padding:1rem 0}.page-hero-art,.creative-hero-art,.about-hero-art,.join-hero-art,.brands-hero-art,.experiment-hero-art{height:230px}.explore-pillars{grid-template-columns:1fr}.explore-pillars a{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.explore-pillars a:last-child{border-bottom:0}.post-row{grid-template-columns:1fr;gap:1rem}.post-row-image{min-height:195px}.values-grid{grid-template-columns:1fr 1fr;gap:1rem}.values-grid article{padding:0 .7rem}.service-list article{grid-template-columns:32px 1fr 18px;gap:.5rem}.service-list h2{font-size:1.2rem}.service-list p{font-size:.82rem}.form-row{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr;gap:1.5rem}.contact-form-wrap{padding:1rem}.contact-aside h2{font-size:1.8rem}.topic-tags{gap:.35rem}.topic-tags span{font-size:.61rem}.article-header h1{font-size:clamp(2.6rem,12vw,4rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Final polish: content cards and intro dialog */
.latest-card:nth-child(1) .latest-image,.post-row:nth-child(1) .post-row-image{background-image:url('../images/ai-human-profile.webp');background-size:cover;background-position:center}
.latest-card:nth-child(2) .latest-image,.post-row:nth-child(2) .post-row-image{background-image:url('../images/glass-cube.webp');background-size:cover;background-position:center}
.latest-card:nth-child(3) .latest-image,.post-row:nth-child(3) .post-row-image{background-image:url('../images/customer-experience-ripples.webp');background-size:cover;background-position:center}
.image-placeholder{color:#5b5044;text-shadow:0 1px 8px rgba(255,255,255,.8)}
.intro-trigger{font-family:inherit;cursor:pointer}
.intro-dialog{width:min(600px,calc(100% - 32px));border:1px solid rgba(255,255,255,.9);border-radius:18px;background:var(--paper);color:var(--ink);padding:clamp(1.5rem,4vw,2.5rem);box-shadow:0 28px 90px rgba(33,28,22,.28)}
.intro-dialog::backdrop{background:rgba(30,27,23,.55);backdrop-filter:blur(4px)}
.intro-dialog h2{font:650 clamp(2rem,5vw,3rem)/1 var(--display);letter-spacing:-.07em;margin:1rem 0}
.intro-dialog p{color:#625b52;line-height:1.7}
.dialog-close{position:absolute;right:1rem;top:.6rem;border:0;background:none;font-size:2rem;cursor:pointer;color:var(--ink)}
.intro-dialog-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.4rem}


/* 2.0.3 — editorial card refinements (Hero artwork intentionally unchanged) */
.latest-grid{align-items:stretch;gap:1.5rem}
.latest-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.latest-image{width:100%;aspect-ratio:1.72/1;height:auto;min-height:0;margin-bottom:1rem;background:#e8e1d7}
.latest-image img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}
.latest-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.22rem .35rem;line-height:1.5;margin-bottom:.55rem}
.latest-meta a{text-decoration:none}
.latest-card h3{line-height:1.18;margin:.25rem 0 .55rem;max-width:100%}
.latest-card p{line-height:1.65;margin:.25rem 0 1rem;max-width:46ch;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.latest-card>.text-link{margin-top:auto}
@media(max-width:800px){.latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}}
@media(max-width:560px){.latest-grid{grid-template-columns:1fr;gap:1.8rem}.latest-image{aspect-ratio:1.6/1}.latest-card p{max-width:60ch}}

/* 2.0.6 detail polish: remove the redundant hero-side label and strengthen the editorial section heading. */
.latest-section .section-heading h2{font-size:clamp(1.9rem,3vw,2.35rem);line-height:1.02;letter-spacing:-.055em;font-weight:700}
@media(max-width:700px){.latest-section .section-heading{gap:.8rem;align-items:flex-end}.latest-section .section-heading h2{font-size:clamp(1.65rem,7vw,2rem);white-space:normal}.latest-section .section-heading>a{font-size:.7rem}}


/* 2.0.5 — champagne-metal category labels on editorial images */
.latest-image{position:relative}
.latest-image-category{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;max-width:calc(100% - 28px);padding:7px 11px 6px;border:1px solid rgba(255,255,255,.76);border-radius:5px;background:rgba(250,247,241,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 3px 14px rgba(48,39,28,.08);color:#947a55;font-size:.64rem;font-weight:700;line-height:1.2;letter-spacing:.105em;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.55);pointer-events:none}
@media(max-width:560px){.latest-image-category{top:10px;left:10px;padding:6px 9px;font-size:.6rem}}


/* 2.0.8 — centered editorial category badges; clean image assets prevent legacy text overlap */
.latest-image-category{top:50%;left:50%;transform:translate(-50%,-50%);padding:9px 15px 8px;border-color:rgba(255,255,255,.88);background:rgba(250,247,241,.88);color:#947a55;font-size:.7rem;font-weight:750;letter-spacing:.12em;white-space:nowrap;box-shadow:0 5px 22px rgba(48,39,28,.10)}
@media(max-width:560px){.latest-image-category{top:50%;left:50%;padding:7px 11px;font-size:.62rem}}


/* 2.1.0 — clean Intelligence image output; no placeholder lettering or broken image glyphs */
.post-row-image{position:relative;display:block;min-height:190px;background:#e9e1d6;overflow:hidden}
.post-row-image img{display:block;width:100%;height:100%;min-height:190px;object-fit:cover;object-position:center}
.post-row-image .image-placeholder{display:none!important}


/* 2.2.0 — editable Creative Portfolio cards and project detail */
.creative-portfolio-section{padding:2.5rem 0 1rem}
.creative-portfolio-intro{max-width:680px;color:var(--muted);margin:-.4rem 0 1.5rem;font-size:.9rem;line-height:1.7}
.creative-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.creative-project-card{min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;padding:1rem;background:rgba(250,247,241,.48)}
.creative-project-image{display:block;height:220px;border-radius:9px;overflow:hidden;background:linear-gradient(135deg,#ded4c7,#f6f0e8);margin-bottom:.9rem}
.creative-project-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.creative-project-card:hover .creative-project-image img{transform:scale(1.035)}
.creative-project-placeholder{height:100%;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,rgba(255,255,255,.9),rgba(215,200,179,.45) 55%,rgba(241,235,226,.8));color:#9a866c;font-size:.62rem;letter-spacing:.15em}
.creative-project-meta{min-height:1.1rem;margin:.15rem 0 .45rem;color:#947a55;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.creative-project-card h3{font:620 1.3rem/1.12 var(--display);letter-spacing:-.045em;margin:.3rem 0 .55rem}
.creative-project-card p{font-size:.84rem;color:var(--muted);line-height:1.65;min-height:2.8em}
.creative-portfolio-empty{padding:2.2rem;border:1px solid var(--line);border-radius:14px;background:rgba(250,247,241,.45)}
.creative-portfolio-empty h3{font:620 clamp(1.5rem,3vw,2.2rem)/1.05 var(--display);letter-spacing:-.05em;margin:.7rem 0}
.creative-portfolio-empty p{max-width:620px;color:var(--muted);font-size:.88rem;line-height:1.7}
.creative-single{max-width:1040px;margin:0 auto}
.creative-single-header{padding:2.2rem 0 2rem}
.creative-single-header h1{font:650 clamp(2.8rem,6vw,5rem)/.98 var(--display);letter-spacing:-.075em;margin:.7rem 0}
.creative-single-excerpt{max-width:760px;color:var(--muted);font-size:1.1rem;line-height:1.65}
.creative-single-image{overflow:hidden;border-radius:16px;background:#e9e1d6;margin-bottom:2rem}
.creative-single-image img{display:block;width:100%;height:auto}
.creative-single-content{max-width:760px;margin:0 auto;font-size:1rem;line-height:1.8;color:#514b44}
.creative-single-content h2,.creative-single-content h3{font-family:var(--display);color:var(--ink);letter-spacing:-.04em;line-height:1.1;margin:2rem 0 .8rem}
.creative-single-back{padding:2rem 0 3rem;border-top:1px solid var(--line);margin-top:2rem}
@media(max-width:850px){.creative-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.creative-project-grid{grid-template-columns:1fr}.creative-project-image{height:210px}.creative-portfolio-empty{padding:1.4rem}}

/* Cloudflare Turnstile spacing on the contact form. */
.bcx-turnstile-wrap{margin:.25rem 0 1rem;min-height:0}.bcx-turnstile-wrap iframe{max-width:100%}


/* v2.13 — visual refresh: homepage hero artwork and page hero imagery */
.hero{min-height:500px;grid-template-columns:minmax(400px,.92fr) minmax(480px,1.08fr);padding-top:2rem;padding-bottom:1.1rem;gap:.25rem}
.hero-art{height:500px;min-width:0;position:relative;display:block;isolation:isolate;border-radius:18px;background-image:url('../images/hero-glass-orbit-clean.webp');background-size:cover;background-position:center center;background-repeat:no-repeat;filter:saturate(.96)}
.hero-art:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,rgba(243,238,230,.38),transparent 32%),linear-gradient(0deg,rgba(243,238,230,.16),transparent 32%);pointer-events:none}
.hero-art:after{content:"";position:absolute;left:5%;right:5%;bottom:2%;height:12%;background:rgba(184,151,111,.16);filter:blur(24px);z-index:-1}
.hero-copy{padding-top:1rem}
.hero h1{font-size:clamp(3.45rem,5.5vw,5.7rem);max-width:700px}
.page-hero-art{background:linear-gradient(135deg,rgba(246,239,229,.15),rgba(201,179,151,.08)),url('../images/architecture-interior.webp') center/cover no-repeat}
.arch-scene{opacity:.96;clip-path:none}
.experiment-hero-art{background:linear-gradient(135deg,rgba(246,239,229,.08),rgba(201,179,151,.06)),url('../images/glass-cube.webp') center/cover no-repeat}
.experiment-hero-art .glass-cube-large,.experiment-hero-art .cube-glint{display:none}
.experiment-hero-art>span{background:rgba(250,247,241,.72);backdrop-filter:blur(8px);padding:.45rem .7rem;border-radius:99px}
.creative-hero-art{background:linear-gradient(135deg,rgba(246,239,229,.06),rgba(201,179,151,.04)),url('../images/abstract-liquid-metal.webp') center/cover no-repeat}
.creative-hero-art .ribbon-shape,.creative-hero-art .ribbon-orb{display:none}
@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr;min-height:420px}.hero-art{height:390px}}
@media(max-width:680px){.hero{grid-template-columns:1fr;min-height:0}.hero-art{grid-row:1;height:260px;margin:0 0 1rem;background-position:center}.hero-copy{grid-row:2}.hero h1{font-size:clamp(3rem,12vw,4.3rem)}}


/* v2.15 — complete six-page editorial visual system */
.hero{grid-template-columns:minmax(390px,.92fr) minmax(500px,1.08fr);gap:0;min-height:535px;padding-top:1.2rem;padding-bottom:1.2rem;overflow:visible}
.hero-copy{padding-right:0;max-width:760px;z-index:3}
.hero-art{height:510px;margin-left:-2.5rem;border-radius:0;background:transparent;overflow:visible;z-index:1}
.hero-art:before{content:"";position:absolute;inset:0 -5vw 0 -8%;border-radius:22px;background:url('../images/hero-glass-orbit-clean.webp') center/cover no-repeat;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 9%,#000 28%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 9%,#000 28%);}
.hero-art:after{display:none}
.hero h1{font-size:clamp(3.2rem,5.3vw,5.35rem);max-width:720px;letter-spacing:-.075em}
.feature-card{min-height:236px;padding:1.2rem 1.1rem}
.feature-card:after{background:linear-gradient(90deg,rgba(243,238,230,.98) 0%,rgba(243,238,230,.88) 46%,rgba(243,238,230,.03) 100%)}
.feature-card h3{max-width:76%;font-size:clamp(1.15rem,1.45vw,1.5rem)}
.feature-card p{max-width:76%}
.card-community .card-art{background-image:url('../images/earth-at-night.webp');background-position:center;background-size:cover}
.card-community:after{background:linear-gradient(90deg,#302d29 0%,rgba(48,45,41,.88) 48%,rgba(48,45,41,.12) 100%)}
.content-page{padding-top:3.2rem}
.page-hero{grid-template-columns:.95fr 1.05fr;gap:2.2rem;min-height:440px;margin-bottom:2.2rem}
.page-hero h1{font-size:clamp(3.3rem,5.7vw,5.5rem)}
.page-hero>div:first-child{padding:2rem 0 2rem 1.4rem}
.page-hero-image{padding:2rem 2.5rem;background:#eae1d6}
.page-hero-art,.creative-hero-art,.about-hero-art,.experiment-hero-art{height:370px;border-radius:17px;position:relative;overflow:hidden}
.explore-hero{background:linear-gradient(105deg,#eee5da 0%,#eee5da 46%,#e5d8c9 100%);padding:2.2rem 2.5rem}
.explore-hero-copy{position:relative;z-index:2}
.explore-visual{background:url('../images/architecture-interior.webp') center/cover no-repeat}
.explore-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(235,225,212,.05),rgba(235,225,212,0) 55%)}
.explore-visual>span,.creative-visual>span,.about-visual>span{position:absolute;right:1.2rem;bottom:1rem;padding:.45rem .75rem;border-radius:99px;background:rgba(250,247,241,.8);font-size:.63rem;letter-spacing:.12em}
.explore-pillars{margin:2rem 0 3.2rem}
.explore-pillars-visual{display:grid;grid-template-columns:repeat(4,1fr);background:rgba(250,247,241,.55);border-color:rgba(80,68,54,.14)}
.explore-pillars-visual a{min-height:160px;padding:1.2rem 1.35rem}
.explore-pillars-visual .pillar-icon{font-size:1.8rem;margin:.2rem 0 .55rem;color:#171614}
.intelligence-hero{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;min-height:320px;margin-bottom:1.2rem}
.intelligence-hero .page-intro{margin:0;max-width:720px}
.intelligence-hero .page-intro h1{font-size:clamp(3.6rem,6.5vw,6rem)}
.intelligence-hero-art{height:300px;border-radius:16px;background:url('../images/glass-cube.webp') center/cover no-repeat;position:relative;overflow:hidden}
.intelligence-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(243,238,230,.1),transparent 50%,rgba(243,238,230,.08))}
.topic-tags{display:flex;gap:.55rem;flex-wrap:wrap;margin:1.2rem 0 2.5rem}
.topic-tags span{border:1px solid var(--line);border-radius:99px;padding:.58rem .95rem;font-size:.76rem;background:rgba(250,247,241,.35)}
.topic-tags span:first-child{background:#171614;color:#fff;border-color:#171614}
.editorial-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:2.4rem;align-items:start}
.post-row{display:grid;grid-template-columns: minmax(230px,34%) 1fr;gap:1.5rem;padding:0 0 1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--line)}
.post-row-image{height:220px;min-height:0;border-radius:13px;overflow:hidden}
.post-row-image img{height:100%;min-height:0}
.editorial-aside{position:sticky;top:1.5rem;border-radius:15px;background:#e9dfd3;padding:1.5rem}
.experiment-hero{background:#e9dfd3;padding:2.5rem;border-radius:18px}
.experiment-visual{background:url('../images/glass-cube.webp') center/cover no-repeat}
.experiment-visual>span{position:absolute;right:1rem;bottom:1rem;padding:.5rem .8rem;border-radius:99px;background:rgba(250,247,241,.85);font-size:.65rem;letter-spacing:.12em}
.experiment-filters{display:flex;gap:.55rem;flex-wrap:wrap;margin:1.5rem 0 2.2rem}
.experiment-filters span{border:1px solid var(--line);border-radius:99px;padding:.55rem .9rem;font-size:.72rem}
.experiment-filters span:first-child{background:#171614;color:#fff}
.experiment-grid,.coming-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.experiment-card,.coming-card{border:1px solid var(--line);border-radius:15px;padding:1rem;background:rgba(250,247,241,.5);overflow:hidden}
.experiment-card>a:first-child{display:block;height:190px;border-radius:10px;overflow:hidden;margin-bottom:1rem}
.experiment-card>a:first-child img{width:100%;height:100%;object-fit:cover}
.coming-art{height:170px;border-radius:10px;margin:.9rem 0;background-size:cover;background-position:center}
.coming-campaign{background-image:url('../images/architecture-interior.webp')}
.coming-brand{background-image:url('../images/abstract-liquid-metal.webp')}
.coming-cx{background-image:url('../images/customer-experience-ripples.webp')}
.creative-hero{background:#e9dfd3;padding:2.5rem;border-radius:18px}
.creative-visual{background:url('../images/abstract-liquid-metal.webp') center/cover no-repeat}
.creative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.creative-tile{border:1px solid var(--line);border-radius:15px;padding:1rem;background:rgba(250,247,241,.5)}
.creative-tile .tile-image{height:190px;border-radius:10px;background-size:cover;background-position:center;margin-bottom:1rem}
.tile-ribbon{background-image:url('../images/abstract-liquid-metal.webp')}
.tile-campaign{background-image:url('../images/ai-human-profile.webp')}
.tile-content{background-image:url('../images/customer-experience-ripples.webp')}
.creative-portfolio-section{padding-top:3rem}
.about-hero{grid-template-columns:.95fr 1.05fr;min-height:470px;gap:2.5rem}
.about-visual{background:url('../images/architecture-interior.webp') center/cover no-repeat;position:relative}
.about-values-intro{padding:2rem 0 1rem;max-width:780px}
.about-values-intro h2{font:650 clamp(2rem,4vw,3.4rem)/1.04 var(--display);letter-spacing:-.065em}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:rgba(250,247,241,.45)}
.values-grid article{padding:1.5rem;border-right:1px solid var(--line)}
.values-grid article:last-child{border:0}
@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;min-height:420px}.hero-art{height:400px}.editorial-layout{grid-template-columns:1fr}.editorial-aside{position:static}.experiment-grid,.coming-grid,.creative-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hero{grid-template-columns:1fr;gap:.2rem}.hero-art{grid-row:1;height:260px;margin:0;mask-image:none}.hero-art:before{inset:0;background-position:center;mask-image:none;-webkit-mask-image:none}.hero-copy{grid-row:2}.feature-grid{grid-template-columns:1fr 1fr}.page-hero,.intelligence-hero,.about-hero{grid-template-columns:1fr;gap:1rem;padding:1.3rem}.page-hero>div:first-child{padding:1rem 0}.page-hero-art,.creative-hero-art,.about-hero-art,.experiment-hero-art{height:240px}.explore-pillars-visual,.values-grid{grid-template-columns:1fr 1fr}.explore-pillars-visual a:nth-child(2){border-right:0}.explore-pillars-visual a{border-bottom:1px solid var(--line)}.intelligence-hero-art{height:220px}.post-row{grid-template-columns:1fr}.post-row-image{height:210px}.experiment-grid,.coming-grid,.creative-grid{grid-template-columns:1fr}.experiment-hero,.creative-hero{padding:1.3rem}.about-hero{padding:1rem}.values-grid article:nth-child(2){border-right:0}.values-grid article{border-bottom:1px solid var(--line)}}

/* v2.16 — reference-led inner-page art direction */
/* Each section now has its own hero image; no generic image is inherited. */
.explore-visual{background-image:linear-gradient(115deg,rgba(232,222,209,.04),rgba(232,222,209,0)),url('../images/architecture-interior.webp');background-position:center 44%;background-size:cover}
.intelligence-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:2.4rem;align-items:center;min-height:390px;margin:0 0 1.5rem}
.intelligence-hero .page-intro{max-width:760px;margin:0}
.intelligence-hero .page-intro h1{font-size:clamp(4rem,7vw,6.6rem);line-height:.94;letter-spacing:-.085em;margin:.9rem 0 1rem}
.intelligence-hero .page-intro>p{max-width:690px;font-size:1.12rem;line-height:1.65}
.intelligence-hero-art{height:390px;border-radius:18px;background-image:url('../images/glass-cube.webp');background-size:cover;background-position:center;position:relative;overflow:hidden}
.intelligence-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(243,238,230,.08),transparent 40%,rgba(243,238,230,.03))}
.experiment-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:2.4rem;align-items:center;min-height:460px;margin-bottom:1.8rem;padding:2.6rem 3rem;border-radius:18px;background:#e9dfd3}
.experiment-hero>div:first-child{padding:0}
.experiment-hero h1{font-size:clamp(4rem,7vw,6.6rem);line-height:.94;letter-spacing:-.085em}
.experiment-hero>div:first-child>p{max-width:650px;font-size:1.12rem;line-height:1.65}
.experiment-visual{height:360px;border-radius:17px;background-image:url('../images/hero-glass-orbit-clean.webp');background-size:cover;background-position:center 48%;}
.experiment-visual>span{position:absolute;right:1rem;bottom:1rem;padding:.5rem .8rem;border-radius:99px;background:rgba(250,247,241,.86);font-size:.65rem;letter-spacing:.12em}
.creative-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:2.4rem;align-items:center;min-height:460px;margin-bottom:3rem;padding:2.6rem 3rem;border-radius:18px;background:#e9dfd3}
.creative-hero>div:first-child{padding:0}
.creative-hero h1{font-size:clamp(4rem,7vw,6.6rem);line-height:.94;letter-spacing:-.085em}
.creative-hero>div:first-child>p{max-width:650px;font-size:1.12rem;line-height:1.65}
.creative-visual{height:360px;border-radius:17px;background-image:url('../images/abstract-liquid-metal.webp');background-size:cover;background-position:center}
.about-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:2.5rem;align-items:center;min-height:500px;margin-bottom:3rem;padding:1.5rem 0}
.about-hero>div:first-child{padding:0}
.about-hero h1{font-size:clamp(4rem,7vw,6.6rem);line-height:.94;letter-spacing:-.085em}
.about-hero>div:first-child>p{max-width:680px;font-size:1.12rem;line-height:1.65}
.about-visual{height:390px;border-radius:17px;background-image:url('../images/ai-human-profile.webp');background-size:cover;background-position:center 50%;position:relative}
.about-visual>span{position:absolute;right:1.2rem;bottom:1rem;padding:.45rem .75rem;border-radius:99px;background:rgba(250,247,241,.8);font-size:.63rem;letter-spacing:.12em}
.explore-pillars-visual{margin-top:2.5rem}
@media(max-width:900px){.intelligence-hero,.experiment-hero,.creative-hero,.about-hero{grid-template-columns:1fr;gap:1.2rem;min-height:0}.intelligence-hero-art,.experiment-visual,.creative-visual,.about-visual{height:300px}.experiment-hero,.creative-hero{padding:1.8rem}.about-hero{padding:1rem 0}}
@media(max-width:650px){.intelligence-hero .page-intro h1,.experiment-hero h1,.creative-hero h1,.about-hero h1{font-size:clamp(3.2rem,13vw,4.6rem)}.intelligence-hero-art,.experiment-visual,.creative-visual,.about-visual{height:235px}}

/* Explore page — dedicated art direction, independent from the About/Creative heroes. */
.explore-page .explore-hero{grid-template-columns:.92fr 1.08fr;gap:clamp(2rem,4vw,4.5rem);min-height:440px;padding:clamp(2rem,3vw,3rem);margin:0 0 2.25rem;border-radius:18px;background:linear-gradient(112deg,#eee6dc 0%,#eee5da 54%,#e7dbcc 100%)}
.explore-page .explore-hero-copy{padding:1.4rem 0 1.4rem 1rem!important;max-width:700px}
.explore-page .explore-hero h1{max-width:780px;font-size:clamp(3.2rem,5.7vw,5.8rem);line-height:.98;letter-spacing:-.078em;margin:1.15rem 0 1.25rem}
.explore-page .explore-hero-copy>p{max-width:620px;font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.65;color:#6b6259}
.explore-page .explore-visual{height:clamp(290px,30vw,430px);border-radius:17px;background:#e9e0d5 url('../images/glass-cube.webp') center 48%/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.explore-page .explore-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(238,230,220,.10),transparent 48%,rgba(255,255,255,.06));pointer-events:none}
.explore-page .explore-visual>span{position:absolute;right:1.1rem;bottom:1rem;padding:.55rem .85rem;border-radius:99px;color:#282521;background:rgba(250,247,241,.88);font-size:.64rem;letter-spacing:.12em}
.explore-page .explore-pillars-visual{margin:0 0 3rem;background:rgba(250,247,241,.58);border:1px solid rgba(80,68,54,.16);border-radius:16px}
.explore-page .explore-pillars-visual a{min-height:170px;padding:1.35rem 1.5rem}
.explore-page .explore-pillars-visual .pillar-icon{font-size:1.9rem;margin:.15rem 0 .75rem;color:#201e1b}
.explore-page .explore-pillars-visual h2{font-size:1.25rem}
.explore-page .explore-pillars-visual p{font-size:.82rem;line-height:1.5}
.explore-page .explore-callout{margin-top:0;padding:2rem 0 2.3rem}
@media(max-width:900px){.explore-page .explore-hero{grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.7rem}.explore-page .explore-hero-copy{padding-left:.25rem!important}.explore-page .explore-hero h1{font-size:clamp(2.8rem,5.5vw,4.5rem)}.explore-page .explore-visual{height:330px}}
@media(max-width:650px){.explore-page .explore-hero{grid-template-columns:1fr;gap:1.1rem;padding:1.3rem;margin-bottom:1.6rem}.explore-page .explore-hero-copy{padding:.5rem 0!important}.explore-page .explore-hero h1{font-size:clamp(2.8rem,12vw,4rem);margin:.8rem 0 1rem}.explore-page .explore-visual{height:245px}.explore-page .explore-pillars-visual{margin-bottom:2.2rem}.explore-page .explore-pillars-visual a{min-height:125px;padding:1rem 1.1rem}}


/* v2.18 — requested text-only inner-page heroes: remove all hero photography. */
.intelligence-hero-text-only{display:block;min-height:0;padding:clamp(3.5rem,8vw,7rem) 0 clamp(3rem,6vw,5.5rem);margin-bottom:2.5rem;background:transparent}
.intelligence-hero-text-only .page-intro{max-width:980px;margin:0}
.intelligence-hero-text-only .page-intro h1{max-width:900px}
.intelligence-hero-text-only .page-intro>p{max-width:760px}
.experiment-hero-text-only,.creative-hero-text-only,.about-hero-text-only{display:block;min-height:0;padding:clamp(3.5rem,8vw,7rem) 0 clamp(3rem,6vw,5.5rem);margin-bottom:2.5rem;background:transparent;border-radius:0;overflow:visible}
.experiment-hero-text-only>div:first-child,.creative-hero-text-only>div:first-child,.about-hero-text-only>div:first-child{max-width:980px;padding:0 0 0 1.4rem}
.experiment-hero-text-only h1,.creative-hero-text-only h1,.about-hero-text-only h1{max-width:900px}
.experiment-hero-text-only p,.creative-hero-text-only p,.about-hero-text-only p{max-width:760px}
@media(max-width:650px){.intelligence-hero-text-only,.experiment-hero-text-only,.creative-hero-text-only,.about-hero-text-only{padding:3rem 0 2.5rem;margin-bottom:1.8rem}.experiment-hero-text-only>div:first-child,.creative-hero-text-only>div:first-child,.about-hero-text-only>div:first-child{padding:0}}


/* v2.19 — editorial content management and category filters */
.bcx-content-filters{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin:1.2rem 0 2rem}
.bcx-content-filters a{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:99px;padding:.62rem 1rem;font-size:.78rem;line-height:1.2;color:var(--ink);background:rgba(250,247,241,.38);transition:background .2s ease,border-color .2s ease,color .2s ease}
.bcx-content-filters a:hover,.bcx-content-filters a.is-active{background:var(--ink);border-color:var(--ink);color:#fff;opacity:1}
.experiment-filters{margin:1.3rem 0 2rem}
.creative-portfolio-section .bcx-content-filters{margin-top:.8rem}
.post-row-placeholder{display:block;width:100%;height:100%;min-height:170px;background:radial-gradient(ellipse at 70% 30%,rgba(197,173,142,.45),transparent 45%),linear-gradient(135deg,#e9e0d5,#f6f1e9)}
.bcx-pagination{display:flex;gap:.45rem;justify-content:center;align-items:center;margin:2.5rem 0}
.bcx-pagination .page-numbers{display:inline-flex;min-width:2.4rem;min-height:2.4rem;align-items:center;justify-content:center;padding:.4rem .7rem;border:1px solid var(--line);border-radius:99px;font-size:.82rem}
.bcx-pagination .page-numbers.current{background:var(--ink);color:#fff;border-color:var(--ink)}


/* v2.20 — Explore hero is intentionally text-only; remove the right-side hero image. */
.explore-page .explore-hero-text-only{display:block;min-height:0;padding:clamp(3.5rem,8vw,6.5rem) clamp(2rem,4vw,4rem);margin:0 0 2.25rem;border-radius:18px;background:linear-gradient(112deg,#eee6dc 0%,#eee5da 58%,#e7dbcc 100%);}
.explore-page .explore-hero-text-only .explore-hero-copy{max-width:900px;padding:0!important;}
.explore-page .explore-hero-text-only h1{max-width:850px;font-size:clamp(3.2rem,5.7vw,5.8rem);line-height:.98;letter-spacing:-.078em;margin:1.15rem 0 1.25rem;}
.explore-page .explore-hero-text-only .explore-hero-copy>p{max-width:700px;font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.65;color:#6b6259;}
@media(max-width:650px){.explore-page .explore-hero-text-only{padding:3rem 1.35rem 2.7rem;margin-bottom:1.6rem}.explore-page .explore-hero-text-only h1{font-size:clamp(2.8rem,12vw,4rem);margin:.8rem 0 1rem}}
