/* Theme Name: BUZZRURA Renewal
Version: 0.1.0
Text Domain: buzzrura
Requires at least: 6.6
Requires PHP: 8.1
*/
:root{--ink:#202728;--paper:#fff;--soft:#f3f4f2;--line:#dadeda;--accent:#da542f;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.9;letter-spacing:.035em}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{max-width:100%;height:auto;display:block}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a:hover .arrow,.textlink:hover{color:var(--accent)}.wrap{width:min(var(--max),calc(100% - 112px));margin:auto}.header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:220px;height:auto}.nav{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:700}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;border:1px solid currentColor;padding:12px 24px;font-size:14px}.menu{display:none;background:white;border:1px solid var(--line);padding:8px 14px}.skip{position:absolute;top:-100px;background:white;padding:15px;z-index:20}.skip:focus{top:0}.hero{position:relative;background:#17201f;min-height:640px;height:min(72vw,760px);color:white;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.08) 85%)}.hero-copy{position:absolute;z-index:1;inset:80px 0 auto}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.16em;font-weight:700}.hero h1{font-size:clamp(30px,3.3vw,52px);line-height:1.65;letter-spacing:.07em;font-weight:500;margin:24px 0}.hero p{font-size:18px}.hero-label{position:absolute;z-index:1;bottom:30px;left:56px;font-size:12px;letter-spacing:.12em}.intro-strip{display:grid;grid-template-columns:1fr 1fr .7fr;gap:4px}.intro-strip img{height:220px;width:100%;object-fit:cover}.intro-strip>a:last-child{display:flex;justify-content:center;flex-direction:column;padding:35px}.arrow{color:var(--accent);font-size:25px;margin-left:14px}.section{padding:92px 0}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:38px}.section-head h2{font-size:26px;font-weight:500;margin:0}.section-head small{font-size:12px;letter-spacing:.12em;margin-left:20px;color:#69706d}.section-head a{font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.service{border-top:1px solid var(--line);padding:28px 0;display:block}.service h3{font-size:21px;font-weight:500;line-height:1.8;margin:10px 0}.service p{font-size:14px;margin:8px 0;color:#555f5b}.featured{background:#182020;color:white;padding:60px 0}.feature-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:64px;align-items:center}.feature-grid img{width:100%;aspect-ratio:16/9;object-fit:cover}.feature-grid h3{font-size:32px;line-height:1.5;font-weight:400}.feature-grid p{font-size:14px;color:#c9d0cb}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:60px 32px}.work{grid-column:span 6}.work:nth-child(3){grid-column:span 4}.work:nth-child(4){grid-column:span 8}.work:nth-child(5){grid-column:span 9}.work img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:filter .2s}.work:hover img{filter:brightness(.92)}.work h3{font-size:20px;line-height:1.65;font-weight:500;margin:18px 0 4px}.work p{font-size:13px;color:#606965;margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.step{border-top:1px solid var(--line);padding-top:22px}.step span{font-size:42px;color:#929d97;font-weight:300}.step h3{font-size:18px;font-weight:500}.step p{font-size:14px;color:#606965}.company{display:grid;grid-template-columns:1fr 1fr;background:var(--soft)}.company>img{width:100%;height:460px;object-fit:cover;object-position:center 32%}.company>div{padding:64px clamp(32px,6vw,100px);align-self:center}.company h2{font-weight:500;font-size:28px}.company p{font-size:15px;max-width:30em}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.journal-grid img{aspect-ratio:16/9;object-fit:cover;width:100%}.journal-grid h3{font-size:19px;font-weight:500}.news-list{list-style:none;padding:0}.news-list li{border-top:1px solid var(--line);padding:20px 0}.news-list time{font-size:13px;color:#65716b;margin-right:30px}.contact-band{background:var(--soft);padding:60px 0}.contact-band .wrap{display:flex;justify-content:space-between;gap:32px;align-items:center}.contact-band h2{font-size:28px;font-weight:500;margin:0}.contact-band p{font-size:14px}.footer{padding:58px 0 30px}.footer-row{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer nav{display:flex;gap:24px;font-size:12px}.footer small{display:block;font-size:11px;margin-top:36px;color:#6b756e}.page-head{padding:80px 0 50px}.page-head h1{font-size:clamp(30px,4vw,56px);font-weight:500;line-height:1.5}.prose{max-width:850px;min-height:260px;padding-bottom:80px}.prose p,.prose li{line-height:2}.prose h2{font-size:26px;font-weight:500;margin-top:52px}.prose img{width:100%;margin:32px 0}.prose dl{display:grid;grid-template-columns:160px 1fr}.prose dt,.prose dd{padding:20px 0;margin:0;border-top:1px solid var(--line)}.notice{padding:12px 24px;background:#f6e7d9;font-size:12px;text-align:center;letter-spacing:.01em}.empty{padding:30px;border:1px solid var(--line);color:#59655e}.filter{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:40px}.filter a{border-bottom:1px solid var(--line)}.admin-bar .header{margin-top:0}.pagination{margin-top:45px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
@media(min-width:1700px){.hero-label{left:calc((100% - 1320px)/2)}}
@media(max-width:900px){.wrap{width:calc(100% - 56px)}.nav{gap:18px}.brand img{width:178px}.service-grid{gap:22px}.service h3{font-size:18px}.feature-grid{gap:32px}.feature-grid h3{font-size:26px}.company>div{padding:35px}.footer-row{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){body{font-size:15px}.wrap{width:calc(100% - 40px)}.header{min-height:76px;flex-wrap:wrap;gap:0}.brand img{width:180px}.menu{display:block}.nav{display:flex;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:16px 0}.js .nav{display:none}.js .nav.open{display:flex}.nav a{padding:14px 0}.nav .button{padding:12px}.hero{min-height:540px;height:75svh;max-height:720px}.hero-copy{inset:42px 0 auto}.hero h1{font-size:30px;line-height:1.8}.hero p{font-size:15px}.hero-label{left:20px;bottom:24px}.intro-strip{grid-template-columns:1fr 1fr}.intro-strip img{height:150px}.intro-strip>a:last-child{grid-column:span 2;padding:20px;flex-direction:row;align-items:center;gap:24px}.intro-strip .eyebrow{font-size:10px}.section{padding:60px 0}.section-head{gap:12px;margin-bottom:28px}.section-head h2{font-size:23px}.section-head small{display:none}.section-head a{font-size:12px}.service-grid{grid-template-columns:1fr;gap:0}.service{padding:22px 0}.service h3{font-size:22px}.feature-grid{grid-template-columns:1fr;gap:8px}.feature-grid h3{margin:20px 0 10px}.featured{padding:44px 0}.work-grid{grid-template-columns:1fr;gap:38px}.work,.work:nth-child(n){grid-column:1}.work h3{font-size:19px}.steps{grid-template-columns:1fr 1fr;gap:28px 22px}.step h3{font-size:16px}.step p{font-size:13px}.company{grid-template-columns:1fr}.company>img{height:330px}.company>div{padding:35px 20px}.journal-grid{grid-template-columns:1fr}.contact-band .wrap{align-items:stretch;flex-direction:column}.footer nav{flex-wrap:wrap;gap:20px}.page-head{padding:50px 0 30px}.prose dl{grid-template-columns:1fr}.prose dt{padding-bottom:0}.prose dd{border:0;padding-top:6px}.news-list time{display:block}.notice{text-align:left;padding:10px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* TOP v2 — photograph-led layout, refined against approved reference */
:root{--ink:#222729;--accent:#ec643f;--line:#dce0df;--max:1360px}
body{letter-spacing:.045em;-webkit-font-smoothing:antialiased}.wrap{width:min(var(--max),calc(100% - 112px))}.header{min-height:88px}.brand img{width:218px}.nav{font-size:12px;gap:32px}.nav .button{padding:10px 22px}.hero{height:clamp(460px,43vw,720px);min-height:0;isolation:isolate}.hero>img,.hero>video{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center 45%}.hero>video{opacity:0;transition:opacity .6s}.hero.is-playing>video,.hero.has-played>video{opacity:1}.hero:after{z-index:1;background:linear-gradient(180deg,rgba(9,18,22,.30),transparent 60%,rgba(9,18,22,.55)),linear-gradient(90deg,rgba(9,18,22,.46),transparent 75%);pointer-events:none}.hero-copy{inset:95px 0 auto;z-index:2}.hero .eyebrow{font-size:10px;letter-spacing:.20em;color:#d8dfdf}.hero h1{font-size:clamp(25px,2.5vw,40px);font-weight:500;line-height:1.7;letter-spacing:.065em;margin:18px 0 10px}.hero p{font-size:17px;letter-spacing:.11em}.mobile-break{display:none}.hero-about{position:absolute;z-index:2;right:56px;top:38px;font-size:12px}.hero-about span{color:#fa815b;font-size:20px;padding-left:12px}.hero-bottom{position:absolute;bottom:28px;left:0;right:0;z-index:3;display:flex;align-items:center;gap:25px}.video-toggle{color:white;background:transparent;border:0;display:flex;align-items:center;gap:15px;padding:8px 0;cursor:pointer;font-size:11px;min-width:128px}.play-icon{font-size:18px}.video-progress{height:2px;background:#ffffff55;flex:1;overflow:hidden}.video-progress i{display:block;background:#f5774a;height:100%;width:0}.video-caption{font-size:10px;letter-spacing:.1em}.intro-strip{grid-template-columns:1fr 1fr .63fr;gap:3px}.intro-strip img{height:210px;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.intro-strip>a{overflow:hidden}.intro-strip>a:hover img{transform:scale(1.025)}.intro-strip>a:last-child{padding:38px}.intro-strip .eyebrow{font-size:10px;color:#d65436;margin-bottom:16px}.intro-strip>a:last-child>span:last-child{font-size:16px}.section{padding:76px 0}.section-head{margin-bottom:34px}.section-head h2{font-size:25px;font-weight:600;letter-spacing:.07em}.section-head small{font-size:10px;font-weight:400;margin-left:25px}.service-grid{gap:0}.service{border-top:0;padding:4px 32px;border-left:1px solid var(--line)}.service:first-child{padding-left:0;border-left:0}.service:last-child{padding-right:0}.service .eyebrow{display:none}.service h3{font-size:20px;font-weight:600;margin:0 0 12px;position:relative;padding-right:25px}.service h3 .arrow{position:absolute;right:0;font-weight:400}.service p{font-size:13px;letter-spacing:.08em}.featured{padding:44px 0 50px;background:radial-gradient(ellipse at 75% 50%,#263032,#141a1c 80%)}.featured .section-head small{color:#aab4b4}.feature-grid{grid-template-columns:1.85fr 1fr;gap:64px}.feature-grid>img{aspect-ratio:1.98;object-fit:cover}.feature-grid h3{font-size:clamp(25px,2.9vw,43px);line-height:1.25;letter-spacing:.015em;margin:26px 0}.feature-grid p{line-height:1.9;font-size:12px;max-width:22em}.feature-grid .textlink{font-size:13px;display:block;margin-top:28px}.feature-grid .eyebrow{font-size:10px;color:#b5c1bd}.work-grid{gap:38px 30px}.work{overflow:hidden}.work img{transition:filter .35s,transform .8s cubic-bezier(.2,.7,.2,1);aspect-ratio:1.93}.work:hover img{transform:scale(1.015);filter:brightness(1.04)}.work h3{font-size:18px;margin:14px 0 4px;font-weight:600}.work h3 .arrow{float:right;font-size:19px}.work p{font-size:12px;line-height:1.8}.work:nth-child(3){grid-column:span 4}.work:nth-child(4){grid-column:span 8}.work:nth-child(3) img,.work:nth-child(4) img{height:240px;aspect-ratio:auto}.work:nth-child(5){grid-column:span 12;display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;column-gap:34px;align-items:center}.work:nth-child(5) img{grid-row:1/3;height:220px;aspect-ratio:auto}.work:nth-child(5) h3{align-self:end;margin:0 0 10px}.work:nth-child(5) p{align-self:start}.steps{gap:38px}.step{border:0;padding:0}.step span{font-size:38px;letter-spacing:-.04em;color:#a4acb0}.step h3{margin:0 0 12px;font-size:17px;font-weight:600}.step p{max-width:18em;margin:0;font-size:13px;line-height:1.9}.company{grid-template-columns:1.05fr 1fr;background:linear-gradient(110deg,#edf0f0,#f7f8f8)}.company>img{height:410px;object-position:50% 52%}.company>div{padding:45px 72px}.company h2{font-size:25px;font-weight:600}.company .textlink{font-size:13px;display:inline-block;margin-top:20px}.journal-grid{gap:30px}.journal-grid img{aspect-ratio:2.05}.journal-grid article:last-child img{object-position:50% 27%}.journal-grid .eyebrow{display:block;font-size:9px;margin:17px 0 5px;color:#717c7b}.journal-grid h3{font-size:17px;margin:0;font-weight:500}.journal-grid p{font-size:12px;color:#747f7b;margin-top:8px}.contact-band{padding:50px 0}.contact-band h2{font-size:25px;font-weight:600}.contact-band .button{min-width:270px;background:white}.footer{padding-top:55px}.preview-note{font-size:10px;color:#747f7b;margin:18px 0 0}.arrow{display:inline-block;transition:transform .3s}.work:hover .arrow,.service:hover .arrow,.button:hover .arrow{transform:translate(4px,-2px)}.reveal{opacity:1;transform:none}.motion-enabled .reveal.pending{opacity:0;transform:translateY(18px)}.motion-enabled .reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
@media(min-width:1700px){.hero-about{right:calc((100% - 1360px)/2)}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero-copy{top:72px}.hero-about{right:32px}.intro-strip img{height:180px}.intro-strip>a:last-child{padding:22px}.service{padding:4px 20px}.service h3{font-size:17px}.feature-grid{gap:34px}.work:nth-child(3) img,.work:nth-child(4) img{height:195px}.company>div{padding:35px}.company>img{height:370px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{min-height:76px}.brand img{width:180px}.nav{gap:0}.hero{height:590px;height:76svh;min-height:510px;max-height:690px}.hero-copy{top:88px}.hero h1{font-size:27px;line-height:1.85;margin-top:20px}.mobile-break{display:block}.hero p{font-size:14px;letter-spacing:.07em}.hero .eyebrow{font-size:8px}.hero>img,.hero>video{object-position:48% center}.hero-about{top:22px;right:20px;font-size:10px}.hero-bottom{bottom:20px;gap:15px}.video-toggle{min-width:113px;font-size:10px;gap:10px}.video-caption{display:none}.intro-strip{grid-template-columns:1fr 1fr}.intro-strip img{height:135px}.intro-strip>a:last-child{padding:20px;justify-content:space-between;gap:10px}.intro-strip .eyebrow{margin:0;font-size:8px}.intro-strip>a:last-child>span:last-child{font-size:13px}.section{padding:52px 0}.section-head h2{font-size:22px}.service-grid{grid-template-columns:1fr}.service,.service:first-child,.service:last-child{border-left:0;border-top:1px solid var(--line);padding:22px 0}.service h3{font-size:19px;margin-bottom:8px}.service p{font-size:12px}.featured{padding:34px 0}.feature-grid{grid-template-columns:1fr;gap:8px}.feature-grid>img{aspect-ratio:16/10}.feature-grid>div{padding:20px 0 4px}.feature-grid h3{font-size:31px;margin:14px 0}.feature-grid p{max-width:none}.feature-grid .textlink{margin-top:10px}.work-grid{gap:30px}.work:nth-child(n){grid-column:1;display:block}.work:nth-child(n) img{width:100%;height:auto;aspect-ratio:1.7}.work:nth-child(n) h3{margin:14px 0 4px;font-size:17px}.work:nth-child(n) p{margin:0}.steps{gap:30px 24px}.step{border-top:1px solid var(--line);padding-top:15px}.step h3{font-size:15px}.step p{font-size:12px}.company{grid-template-columns:1fr}.company>img{height:300px}.company>div{padding:32px 20px 40px}.company h2{font-size:23px}.journal-grid{grid-template-columns:1fr;gap:26px}.journal-grid article{display:grid;grid-template-columns:42% 1fr;column-gap:20px;align-content:start}.journal-grid article img{grid-row:1/4;height:116px;aspect-ratio:auto}.journal-grid .eyebrow{margin:5px 0}.journal-grid h3{font-size:16px}.journal-grid p{margin-top:5px;font-size:11px}.contact-band{padding:36px 0}.contact-band .wrap{gap:15px}.contact-band h2{font-size:23px}.contact-band .button{width:100%}.footer{padding-top:40px}.preview-note{line-height:1.8}}
@media(prefers-reduced-motion:reduce){.motion-enabled .reveal.pending{opacity:1;transform:none}.hero>video{transition:none}.work:hover img,.intro-strip>a:hover img{transform:none}}