.v6 { background:#08080e; --muted:#bcb9c9; }
.v6 h1,.v6 h2,.v6 h3 { text-wrap:balance; }
.v6 h1 { max-width:none; font-size:clamp(3.1rem,6.5vw,6.8rem); letter-spacing:-.06em; line-height:1.01; margin:0; }
.v6 h1 em { color:transparent; -webkit-text-stroke:1px #d1b5ff; font-style:normal; }
.v6 .section-pad { padding-top:5rem; padding-bottom:5rem; }
.opening { position:relative; isolation:isolate; padding:8rem 4.5vw 3rem; overflow:hidden; background:radial-gradient(ellipse at 85% 40%,#58298744,transparent 65%); }
.opening-grid { position:absolute; z-index:-1; inset:0; background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px); background-size:48px 48px; }
.opening-topline { display:flex; justify-content:space-between; gap:1rem; align-items:center; margin-bottom:2rem; }
.opening-topline .eyebrow { margin:0; }
.opening-topline>span { color:#bdb4ce; font-size:.75rem; letter-spacing:.13em; }
.opening-head { display:grid; grid-template-columns:1.6fr 1fr; align-items:end; gap:5vw; }
.opening-intro { max-width:430px; padding-bottom:.5rem; }
.opening-intro p { font-size:1.12rem; color:var(--muted); }
.text-link { display:inline-flex; align-items:center; color:var(--cyan); font-weight:700; font-size:1rem; border-bottom:1px solid #78ddeb60; padding:.6rem 0; }
.opening-gallery { display:grid; grid-template-columns:1.25fr .85fr .55fr; gap:1.2rem; align-items:stretch; margin-top:3rem; }
.opening-photo { margin:0; border:1px solid #c2a8e533; background:#101019; position:relative; }
.opening-photo img { width:100%; height:320px; object-fit:contain; display:block; }
.opening-photo.tall { transform:translateY(-1rem); }
.opening-photo figcaption { padding:1rem 1.2rem; border-top:1px solid #ffffff14; }
.opening-photo figcaption span,.opening-photo figcaption small { display:block; color:#b5abc6; font-size:.75rem; }
.opening-photo figcaption strong { display:block; font-size:1.3rem; margin:.4rem 0; }
.opening-stamp { padding:2rem 1.5rem; display:flex; flex-direction:column; justify-content:center; border:1px solid #a184c977; background:linear-gradient(155deg,#482078,#111625); transform:rotate(2deg); }
.opening-stamp span { font-size:.75rem; letter-spacing:.18em; color:#d8c5ff; }
.opening-stamp strong { font-size:clamp(1.8rem,2.6vw,3rem); line-height:1.15; letter-spacing:-.04em; margin:2rem 0; }
.opening-stamp a { color:var(--cyan); font-size:.875rem; }
.service-rail { display:flex; flex-wrap:wrap; justify-content:space-around; gap:1rem; padding:1.5rem 3vw; border-block:1px solid #ffffff20; background:#10111c; }
.service-rail a { font-size:.9375rem; color:#d4cada; padding:.4rem; }
.service-rail a:hover { color:var(--cyan); }
.direction-grid { display:grid; grid-template-columns:1fr 1fr; border:1px solid #ffffff26; }
.direction-controls { display:flex; flex-direction:column; }
.direction-controls button { width:100%; display:flex; align-items:center; gap:1rem; background:#0b0c14; color:#c3bdce; border:0; border-bottom:1px solid #ffffff1c; padding:1.7rem; text-align:left; cursor:pointer; font-size:1.12rem; }
.direction-controls button span { font-size:.875rem; color:#8c80a0; }
.direction-controls button b { margin-left:auto; }
.direction-controls button[aria-pressed=true] { background:#482171; color:#fff; }
.direction-result { padding:3rem; background:radial-gradient(ellipse at 100% 0%,#51308b66,transparent 90%),#11121d; }
.direction-result h3 { font-size:clamp(2.5rem,3.8vw,4rem); letter-spacing:-.05em; margin:1.3rem 0; }
.direction-result>p:not(.eyebrow) { color:var(--muted); }
.direction-result .result-tags { display:flex; gap:.5rem; flex-wrap:wrap; margin:1.5rem 0; }
.direction-result .result-tags span { font-size:.875rem; padding:.45rem .75rem; border:1px solid #ffffff30; }
.discipline-section { background:#10101b; border-block:1px solid #ffffff18; }
.discipline-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; }
.discipline-card { display:flex; flex-direction:column; justify-content:center; padding:3rem; border:1px solid #a47dcc66; background:linear-gradient(130deg,#43226b,#101523); min-height:460px; transition:transform .3s; }
.discipline-card:hover { transform:translateY(-5px); }
.discipline-card>span,.photo-discipline span { color:var(--cyan); font-size:.875rem; }
.discipline-card h3 { font-size:clamp(2.6rem,4.6vw,5rem); margin:1.4rem 0; letter-spacing:-.06em; }
.discipline-card p { color:var(--muted); }
.discipline-card b { color:var(--cyan); margin-top:1rem; }
.photo-discipline { display:grid; grid-template-columns:1fr 1fr; padding:1rem; gap:1.5rem; background:#10131d; }
.photo-discipline img { width:100%; height:400px; object-fit:contain; }
.photo-discipline h3 { font-size:clamp(2rem,3.2vw,3.5rem); }
.quick-track { display:grid; grid-template-columns:repeat(5,minmax(260px,1fr)); gap:1rem; overflow-x:auto; padding-bottom:1.5rem; scroll-snap-type:x proximity; }
.quick-card { padding:1.7rem; border:1px solid #74519c66; background:linear-gradient(140deg,#20152d,#0e111d); scroll-snap-align:start; }
.quick-card h3 { font-size:1.65rem; margin:1rem 0; }
.quick-card p,.quick-card li { color:var(--muted); }
.quick-card ul { padding-left:1.2rem; }
.quick-card li { margin:.65rem 0; font-size:.9375rem; }
.market-band { background:linear-gradient(115deg,#281548,#0b2230); border-block:1px solid #ffffff28; }
.market-band p { max-width:600px; }
.studio-opening { padding:9rem 4.5vw 4rem; display:grid; grid-template-columns:1.2fr 1fr; gap:4rem; align-items:center; background:radial-gradient(ellipse at 10% 20%,#5524874a,transparent 70%); }
.studio-opening h1 { font-size:clamp(3rem,5.8vw,6rem); }
.studio-opening>div>p:not(.eyebrow) { font-size:1.15rem; color:var(--muted); max-width:650px; margin-top:2rem; }
.studio-opening .editorial-media img { height:470px; object-fit:contain; }
.studio-directory { border-top:1px solid #8365a355; }
.studio-service { border-top:0; border-bottom:1px solid #8365a355; margin:0; padding:0; background:#0c0d16; }
.studio-service summary { display:flex; align-items:center; gap:1.8rem; padding:1.7rem; color:white; list-style:none; }
.studio-service summary::-webkit-details-marker { display:none; }
.studio-service h3 { margin:0 0 .45rem; font-size:clamp(1.5rem,2.2vw,2.3rem); }
.studio-service summary p { color:var(--muted); margin:0; font-size:1rem; }
.studio-number { font-size:1rem; color:var(--cyan); }
.expand-sign { margin-left:auto; font-size:2rem; color:var(--cyan); }
.studio-service[open] { background:linear-gradient(120deg,#221531,#0b1220); }
.studio-service[open] .expand-sign { transform:rotate(45deg); }
.studio-panels { padding:0 2rem 1rem 4.8rem; display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; }
.studio-panels h4 { font-size:1.2rem; color:var(--cyan); margin:.5rem 0; }
.studio-panels ul { padding-left:1.2rem; color:var(--muted); }
.studio-panels li { font-size:.9375rem; margin:.75rem 0; }
.studio-service>.text-link { margin:0 2rem 1.5rem 4.8rem; }
.workflow-tabs { display:grid; grid-template-columns:repeat(6,1fr); border:1px solid #ffffff2a; }
.workflow-tabs button { cursor:pointer; padding:1.2rem .5rem; border:0; border-right:1px solid #ffffff22; background:#12111f; color:white; }
.workflow-tabs button small { display:block; font-size:.875rem; margin-bottom:.4rem; color:#b4a0c9; }
.workflow-tabs [aria-pressed=true] { background:#553285; }
.workflow-result { padding:3rem; background:linear-gradient(125deg,#231637,#111d2e); min-height:310px; border:1px solid #8d71b955; }
.workflow-result span { color:var(--cyan); font-size:.875rem; }
.workflow-result h3 { font-size:2.5rem; margin:1rem 0; }
.workflow-result p { max-width:780px; color:var(--muted); }
.workflow-result b { font-size:1rem; font-weight:500; color:#d5bafd; }
.playbook-tools,.brief-fields { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin:1.5rem 0; }
.playbook-tools label,.brief-fields label { font-size:.875rem; color:#cac2d5; display:flex; flex-direction:column; gap:.5rem; }
.v6 select,.v6 input { width:100%; font:inherit; font-size:1rem; color:#fff; border:1px solid #8c73a366; background:#12131f; padding:1rem; border-radius:0; }
.v6 select option { background:#12131f; }
.playbook-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; align-items:start; }
.playbook-card { margin:0; padding:1.5rem; background:#12121e; border:1px solid #ffffff21; }
.playbook-card summary { list-style:none; color:#fff; }
.playbook-card summary::-webkit-details-marker { display:none; }
.playbook-card summary>span { color:var(--cyan); font-size:.75rem; letter-spacing:.06em; }
.playbook-card h3 { font-size:1.5rem; line-height:1.25; margin:1rem 0; }
.playbook-card p { color:var(--muted); font-size:.9375rem; line-height:1.6; }
.playbook-card b { color:#d3b6ff; font-size:.875rem; }
.playbook-card ol { padding-left:1.3rem; color:#c4bfd0; }
.playbook-card li { margin:.8rem 0; }
.playbook-card dt { color:var(--cyan); margin:.8rem 0 .3rem; font-size:.875rem; }
.playbook-card dd { margin:0; color:#c8c1d4; font-size:.9375rem; }
.playbook-card[open] { border-color:#9f73d4; }
.programme-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.programme-grid article { border:1px solid #8466a466; padding:1.5rem; background:linear-gradient(150deg,#251735,#0d111c); }
.programme-grid h3 { font-size:1.6rem; margin-top:0; }
.programme-grid strong { font-size:1rem; color:#d4b9ff; }
.programme-grid p { color:var(--muted); }
.brief-section { background:linear-gradient(120deg,#281641,#0c2230); }
.brief-fields { grid-template-columns:repeat(4,1fr); }
#brief-result { padding:2rem; background:#0c101c; border:1px solid #bb92e6; margin-top:2rem; }
#brief-result pre { white-space:pre-wrap; font:inherit; line-height:1.7; }
#brief-result .brief-actions { display:flex; flex-wrap:wrap; gap:1rem; }
.contact-jump { display:block; padding:2rem; text-align:center; color:var(--cyan); background:#13111e; }
.v6 .contact h2 { max-width:900px; }
@media (max-width:1100px) { .opening-head { gap:2rem; }.opening-gallery { grid-template-columns:1.2fr 1fr; }.opening-stamp { display:none; }.programme-grid,.brief-fields { grid-template-columns:repeat(2,1fr); }.photo-discipline { grid-template-columns:1fr; }.photo-discipline img { height:270px; }.studio-opening { gap:2rem; }.playbook-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:800px) { .opening-head,.direction-grid,.discipline-grid,.studio-opening { grid-template-columns:1fr; }.opening-intro { max-width:none; }.opening-topline { align-items:flex-start; flex-direction:column; }.opening-gallery { margin-top:2rem; }.opening-photo img { height:300px; }.opening-photo.tall { transform:none; }.studio-panels { grid-template-columns:1fr; padding:0 1.5rem 1rem; gap:.5rem; }.studio-service summary { padding:1.4rem 1rem; gap:.8rem; }.studio-service>.text-link { margin-left:1.5rem; }.playbook-tools { grid-template-columns:1fr; }.workflow-tabs { grid-template-columns:repeat(3,1fr); }.direction-result { padding:2rem; }.opening h1 { font-size:clamp(3rem,9vw,5.5rem); }.studio-opening { padding-top:8rem; }.opening { padding-top:7.5rem; }.photo-discipline { grid-template-columns:1fr 1fr; }.photo-discipline img { height:340px; } }
@media (max-width:540px) { .opening-gallery,.playbook-grid,.programme-grid,.brief-fields { grid-template-columns:1fr; }.opening-photo.wide img { height:auto; }.opening-photo.tall img { height:360px; }.photo-discipline { grid-template-columns:1fr; }.opening-photo figcaption strong { font-size:1.15rem; }.workflow-result { padding:1.5rem; }.workflow-result h3 { font-size:2rem; }.v6 .section-pad { padding-top:3.5rem; padding-bottom:3.5rem; }.discipline-card { padding:1.6rem; }.opening-topline>span { font-size:.75rem; }.studio-opening h1 { font-size:3.2rem; }.studio-service h3 { font-size:1.4rem; } }
@media (prefers-reduced-motion:no-preference) { .opening-head { animation:frame-in .6s ease both; }.opening-gallery { animation:frame-in .8s ease both; }.opening-stamp { animation:stamp-float 7s ease-in-out infinite alternate; }@keyframes stamp-float { from{transform:translateY(0) rotate(2deg)}to{transform:translateY(-9px) rotate(0deg)} } }
.format-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.format-grid article { padding:1.4rem; border:1px solid #8466a455; background:#13121f; }
.format-grid h3 { font-size:1.35rem; margin:.5rem 0 1rem; }
.format-grid p { color:var(--muted); font-size:.9375rem; }
.format-grid b { color:#cdb1f0; font-size:.875rem; font-weight:500; }
#ideas-more { margin-top:1.5rem; }
@media(max-width:1000px){.format-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:540px){.format-grid{grid-template-columns:1fr;}}