/*
Theme Name: RAYZ Studio
Description: Editorial block theme for RAYZ Studio. Homepage design preview, version 0.1.
Version: 0.5.3
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: rayz-studio
*/
:root{--paper:#f7f7f2;--ink:#181918;--muted:#686a65;--line:#d5d6ce;--gutter:clamp(22px,4.4vw,84px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:6px}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}button,input,textarea{font:inherit}p,h1,h2,h3,figure{margin:0}img{display:block;max-width:100%;height:auto}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.05em}h1,h2,h3{font-weight:400;line-height:1.02;letter-spacing:-.055em}.wp-site-blocks>*{margin-block-start:0}.wp-block-group{margin-block-start:0}.site-header{padding:26px var(--gutter);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{width:112px;margin:0}.logo img{width:100%;height:auto}.nav{display:flex;gap:36px;font-size:14px}.nav-contact{font-size:14px}.hero{padding:65px var(--gutter) 38px}.eyebrow{font-family:'Courier New',monospace;font-size:12px;line-height:1.55;letter-spacing:.075em}.hero-title{font-size:clamp(76px,12.4vw,190px);line-height:.89;margin:42px 0 46px;letter-spacing:-.055em}.hero-title em{display:inline-block;padding-left:24vw}.hero-bottom{display:grid;grid-template-columns:1.25fr 1fr auto;align-items:end;gap:25px}.hero-description{font-size:19px;line-height:1.4}.disciplines{color:var(--muted)}.text-link{font-size:14px}.cover{margin:0 var(--gutter)}.hero-image{overflow:hidden;background:#b6b2a7}.hero-image img{width:100%;height:clamp(320px,45vw,680px);object-fit:cover}.image-caption{display:flex;justify-content:space-between;align-items:center;padding-top:13px}.caption{font-family:Georgia,serif;font-size:17px;font-style:italic}.section{padding:110px var(--gutter)}.intro{display:grid;grid-template-columns:1fr 2fr;gap:35px}.section-title{font-size:clamp(43px,5.2vw,78px)}.intro-copy{max-width:565px;margin:30px 0 24px;font-size:19px;line-height:1.6;color:#4c4e49}.work{padding-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px;gap:30px}.section-heading>.eyebrow{text-align:right;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;align-items:start}.project-two{margin-top:170px}.project-image{overflow:hidden;background:#171817}.project-image img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform 900ms cubic-bezier(.2,.65,.3,1)}.project-two .project-image img{aspect-ratio:4/5;object-position:50%}.project:hover img{transform:scale(1.035)}.project-caption{padding-top:21px}.project-caption h3{font-size:24px;letter-spacing:-.035em;margin-bottom:10px}.project-caption .eyebrow{color:var(--muted)} .services{background:#eeeee8;display:grid;grid-template-columns:.85fr 1.65fr;gap:6vw;align-items:start}.services-heading{position:sticky;top:45px}.services-heading .section-title{font-size:clamp(45px,5.2vw,80px);line-height:1.05;margin:35px 0 28px}.services-intro{font-size:17px;line-height:1.6;max-width:260px;color:#555850;margin-bottom:28px}.service-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #afb3a7}.service-panel{padding:30px 28px 35px 0;display:flex;flex-direction:column;min-height:410px;border-bottom:1px solid #afb3a7}.service-panel:nth-child(even){border-inline-start:1px solid #afb3a7;padding-inline:28px 0}.service-panel:nth-child(odd){padding-inline-end:28px}.service-number{font-family:Georgia,serif;font-size:58px;line-height:1;font-style:italic;letter-spacing:-.06em;color:#747b6c;margin-bottom:40px}.service-panel h3{font-size:clamp(26px,2.7vw,42px);line-height:1.08;letter-spacing:-.045em;margin-bottom:22px}.service-copy{font-size:16px;line-height:1.6;color:#4e524a;max-width:310px;margin-bottom:28px}.service-deliverables{font-family:'Courier New',monospace;font-size:12px;line-height:1.7;letter-spacing:0;margin-top:auto;color:#51564b}.service-panel{transition:background-color .3s}.service-panel:hover{background:#e7e9e0}.studio{background:#1c201d;color:#f4f5ed}.studio-title{font-size:clamp(48px,7.7vw,114px);margin:65px 0 75px}.studio-bottom{display:grid;grid-template-columns:1fr 1fr;gap:70px}.axis{width:150px;filter:invert(1);opacity:.8;align-self:end}.studio-bottom>div{max-width:580px}.studio-lead{font-size:28px;line-height:1.2;letter-spacing:-.03em;margin-bottom:26px}.studio-bottom p:not(.studio-lead){color:#b9bfb7;margin-top:18px;font-size:17px}.contact{position:relative;padding-bottom:100px}.contact-title{font-size:clamp(65px,10vw,150px);margin:45px 0 35px}.contact-copy{color:var(--muted)}.contact-email{margin-top:14px;font-size:15px}.enquiry-button{width:fit-content;border:0;border-bottom:1px solid var(--ink);background:none;padding:15px 0;min-width:250px;display:flex;justify-content:space-between;gap:50px;cursor:pointer;margin-top:30px}.enquiry-button span{font-size:28px}.site-footer{margin:0 var(--gutter);border-top:1px solid var(--line);padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.copyright{font-size:13px;color:var(--muted)}.skip-link{position:absolute;left:20px;top:-80px;z-index:100;background:#fff;padding:10px}.skip-link:focus{top:10px}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.js-motion .reveal.visible{opacity:1;transform:none}.preview-note{background:#e9eae3;padding:8px 20px;text-align:center;font-size:12px}.dialog{border:1px solid var(--line);max-width:600px;width:calc(100% - 40px);padding:35px;background:var(--paper);color:var(--ink)}.dialog::backdrop{background:#0009}.dialog h2{font-size:42px;margin:20px 0}.dialog p{font-size:16px}.dialog button{background:none;border:1px solid #aaa;padding:10px 20px;cursor:pointer;margin-top:25px}.dialog-close{float:right}.dialog form{display:grid;gap:12px;margin-top:20px}.dialog label{font-size:14px}.dialog input,.dialog textarea{display:block;width:100%;border:1px solid #aeb1a8;background:transparent;padding:10px}.dialog textarea{min-height:110px}.dialog [role=status]{margin-top:15px}.dialog small{color:var(--muted)}[dir=rtl] .hero-title em{padding-left:0;padding-right:24vw}
@media(min-width:1500px){.site-main,.site-header,.site-footer{max-width:1800px;margin-inline:auto}}
@media(max-width:800px){.hero{padding-top:45px}.hero-title{font-size:clamp(68px,14vw,112px);margin:40px 0}.hero-title em{padding-left:10vw}.hero-bottom{grid-template-columns:1fr auto}.disciplines{display:none}.hero-description{font-size:16px}.section{padding:70px var(--gutter)}.intro{grid-template-columns:1fr;gap:30px}.intro-copy{font-size:17px}.project-grid{gap:25px}.project-two{margin-top:100px}.project-caption h3{font-size:21px}.services{grid-template-columns:1fr;gap:40px}.services-heading{position:static;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.services-heading>.eyebrow{grid-column:1/-1}.services-heading .section-title{grid-row:2/4;margin-bottom:0}.services-intro{margin-top:35px}.services-heading .text-link{align-self:end}.service-panel{min-height:370px}.service-panel h3{font-size:34px}.studio-bottom{gap:35px}.axis{width:100px}.studio-title{margin:40px 0 50px}.site-footer .eyebrow{display:none}.section-heading>.eyebrow{max-width:150px}.nav{gap:20px}}
@media(max-width:520px){.services-heading{display:block}.services-heading .section-title{font-size:53px}.services-intro{margin-top:24px;max-width:300px}.service-grid{grid-template-columns:1fr}.service-panel,.service-panel:nth-child(even),.service-panel:nth-child(odd){padding:28px 0;min-height:0;border-inline-start:0}.service-number{font-size:45px;margin-bottom:25px}.service-panel h3{font-size:38px}.service-copy{max-width:none;margin-bottom:22px}.service-deliverables{font-size:12px}.site-header{padding-block:20px}.logo{width:92px}.nav{gap:16px;font-size:13px}.nav-contact{display:none}.header-inner{gap:20px}.hero>.eyebrow{font-size:10px;letter-spacing:.03em}.hero-title{font-size:19vw;letter-spacing:-.055em}.hero-title em{padding-left:7vw}.hero-bottom{gap:15px}.hero-description{font-size:15px}.hero-bottom .text-link{font-size:12px;white-space:nowrap}.image-caption .caption{display:none}.hero-image img{height:350px}.image-caption .eyebrow{font-size:10px}.section-title{font-size:44px}.section-heading{display:block;margin-bottom:32px}.section-heading>.eyebrow{margin-top:22px;text-align:left;max-width:none}.project-grid{grid-template-columns:1fr;gap:40px}.project-two{margin-top:0}.project-image img,.project-two .project-image img{aspect-ratio:1/1}.studio-bottom{grid-template-columns:1fr}.axis{width:75px}.studio-title{font-size:49px}.contact-title{font-size:19vw}.site-footer{padding-block:25px}.copyright{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.js-motion .reveal{opacity:1;transform:none}}

.portfolio-grid{grid-template-columns:1fr 1fr;gap:65px 5vw}.portfolio-grid .project:nth-child(2){margin-top:110px}.portfolio-grid .project:nth-child(3){margin-top:0}.portfolio-grid .project:nth-child(4){margin-top:110px}.portfolio-grid .project-image img{aspect-ratio:4/3}.portfolio-grid .project:nth-child(3) .project-image img{aspect-ratio:4/3}.project-tagline{font-family:Georgia,serif;font-size:19px;margin:8px 0 12px}.project-caption h3{font-size:30px}.case-page{padding:60px var(--gutter) 85px;max-width:1700px;margin:auto}.case-back{font-size:14px;margin-bottom:35px}.case-title{font-size:clamp(65px,10vw,140px);margin-bottom:30px}.case-meta{display:flex;flex-wrap:wrap;gap:12px 35px;padding:20px 0;border-top:1px solid var(--line);margin-bottom:20px}.case-cover img,.case-image img{width:100%;height:auto;object-fit:contain}.case-cover{margin-bottom:70px}.case-lead{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin-bottom:70px}.case-line{font-family:Georgia,serif;font-size:clamp(38px,4.8vw,72px);line-height:1.1;letter-spacing:-.045em}.case-intro{font-size:20px;line-height:1.6}.case-story{margin-bottom:65px}.case-story-row{display:grid;grid-template-columns:1fr 2fr;gap:6vw;padding:35px 0;border-top:1px solid var(--line)}.case-story-row>p:not(.eyebrow){font-size:19px;max-width:750px}.case-image{margin:25px 0}.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.case-pair .case-image{margin:0}.case-identity{margin:55px 0 35px}.case-credits{display:flex;justify-content:space-between;gap:25px;padding:22px 0;border-top:1px solid var(--line)}.case-note{font-size:13px;color:var(--muted)}.case-next{margin-top:65px;border-top:1px solid var(--line);padding-top:25px}.case-next a{display:block;font-family:Georgia,serif;font-size:45px;margin-top:15px}.case-page .wp-block-post-featured-image img{width:100%;height:auto}.case-page>.wp-block-post-title{font-size:clamp(65px,10vw,140px);margin-bottom:30px}
@media(max-width:700px){.portfolio-grid{grid-template-columns:1fr;gap:35px}.portfolio-grid .project:nth-child(n){width:100%;margin:0;grid-column:auto}.portfolio-grid .project:nth-child(3) .project-image img{aspect-ratio:4/3}.case-page{padding-top:35px}.case-title{font-size:60px}.case-lead,.case-story-row{grid-template-columns:1fr;gap:25px}.case-lead{margin-bottom:40px}.case-intro,.case-story-row>p:not(.eyebrow){font-size:17px}.case-cover{margin-bottom:40px}.case-pair{grid-template-columns:1fr;gap:0}.case-pair .case-image{margin:12px 0}.case-credits{display:block}.case-note{margin:10px 0}.case-next a{font-size:37px}}

.case-page:has(.iec-case){max-width:1440px;padding-top:42px}.case-page:has(.iec-case) .case-back{margin-bottom:24px}.case-page:has(.iec-case) .case-title{font-size:clamp(62px,7vw,96px);margin-bottom:18px}.iec-case .case-meta{justify-content:space-between;align-items:center;gap:14px 30px;border-top:0;padding:0 0 30px;margin:0}.iec-client{font-size:16px;color:#55574f}.iec-meta{font-size:13px;color:#6b6d64}.iec-brand-stage{background:#191919;min-height:410px;display:flex;align-items:center;justify-content:center;padding:80px 70px;margin-bottom:85px}.iec-logo{width:52%;max-width:570px;filter:invert(1);mix-blend-mode:screen}.iec-logo img{width:100%}.iec-lead{gap:8vw;margin-bottom:55px}.iec-lead .case-line{font-size:clamp(34px,3.8vw,55px);line-height:1.15}.iec-lead .case-intro{font-size:18px;line-height:1.7}.iec-text{font-size:17px;line-height:1.7;color:#5b5d54;max-width:620px;margin-top:18px}.iec-palette{display:grid;grid-template-columns:2fr 1fr 1fr;border:1px solid #dedfd7;margin-bottom:80px}.iec-swatch{height:145px;padding:22px;display:flex;flex-direction:column;justify-content:end;gap:3px}.iec-swatch-name{font-size:16px}.iec-code{font-size:12px;letter-spacing:.04em}.iec-white{background:#f7f7f7}.iec-lime{background:#b5d448}.iec-charcoal{background:#191919;color:#f7f7f7}.iec-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start;margin:65px 0 28px}.iec-section-heading .iec-text{margin:0}.iec-section-title{font-size:clamp(30px,3vw,43px);line-height:1.2;letter-spacing:-.04em}.iec-types{border-top:1px solid var(--line)}.iec-type-row{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:6vw;padding:30px 0;border-bottom:1px solid var(--line)}.iec-type-label h3{font-size:22px;letter-spacing:-.025em}.iec-type-role{font-size:13px;color:#6b6d64;margin-top:8px}.iec-type-sample{width:100%;max-width:480px;justify-self:end;mix-blend-mode:multiply}.iec-type-sample img{width:100%}.iec-visual-heading{margin-top:85px}.iec-social{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:35px 0 65px;align-items:stretch}.iec-graphic{height:400px;background:#e6e7e2;padding:38px;display:flex;align-items:center;justify-content:center}.iec-graphic img{width:100%;max-height:100%;object-fit:contain}.iec-case .case-credits{padding-top:20px}.iec-case .case-note{font-size:12px}.portfolio-grid .project-iec .project-image{background:#191919;padding:70px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}.portfolio-grid .project-iec .project-image a{display:block;width:100%}.portfolio-grid .project-iec .project-image img{aspect-ratio:auto;object-fit:contain;filter:invert(1);mix-blend-mode:screen}.portfolio-grid .project-iec:hover img{transform:none}
@media(max-width:700px){.iec-case .case-meta{display:block;padding-bottom:22px}.iec-client{font-size:15px}.iec-meta{margin-top:8px;font-size:12px}.iec-brand-stage{min-height:250px;padding:40px 25px;margin-bottom:45px}.iec-logo{width:80%}.iec-lead{gap:22px;margin-bottom:35px}.iec-lead .case-line{font-size:35px}.iec-lead .case-intro{font-size:17px}.iec-text{font-size:16px}.iec-palette{grid-template-columns:1fr 1fr 1fr;margin-bottom:45px}.iec-swatch{height:115px;padding:13px;gap:6px}.iec-swatch-name{font-size:14px}.iec-code{font-size:10px}.iec-section-heading{grid-template-columns:1fr;gap:14px;margin-top:45px}.iec-section-title{font-size:31px}.iec-type-row{grid-template-columns:1fr;gap:24px;padding-block:25px}.iec-type-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.iec-type-label h3{font-size:21px}.iec-type-role{margin:0}.iec-type-sample{max-width:100%;justify-self:start}.iec-social{gap:14px;margin-bottom:40px}.iec-graphic{height:210px;padding:16px}.portfolio-grid .project-iec .project-image{padding:45px}}

.iec-brand-stage{min-height:240px;padding:55px 60px;margin-bottom:65px;background:#edeee8}.iec-logo{width:35%;max-width:360px;filter:none;mix-blend-mode:multiply}.iec-social{grid-template-columns:1fr 1.25fr;gap:6vw;align-items:start;margin-top:40px;margin-bottom:70px}.iec-visual-primary{max-width:420px}.iec-visual-secondary{margin-top:90px}.iec-graphic{height:auto;padding:0;background:none;display:block}.iec-graphic img{width:100%;height:auto;max-height:none;object-fit:contain}.iec-graphic-caption{font-size:12px;line-height:1.6;color:#676961;border-top:1px solid var(--line);padding-top:14px;margin-top:18px}.iec-visual-heading{padding-top:34px;border-top:1px solid var(--line)}
@media(max-width:700px){.iec-brand-stage{min-height:170px;padding:38px 25px;margin-bottom:40px}.iec-logo{width:60%;max-width:250px}.iec-social{grid-template-columns:1fr;gap:30px;margin-top:25px}.iec-visual-primary{width:78%;max-width:none}.iec-visual-secondary{width:88%;margin-top:0;margin-left:auto}.iec-graphic-caption{font-size:12px;padding-top:10px;margin-top:12px}}

.case-page:has(.iec-case) .case-title{font-size:clamp(42px,5.6vw,80px);line-height:1.08;max-width:1000px;letter-spacing:-.05em}.iec-references{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:35px}.iec-reference-image img{width:100%;aspect-ratio:3/4;object-fit:cover}.iec-reference h3{font-size:24px;margin:22px 0 10px;letter-spacing:-.025em}.iec-reference-copy{font-size:15px;color:#64665e;line-height:1.65;max-width:300px}.iec-reference-note{font-size:12px;line-height:1.7;color:#777a70;margin-top:28px;max-width:640px}.iec-comparison{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:35px 0 65px;align-items:start}.iec-compare-source{width:83%}.iec-compare-result{margin-top:65px}.iec-compare-image img{width:100%;aspect-ratio:1/1;object-fit:cover}.iec-compare-source .iec-compare-image img{object-position:50% 10%}
@media(max-width:700px){.case-page:has(.iec-case) .case-title{font-size:44px}.iec-references{grid-template-columns:1fr;gap:30px}.iec-reference{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.iec-reference-image{grid-row:1/3}.iec-reference h3{align-self:end;font-size:22px;margin:0}.iec-reference-copy{font-size:14px}.iec-reference-note{font-size:12px}.iec-comparison{gap:20px}.iec-compare-source{width:100%}.iec-compare-result{margin-top:45px}}
.work .section-heading{border-top:1px solid var(--line);padding-top:30px;margin-bottom:45px}.work .section-heading h2{font-size:clamp(44px,5vw,72px)}.portfolio-grid{grid-template-columns:1fr 1fr;gap:58px 35px;align-items:start}.portfolio-grid .project:nth-child(n){width:100%;margin:0;grid-column:auto}.portfolio-grid .project-image{margin:0;overflow:hidden;background:#e9e9e4}.portfolio-grid .project-image img,.portfolio-grid .project:nth-child(3) .project-image img{width:100%;aspect-ratio:16/11;object-fit:cover;transform:none;transition:none}.portfolio-grid .project:hover img{transform:none}.portfolio-grid .project-caption{padding:22px 0 0;border-top:0}.portfolio-grid .project-caption h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(25px,2.5vw,37px);line-height:1.2;letter-spacing:-.035em;margin:0}.portfolio-grid .project-caption h3 a{text-decoration:none}.portfolio-grid .project-caption h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.portfolio-grid .project-tagline{font-family:Arial,Helvetica,sans-serif;font-size:15px;color:#64665e;margin:10px 0 14px;line-height:1.5}.portfolio-grid .project-caption .eyebrow{font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:.1em;color:#72756b}.portfolio-grid .project-iec .project-image{aspect-ratio:16/11;padding:70px;background:#e9ebe3}.portfolio-grid .project-iec .project-image img{aspect-ratio:auto;filter:none;mix-blend-mode:multiply;width:100%;object-fit:contain}.portfolio-grid .project-iec .project-image a{width:85%}
@media(max-width:700px){.portfolio-grid{gap:38px 22px}.portfolio-grid .project-caption h3{font-size:27px}.portfolio-grid .project-iec .project-image{padding:30px}.portfolio-grid .project-tagline{font-size:14px}.portfolio-grid .project-caption .eyebrow{font-size:10px}.work .section-heading>.eyebrow{font-size:10px}}
@media(max-width:520px){.portfolio-grid{grid-template-columns:1fr}.portfolio-grid .project-iec .project-image{padding:48px}.portfolio-grid .project-caption{padding-top:18px}}
.portfolio-grid .wp-block-post-title{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(25px,2.5vw,37px);line-height:1.2;letter-spacing:-.035em;margin:22px 0 10px}.portfolio-grid .wp-block-post-title a{text-decoration:none}.portfolio-grid .wp-block-post-featured-image{margin:0;background:#e9ebe3}.portfolio-grid .wp-block-post-featured-image img{aspect-ratio:16/11;object-fit:cover}.portfolio-grid .wp-block-post-excerpt{font-family:Arial,Helvetica,sans-serif;font-size:15px;color:#64665e;line-height:1.5}
/* Editorial project index */
.work .section-heading{align-items:end;margin-bottom:48px}.portfolio-grid{display:grid;grid-template-columns:1fr!important;gap:0}.portfolio-grid .project:nth-child(n){display:grid;grid-template-columns:1fr 1.85fr;gap:6vw;align-items:center;margin:0;padding:38px 0;border-top:1px solid var(--line)}.portfolio-grid .project-image{grid-column:2;grid-row:1}.portfolio-grid .project-caption{grid-column:1;grid-row:1;padding:0;display:flex;flex-direction:column;align-items:start}.portfolio-grid .project-caption h3{font-size:clamp(30px,3.4vw,49px);line-height:1.08;letter-spacing:-.045em}.portfolio-grid .project-index{font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:.1em;color:#717569;margin:0 0 32px}.portfolio-grid .project-tagline{font-size:16px;line-height:1.6;margin:19px 0 30px}.project-explore{font-size:13px;border-bottom:1px solid #91958a;padding-bottom:7px}.portfolio-grid .project-image img,.portfolio-grid .project:nth-child(3) .project-image img{aspect-ratio:16/10;width:100%;object-fit:cover}.portfolio-grid .project-iec .project-image{padding:0;aspect-ratio:auto;display:block;background:#e9ebe3}.portfolio-grid .project-iec .project-image a{width:100%}.portfolio-grid .project-iec .project-image img{aspect-ratio:16/10;width:100%;filter:none;mix-blend-mode:normal;object-fit:cover}.portfolio-grid .wp-block-post{display:grid;grid-template-columns:1fr 1.85fr;column-gap:6vw;padding:38px 0;border-top:1px solid var(--line);align-content:center}.portfolio-grid .wp-block-post-featured-image{grid-column:2;grid-row:1/3}.portfolio-grid .wp-block-post-featured-image img{aspect-ratio:16/10}.portfolio-grid .wp-block-post-title{grid-column:1;grid-row:1;align-self:end;font-size:clamp(30px,3.4vw,49px)}.portfolio-grid .wp-block-post-excerpt{grid-column:1;grid-row:2}
@media(max-width:700px){.portfolio-grid .project:nth-child(n),.portfolio-grid .wp-block-post{grid-template-columns:1fr;gap:23px;padding:28px 0 35px}.portfolio-grid .project-image,.portfolio-grid .wp-block-post-featured-image{grid-column:1;grid-row:1}.portfolio-grid .project-caption{grid-column:1;grid-row:2}.portfolio-grid .project-index{margin-bottom:16px;font-size:9px}.portfolio-grid .project-caption h3,.portfolio-grid .wp-block-post-title{font-size:32px}.portfolio-grid .project-tagline{margin:12px 0 18px;font-size:14px}.portfolio-grid .wp-block-post-title{grid-row:2;margin:0}.portfolio-grid .wp-block-post-excerpt{grid-row:3}.work .section-heading{margin-bottom:24px}.portfolio-grid .project-iec .project-image{padding:0}}
/* Asymmetric editorial work grid */
.portfolio-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))!important;column-gap:3vw;row-gap:95px;align-items:start}.portfolio-grid .project:nth-child(n){display:block;padding:0;border:0;margin:0;width:auto;min-width:0}.portfolio-grid .project:nth-child(1){grid-column:1/8}.portfolio-grid .project:nth-child(2){grid-column:9/13;margin-top:160px}.portfolio-grid .project:nth-child(3){grid-column:2/7;margin-top:-65px}.portfolio-grid .project:nth-child(4){grid-column:8/13;margin-top:95px}.portfolio-grid .project-caption{display:block;padding-top:22px}.portfolio-grid .project-index{margin:0 0 13px}.portfolio-grid .project-caption h3{font-size:clamp(28px,3vw,43px);line-height:1.12}.portfolio-grid .project-tagline{margin:12px 0 0;font-size:15px}.portfolio-grid .project-explore{display:none}.portfolio-grid .project:nth-child(1) .project-image img{aspect-ratio:4/3}.portfolio-grid .project:nth-child(2) .project-image img{aspect-ratio:4/5;object-position:53% center}.portfolio-grid .project:nth-child(3) .project-image img{aspect-ratio:1/1}.portfolio-grid .project:nth-child(4) .project-image img{aspect-ratio:4/5;object-position:48% center}.portfolio-grid .wp-block-post{display:block;min-width:0;padding:0;border:0}.portfolio-grid .wp-block-post:nth-child(4n+1){grid-column:1/8}.portfolio-grid .wp-block-post:nth-child(4n+2){grid-column:9/13;margin-top:160px}.portfolio-grid .wp-block-post:nth-child(4n+3){grid-column:2/7;margin-top:-65px}.portfolio-grid .wp-block-post:nth-child(4n+4){grid-column:8/13;margin-top:95px}.portfolio-grid .wp-block-post-title{font-size:clamp(28px,3vw,43px);line-height:1.12;margin:22px 0 12px}.portfolio-grid .wp-block-post:nth-child(4n+1) img{aspect-ratio:4/3}.portfolio-grid .wp-block-post:nth-child(4n+2) img,.portfolio-grid .wp-block-post:nth-child(4n+4) img{aspect-ratio:4/5}.portfolio-grid .wp-block-post:nth-child(4n+3) img{aspect-ratio:1/1}
@media(max-width:800px){.portfolio-grid{column-gap:5vw;row-gap:65px}.portfolio-grid .project:nth-child(2),.portfolio-grid .wp-block-post:nth-child(4n+2){grid-column:8/13;margin-top:100px}.portfolio-grid .project:nth-child(3),.portfolio-grid .wp-block-post:nth-child(4n+3){grid-column:1/7;margin-top:-25px}.portfolio-grid .project:nth-child(4),.portfolio-grid .wp-block-post:nth-child(4n+4){grid-column:8/13;margin-top:65px}.portfolio-grid .project-caption h3,.portfolio-grid .wp-block-post-title{font-size:28px}}
@media(max-width:520px){.portfolio-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;column-gap:0;row-gap:42px}.portfolio-grid .project:nth-child(n),.portfolio-grid .wp-block-post:nth-child(n){margin:0;padding:0;grid-column:1/13}.portfolio-grid .project:nth-child(2),.portfolio-grid .wp-block-post:nth-child(4n+2){grid-column:3/13}.portfolio-grid .project:nth-child(3),.portfolio-grid .wp-block-post:nth-child(4n+3){grid-column:1/12}.portfolio-grid .project:nth-child(4),.portfolio-grid .wp-block-post:nth-child(4n+4){grid-column:2/13}.portfolio-grid .project-caption{padding-top:17px}.portfolio-grid .project-caption h3,.portfolio-grid .wp-block-post-title{font-size:29px}.portfolio-grid .project-index{font-size:9px;margin-bottom:10px}.portfolio-grid .project-tagline{font-size:14px;margin-top:10px}}
.studio-page{max-width:1700px;margin:auto}.studio-opening{padding:70px var(--gutter) 65px}.studio-page-title{font-size:clamp(65px,9.5vw,142px);line-height:1.02;margin:45px 0 55px}.studio-page-title em{padding-left:9vw}.studio-opening-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.studio-disciplines{font-size:16px;color:var(--muted)}.studio-page-intro{font-size:clamp(20px,2vw,28px);line-height:1.5;max-width:650px;letter-spacing:-.025em}.studio-visual{margin:0 var(--gutter)}.studio-page-image img{width:100%;max-height:720px;object-fit:cover}.studio-visual>.eyebrow{margin-top:15px;color:var(--muted);font-size:10px}.studio-editorial{display:grid;grid-template-columns:1fr 2fr;gap:6vw;padding:110px var(--gutter)}.studio-page h2{font-size:clamp(44px,5.4vw,78px);line-height:1.08}.studio-editorial-copy>p{max-width:680px;margin-top:28px;font-size:20px;line-height:1.65;color:#54584f}.studio-background{background:#1c201d;color:#f4f5ed;padding:85px var(--gutter);display:grid;grid-template-columns:1.3fr 1fr;gap:8vw}.studio-background h2{margin:36px 0}.studio-background-copy>p:last-child{max-width:610px;color:#b9bfb7;line-height:1.75}.studio-mark-field{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #50564d;min-height:380px;gap:55px}.studio-page-mark{width:100px;filter:invert(1)}.studio-mark-field .eyebrow{font-size:10px;color:#b9bfb7}.studio-approach{padding:110px var(--gutter)}.studio-approach-title{display:grid;grid-template-columns:1fr 2fr;gap:6vw;margin-bottom:65px}.studio-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.studio-step{border-top:1px solid var(--line);padding-top:22px}.studio-step .eyebrow{color:var(--muted)}.studio-step h3{font-size:27px;line-height:1.2;margin:40px 0 18px}.studio-step>p:last-child{font-size:16px;color:#54584f;line-height:1.7}.studio-ecosystem{background:#eeeee8}.studio-connections{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:50px}.studio-connection{border-top:1px solid var(--line);padding-top:24px}.studio-connection h3{font-size:30px;margin-bottom:16px}.studio-connection p{font-size:14px;color:#54584f;line-height:1.7;margin-top:12px}.studio-connection h3+p{color:var(--ink)}.studio-page-contact{padding:100px var(--gutter);text-align:center}.studio-page-contact h2{font-size:clamp(65px,8vw,118px);margin:38px 0 30px}.studio-page-contact>p:not(.eyebrow){max-width:550px;margin:20px auto}.studio-page-cta a{display:inline-block;border-bottom:1px solid;padding-bottom:8px}.nav [aria-current=page]{text-decoration:underline;text-underline-offset:6px}
@media(max-width:800px){.studio-opening{padding-top:45px}.studio-editorial,.studio-approach-title{grid-template-columns:1fr;gap:30px}.studio-editorial,.studio-approach{padding:70px var(--gutter)}.studio-background{grid-template-columns:1fr;padding:65px var(--gutter)}.studio-mark-field{min-height:270px}.studio-steps{grid-template-columns:1fr 1fr;gap:40px 28px}.studio-page-title em{padding-left:0}.studio-editorial-copy>p{font-size:18px}}
@media(max-width:520px){.studio-opening{padding-bottom:40px}.studio-page-title{font-size:16vw;margin:32px 0}.studio-opening-bottom{grid-template-columns:1fr;gap:25px}.studio-disciplines{font-size:14px}.studio-page-intro{font-size:20px}.studio-page-image img{height:340px;object-fit:cover}.studio-page h2{font-size:44px}.studio-steps,.studio-connections{grid-template-columns:1fr}.studio-step h3{margin-top:23px}.studio-page-contact{padding:70px var(--gutter)}.studio-page-contact h2{font-size:60px}.studio-page-contact>.eyebrow{font-size:10px}.studio-mark-field{min-height:240px}.studio-page-mark{width:80px}}
.page-heading{padding:70px var(--gutter) 60px}.page-heading h1{font-size:clamp(65px,9vw,132px);line-height:1.02;margin:34px 0}.page-heading .page-deck{font-size:22px;line-height:1.6;max-width:650px;margin-left:auto;color:#53594f}.work-browser{padding:0 var(--gutter) 100px}.work-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 50px;padding:22px 0;border-block:1px solid var(--line)}.work-filters button{background:transparent;border:1px solid #b6bbae;border-radius:0;padding:10px 16px;font-size:13px;color:inherit;cursor:pointer}.work-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.work-count{font-size:12px;color:var(--muted);margin-bottom:25px}.project[hidden],.portfolio-grid [hidden],[hidden]{display:none!important}.is-filtered .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:50px 4vw}.is-filtered .portfolio-grid .project:nth-child(n){grid-column:auto;margin:0}.is-filtered .portfolio-grid .project-image img{aspect-ratio:4/3}.expertise-intro{margin:0 var(--gutter) 80px;border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:35px}.expertise-intro p{max-width:550px}.expertise-row{padding:65px var(--gutter);display:grid;grid-template-columns:.65fr 1.25fr 1fr;gap:5vw;border-top:1px solid var(--line)}.expertise-row:nth-child(even){background:#eeeee8}.expertise-row h2{font-size:clamp(35px,4vw,58px);line-height:1.12}.expertise-copy>p{color:#53594f;line-height:1.75}.expertise-deliverables{margin-top:25px;font-size:13px;color:var(--ink)!important;line-height:2!important}.expertise-end{padding:90px var(--gutter)}.expertise-end h2{font-size:clamp(45px,6vw,80px);max-width:850px;margin:25px 0}.expertise-end p{max-width:600px;margin-top:25px}.contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:9vw;padding:0 var(--gutter) 100px}.contact-details h2{font-size:32px;margin-bottom:25px}.contact-details p{margin-bottom:22px;max-width:370px;color:#53594f}.contact-details a{overflow-wrap:anywhere}.enquiry-form{border-top:1px solid var(--line);padding-top:28px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.enquiry-form label{display:block;font-size:13px;margin-bottom:25px}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #989e91;border-radius:0;padding:12px 0;color:var(--ink);font-size:16px;line-height:1.5}.enquiry-form textarea{min-height:160px;resize:vertical}.enquiry-form button{background:var(--ink);color:var(--paper);border:0;padding:15px 24px;cursor:pointer}.form-note{font-size:12px;color:#666e60;margin:20px 0;line-height:1.7}.form-status{padding:15px 0;font-size:15px}.form-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.email-draft{display:block;margin-top:18px;text-decoration:underline}.legal-content{padding:0 var(--gutter) 100px;max-width:1000px}.legal-content h2{font-size:30px;margin:35px 0 16px}.legal-content p{color:#53594f;line-height:1.8}.footer-links{display:flex;gap:20px;font-size:12px}.case-next a{font-size:clamp(30px,4vw,45px)}.site-header .logo a,.site-footer .logo a{display:block}.site-header .logo a:focus-visible,.site-footer .logo a:focus-visible{outline-offset:8px}
@media(max-width:800px){.expertise-row{grid-template-columns:1fr 2fr;gap:25px}.expertise-copy{grid-column:2}.contact-layout{grid-template-columns:1fr;gap:35px}.site-footer{flex-wrap:wrap}.page-heading{padding-top:45px}.page-heading .page-deck{font-size:19px}.work-filters{margin-bottom:30px}.expertise-intro{display:block}.expertise-intro p{margin-bottom:22px}}
@media(max-width:520px){.page-heading h1{font-size:17vw}.page-heading{padding-bottom:35px}.expertise-row{display:block;padding:40px var(--gutter)}.expertise-row h2{margin:20px 0}.expertise-row h2{font-size:39px}.expertise-copy{margin-top:25px}.form-pair{grid-template-columns:1fr;gap:0}.contact-layout{padding-bottom:60px}.is-filtered .portfolio-grid{grid-template-columns:1fr!important}.work-filters{gap:8px}.work-filters button{font-size:12px;padding:9px 12px}.expertise-end{padding:60px var(--gutter)}.footer-links{width:100%}}
/* Match native WordPress project headings to the reviewed preview. */
.case-page:has(.iec-case)>.wp-block-post-title{font-size:clamp(42px,6.2vw,80px);line-height:1.08;max-width:1000px;margin-bottom:28px}
@media(max-width:700px){.case-page:has(.iec-case)>.wp-block-post-title{font-size:44px}}
/* Restrained, asymmetric project grid shared by homepage and Work. */
.portfolio-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))!important;column-gap:28px!important;row-gap:64px!important;align-items:start}
.portfolio-grid .project:nth-child(n),.portfolio-grid .wp-block-post:nth-child(n){display:block;min-width:0;width:auto;margin:0;padding:0;border:0}
.portfolio-grid .project:nth-child(4n+1),.portfolio-grid .wp-block-post:nth-child(4n+1){grid-column:1/8}
.portfolio-grid .project:nth-child(4n+2),.portfolio-grid .wp-block-post:nth-child(4n+2){grid-column:8/13;margin-top:80px}
.portfolio-grid .project:nth-child(4n+3),.portfolio-grid .wp-block-post:nth-child(4n+3){grid-column:1/6}
.portfolio-grid .project:nth-child(4n+4),.portfolio-grid .wp-block-post:nth-child(4n+4){grid-column:6/13;margin-top:80px}
.portfolio-grid .project-image,.portfolio-grid .wp-block-post-featured-image{display:block;margin:0;padding:0;overflow:hidden;aspect-ratio:4/3;background:#e7e8e1}
.portfolio-grid .project-image a,.portfolio-grid .wp-block-post-featured-image a{display:block;width:100%}
.portfolio-grid .project:nth-child(n) .project-image img,.portfolio-grid .wp-block-post:nth-child(n) .wp-block-post-featured-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center;filter:none;mix-blend-mode:normal;padding:0;transform:none}
.portfolio-grid .project-caption{display:block;padding-top:17px;border:0}
.portfolio-grid .project-caption h3,.portfolio-grid .wp-block-post-title{font-family:Arial,Helvetica,sans-serif;font-size:clamp(22px,2.05vw,30px);font-weight:400;letter-spacing:-.035em;line-height:1.15;margin:0}
.portfolio-grid .wp-block-post-title{margin-top:17px}
.portfolio-grid .project-tagline,.portfolio-grid .wp-block-post-excerpt{font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.55;color:#686a61;margin:7px 0 0}
.portfolio-grid .wp-block-post-excerpt p{margin:0}
.portfolio-grid .wp-block-post-excerpt__more-link,.portfolio-grid .project-index,.portfolio-grid .project-explore{display:none}
.portfolio-grid .project[hidden]{display:none!important}
.portfolio-grid:has(.project[hidden]) .project:not([hidden]){grid-column:span 6;margin-top:0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.portfolio-grid .project:nth-child(n) .project-image img,.portfolio-grid .wp-block-post:nth-child(n) .wp-block-post-featured-image img{transition:transform .45s cubic-bezier(.2,.7,.3,1)}.portfolio-grid .project:hover .project-image img,.portfolio-grid .wp-block-post:hover .wp-block-post-featured-image img{transform:scale(1.025)}}
@media(max-width:800px){.portfolio-grid{column-gap:22px!important;row-gap:45px!important}.portfolio-grid .project:nth-child(2n),.portfolio-grid .wp-block-post:nth-child(2n){margin-top:50px}}
@media(max-width:520px){.portfolio-grid{column-gap:0!important;row-gap:36px!important}.portfolio-grid .project:nth-child(n),.portfolio-grid .wp-block-post:nth-child(n){grid-column:1/13;margin:0}.portfolio-grid .project:nth-child(2n),.portfolio-grid .wp-block-post:nth-child(2n){grid-column:2/13}.portfolio-grid .project-caption h3,.portfolio-grid .wp-block-post-title{font-size:24px}.portfolio-grid:has(.project[hidden]) .project:not([hidden]){grid-column:1/13}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.portfolio-grid .project-caption,.portfolio-grid .wp-block-post-title,.portfolio-grid .wp-block-post-excerpt{transition:transform .35s ease}.portfolio-grid .project:hover .project-caption,.portfolio-grid .wp-block-post:hover .wp-block-post-title,.portfolio-grid .wp-block-post:hover .wp-block-post-excerpt{transform:translateX(4px)}}
.portfolio-grid a:focus-visible{outline:2px solid #181918;outline-offset:5px}
/* Project names live on the cover. Keyboard focus mirrors pointer hover. */
.portfolio-grid .project:nth-child(n),.portfolio-grid .wp-block-post:nth-child(n){position:relative}
.portfolio-grid .project-caption,.portfolio-grid .wp-block-post-title{position:absolute;inset:auto 24px 24px;z-index:2;margin:0!important;padding:0!important;color:#fff;opacity:0;transform:translateY(5px);pointer-events:none}
.portfolio-grid .project-caption h3,.portfolio-grid .wp-block-post-title{font-size:clamp(23px,2.5vw,35px);line-height:1.12;letter-spacing:-.035em;color:#fff;text-shadow:0 1px 12px #0006}
.portfolio-grid .project-caption a,.portfolio-grid .wp-block-post-title a{color:inherit;text-decoration:none;pointer-events:auto}
.portfolio-grid .project-tagline,.portfolio-grid .wp-block-post-excerpt,.portfolio-grid .project-index{display:none!important}
.portfolio-grid .project-image,.portfolio-grid .wp-block-post-featured-image{position:relative}
.portfolio-grid .project-image::after,.portfolio-grid .wp-block-post-featured-image::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.68));opacity:0;z-index:1}
.portfolio-grid .project:hover .project-caption,.portfolio-grid .project:focus-within .project-caption,.portfolio-grid .wp-block-post:hover .wp-block-post-title,.portfolio-grid .wp-block-post:focus-within .wp-block-post-title{opacity:1;transform:none}
.portfolio-grid .project:hover .project-image::after,.portfolio-grid .project:focus-within .project-image::after,.portfolio-grid .wp-block-post:hover .wp-block-post-featured-image::after,.portfolio-grid .wp-block-post:focus-within .wp-block-post-featured-image::after{opacity:1}
.portfolio-grid .project:nth-child(n):hover .project-image img,.portfolio-grid .project:nth-child(n):focus-within .project-image img,.portfolio-grid .wp-block-post:nth-child(n):hover .wp-block-post-featured-image img,.portfolio-grid .wp-block-post:nth-child(n):focus-within .wp-block-post-featured-image img{filter:grayscale(1)}
@media(prefers-reduced-motion:no-preference){.portfolio-grid .project-caption,.portfolio-grid .wp-block-post-title{transition:opacity .3s ease,transform .3s ease}.portfolio-grid .project-image::after,.portfolio-grid .wp-block-post-featured-image::after{transition:opacity .35s ease}.portfolio-grid .project:nth-child(n) .project-image img,.portfolio-grid .wp-block-post:nth-child(n) .wp-block-post-featured-image img{transition:filter .4s ease,transform .45s cubic-bezier(.2,.7,.3,1)}}
@media(hover:none),(max-width:600px){.portfolio-grid .project-caption,.portfolio-grid .wp-block-post-title{opacity:1;transform:none;inset:auto 18px 18px}.portfolio-grid .project-image::after,.portfolio-grid .wp-block-post-featured-image::after{opacity:1}.portfolio-grid .project-caption h3,.portfolio-grid .wp-block-post-title{font-size:24px}}
@media(prefers-reduced-motion:reduce){.portfolio-grid .project-caption,.portfolio-grid .wp-block-post-title,.portfolio-grid .project-image::after,.portfolio-grid .wp-block-post-featured-image::after,.portfolio-grid img{transition:none!important;transform:none!important}}

.rayz-process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin-top:36px}.rayz-process-grid h3{font-size:24px;margin-bottom:16px}.rayz-process-grid p{font-size:16px;line-height:1.6}.rayz-process-grid>div{padding-top:20px;border-top:1px solid #afb3a7}.saraya-case-content h2{font-size:clamp(30px,4vw,52px);margin:54px 0 22px}.saraya-case-content>p{font-size:18px;line-height:1.7;max-width:850px;margin-bottom:30px}.saraya-case-content>figure{margin:38px 0}.saraya-case-content .case-note{font-size:13px;color:#5b5d54}@media(max-width:640px){.rayz-process-grid{grid-template-columns:1fr;gap:28px}.saraya-case-content h2{margin-top:36px}}

.portfolio-grid .project-iec .project-image{padding:0;background:none;display:block}.portfolio-grid .project-iec .project-image img{filter:none;mix-blend-mode:normal;aspect-ratio:4/3;object-fit:cover}