/*
Theme Name: DriveD Zine
Description: DriveD renewal theme
Version: 1.0.0
Text Domain: drived-zine
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
:root{--blue:#0755f5;--ink:#111;--pale:#f3f7ff;--line:#cbd9f6;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:'Noto Serif JP',serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.sans,.eyebrow{font-family:'Noto Sans JP',sans-serif}
.site-header{height:82px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:50;background:#fff}.logo{font:900 34px/1 Arial,sans-serif;letter-spacing:-2px;color:var(--blue)}.nav{display:flex;gap:8px;align-items:center}.nav a{font:500 11px/1 'Noto Sans JP',sans-serif;border:1px solid var(--ink);border-radius:30px;padding:12px 18px}.nav a:last-child{color:#fff;background:var(--blue);border-color:var(--blue)}.menu-toggle{display:none;background:none;border:0;font:12px 'Noto Sans JP',sans-serif}
.hero{position:relative;overflow:hidden;padding:100px 7vw 115px;min-height:520px;display:flex;align-items:flex-end}.hero:after{content:'';position:absolute;width:95vw;height:210px;border:1.5px solid var(--blue);border-radius:50%;left:-12vw;bottom:-145px;transform:rotate(4deg);opacity:.28}.hero-home{min-height:760px;align-items:center}.hero-home:after{width:110%;height:300px;left:-10%;bottom:-210px}.hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:8vw;width:100%;align-items:end}.hero-home h1{font-size:clamp(46px,6vw,84px);line-height:1.55}.eyebrow{font-size:10px;letter-spacing:.09em;color:var(--blue)}.hero h1{font-size:clamp(54px,8vw,116px);font-weight:400;line-height:1.12;letter-spacing:-.055em;margin:30px 0 0;color:var(--blue)}.hero-copy{display:grid;grid-template-columns:1.1fr 1fr;gap:9vw;width:100%;align-items:end}.hero-copy p,.hero-grid p{font-size:14px;line-height:2.6;margin:0 0 10px;max-width:40em}
.hero-editorial{display:block;padding-top:34px;padding-bottom:105px;min-height:calc(100vh - 82px)}.hero-edition{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.12em;color:var(--blue)}.hero-statement{display:block;padding-top:8vh;width:100%}.hero-editorial h1{display:flex;flex-direction:column;max-width:1280px;font-size:clamp(34px,4.1vw,60px);line-height:1.62;letter-spacing:-.055em;margin:0}.hero-editorial h1 span{display:block;white-space:nowrap}.hero-lead{width:max-content;max-width:100%;margin:42px 2vw 0 auto;font-size:13px;line-height:2.45;letter-spacing:.025em}.hero-statement-short{padding-top:15vh}.hero-statement-short h1{font-size:clamp(62px,8vw,118px);letter-spacing:-.055em}.editorial-lockup{display:flex!important;flex-direction:row!important;align-items:baseline;gap:.18em;line-height:1!important}.editorial-lockup .edit-word{font-family:'Noto Serif JP',serif;font-weight:400;letter-spacing:-.08em}.editorial-lockup .join-word{font-family:'Noto Serif JP',serif;font-size:.38em;font-weight:400;letter-spacing:0;transform:translateY(-.22em)}.editorial-lockup .practice-word{font-family:'Noto Sans JP',sans-serif;font-size:.94em;font-weight:500;letter-spacing:-.07em}.hero-statement-short .hero-lead{margin-top:58px}
.hero-points{position:relative;display:block;width:100%;min-height:0;aspect-ratio:4/3;max-height:calc(100svh - 82px);padding:34px 7vw 7vw;background:var(--pale);align-items:initial}.hero-points:after{display:none}.hero-points .hero-edition{position:relative;z-index:4}.hero-points .hero-statement{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;height:calc(100% - 35px);padding:0}.hero-points h1{font-size:clamp(48px,6.6vw,100px);line-height:1.45;letter-spacing:-.07em}.hero-points .hero-lead{position:absolute;right:0;top:50%;margin:0;transform:translateY(-15%);font-size:12px;line-height:2.4}.hero-japan-map{position:absolute;z-index:1;width:58%;height:auto;right:2%;top:7%;color:var(--blue);opacity:.075;transform:rotate(-7deg)}.hero-japan-map path,.hero-japan-map ellipse{fill:currentColor}.hero-japan-map .main-island{fill:none;stroke:currentColor;stroke-width:17;stroke-linecap:round;stroke-linejoin:round}.points-orbit{position:absolute;z-index:1;width:64%;height:56%;right:-5%;bottom:-19%;border:1.5px solid var(--blue);border-radius:50%;transform:rotate(-12deg);opacity:.48}.points-field{position:absolute;inset:0;z-index:2}.points-field i{position:absolute;border-radius:50%;background:var(--blue)}.points-field i:nth-child(1){width:9px;height:9px;left:62%;top:29%}.points-field i:nth-child(2){width:5px;height:5px;left:77%;top:40%;opacity:.55}.points-field i:nth-child(3){width:13px;height:13px;left:70%;top:62%;opacity:.74}.points-field i:nth-child(4){width:6px;height:6px;left:88%;top:70%;opacity:.4}.points-field i:nth-child(5){width:4px;height:4px;left:54%;top:51%;opacity:.34}
.hero-definition{border-top:1px solid var(--blue);padding-top:18px;margin-bottom:1.4vw}.hero-definition p{font-size:14px;line-height:2.25;margin:27px 0 58px}.hero-definition small{display:block;color:var(--blue);font-size:9px;line-height:1.7;letter-spacing:.13em}
.section{padding:110px 7vw;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:65px}.section-head h2{font-size:clamp(34px,4.8vw,66px);font-weight:400;line-height:1.45;margin:0}.section-head .eyebrow{border:1px solid var(--blue);border-radius:30px;padding:8px 14px}.statement{display:grid;grid-template-columns:.8fr 1.5fr;gap:9vw}.statement h2{color:var(--blue);font:500 clamp(40px,5vw,70px)/1.08 Arial,sans-serif;letter-spacing:-.05em;margin:0}.prose{max-width:700px}.prose p{font-size:17px;line-height:2.65;margin:0 0 32px}.point{font-size:clamp(22px,2.4vw,34px)!important;color:var(--blue);margin:55px 0!important}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:70px 3vw}.card{display:block;border-top:1px solid var(--blue);padding-top:16px}.thumb{aspect-ratio:4/3;background:var(--pale);margin:22px 0;position:relative;overflow:hidden}.thumb:before{content:'';position:absolute;width:65%;height:65%;border:1px solid var(--blue);border-radius:50%;left:18%;top:18%;transform:rotate(-15deg)}.thumb.blue{background:var(--blue)}.thumb.blue:before{border-color:#fff}.thumb.type:after{content:'言葉を、\A 手元に残す。';white-space:pre;position:absolute;left:8%;bottom:9%;font-size:clamp(26px,3vw,45px);line-height:1.45;color:var(--blue)}.card h3{font-size:25px;font-weight:500;line-height:1.6;margin:0 0 8px}.meta{font:10px/1.8 'Noto Sans JP',sans-serif;color:#666}.arrow{color:var(--blue);float:right}.moments{display:grid;grid-template-columns:.8fr 1.5fr;gap:9vw}.moments>h2{font-size:36px;line-height:1.7;font-weight:400;margin:0}.row{padding:28px 0;border-top:1px solid var(--line)}.row h3{font-size:22px;font-weight:400;margin:0 0 12px}.row p{font-size:13px;line-height:2.4;margin:0}
.service-visual{aspect-ratio:4/3;margin:22px 0;display:flex;align-items:center;justify-content:center;overflow:hidden}.dialogue-visual{background:var(--pale)}.dialogue-mark{font-family:Georgia,'Times New Roman',serif;font-size:clamp(64px,8vw,116px);letter-spacing:-.14em;color:var(--blue);transform:rotate(-8deg);padding-right:.14em}.book-visual{background:var(--blue)}.mini-book{width:34%;aspect-ratio:.78;background:#fff;color:var(--blue);transform:rotate(-9deg);box-shadow:10px 7px 0 #a9c3ff;padding:8% 5%;font-size:clamp(14px,1.8vw,25px);line-height:1.65}.mini-book span{display:block;margin-top:24%;font:clamp(7px,.65vw,10px)/1.5 'Noto Sans JP',sans-serif;letter-spacing:.08em}
.filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:55px}.filter span{font:11px/1 'Noto Sans JP',sans-serif;border:1px solid var(--line);border-radius:30px;padding:10px 16px}.filter span:first-child{color:#fff;background:var(--blue);border-color:var(--blue)}.work-title{max-width:1050px}.work-title h1{font-size:clamp(40px,6.2vw,88px)}.work-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:80px}.work-facts div{background:#fff;padding:25px}.work-facts dt{font:10px/1.5 'Noto Sans JP',sans-serif;color:#666}.work-facts dd{margin:8px 0 0;font-size:14px}.feature{height:min(68vw,790px);background:var(--blue);position:relative;overflow:hidden}.feature:after{content:'';position:absolute;width:68%;height:68%;border:2px solid #fff;border-radius:50%;left:16%;top:16%;transform:rotate(-12deg);opacity:.75}.feature span{position:absolute;color:#fff;left:7vw;bottom:7vw;font-size:clamp(32px,6vw,82px);line-height:1.35}.article{max-width:760px;margin:auto}.article h2{font-size:clamp(30px,4vw,48px);font-weight:400;line-height:1.65;margin:80px 0 30px}.article p{font-size:15px;line-height:2.8}.quote{font-size:clamp(22px,3vw,36px)!important;color:var(--blue);padding:55px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:70px 0!important}
.journal-list{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 2vw}.journal-card{border-top:1px solid var(--ink);padding-top:14px}.journal-card .thumb{aspect-ratio:1.3}.journal-card h3{font-size:20px;line-height:1.7;font-weight:500}.date{font:10px/1.8 'Noto Sans JP',sans-serif;color:#666}.company{display:grid;grid-template-columns:1fr 1.6fr;gap:8vw}.company dl{margin:0}.company div{display:grid;grid-template-columns:120px 1fr;border-top:1px solid var(--line);padding:22px 0}.company dt{font:10px/1.8 'Noto Sans JP',sans-serif;color:#666}.company dd{font-size:13px;line-height:2;margin:0}
.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.contact-form label{display:block;font:11px 'Noto Sans JP',sans-serif;margin:22px 0 8px}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid var(--line);padding:14px 4px;background:transparent;font:16px 'Noto Serif JP',serif}.contact-form textarea{min-height:150px;border:1px solid var(--line);padding:16px}.contact-form button{margin-top:24px;padding:18px 30px;border:0;border-radius:40px;color:#fff;background:var(--blue);font:13px 'Noto Sans JP',sans-serif}.notice{padding:18px;background:var(--pale);margin-bottom:20px}
.cta{margin:80px 4vw 0;padding:105px 6vw;background:var(--pale);border-radius:48% 48% 0 0/55px 55px 0 0}.cta h2{font-size:clamp(32px,5vw,68px);line-height:1.6;font-weight:400;margin:25px 0}.cta a{display:inline-block;margin-top:20px;padding:18px 28px;border-radius:40px;color:#fff;background:var(--blue);font:13px/1 'Noto Sans JP',sans-serif}.site-footer{background:var(--blue);color:#fff;padding:55px 4vw 30px;border-radius:38px 38px 0 0}.footer-logo{font:900 clamp(70px,16vw,230px)/1 Arial,sans-serif;letter-spacing:-.075em}.footer-row{display:flex;justify-content:space-between;border-top:1px solid #ffffff70;padding-top:18px;font:10px/1.8 'Noto Sans JP',sans-serif}.back{color:var(--blue);font:11px/1 'Noto Sans JP',sans-serif}
@media(max-width:760px){.hero-japan-map{width:92%;right:-20%;top:14%}.hero-points{aspect-ratio:3/4;max-height:calc(100svh - 68px);padding:22px 6vw 8vw}.hero-points .hero-edition span:nth-child(2){display:none}.hero-points .hero-statement{height:calc(100% - 30px);justify-content:flex-end}.hero-points h1{font-size:clamp(38px,11.5vw,54px);line-height:1.5}.hero-points .hero-lead{position:static;width:100%;margin:34px 0 0;transform:none;font-size:11px;line-height:2.25}.points-orbit{width:120%;height:48%;right:-48%;bottom:-10%}.points-field i:nth-child(1){left:72%;top:28%}.points-field i:nth-child(2){left:88%;top:39%}.points-field i:nth-child(3){left:76%;top:53%}.points-field i:nth-child(4){left:92%;top:64%}.points-field i:nth-child(5){left:59%;top:44%}
.hero-statement-short{padding-top:13vh}.hero-statement-short h1{font-size:clamp(50px,14vw,68px)}.hero-statement-short .hero-lead{margin-top:42px}.site-header{height:68px;padding:0 5vw}.logo{font-size:28px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{width:100%;text-align:center}.hero{padding:75px 6vw 90px;min-height:440px}.hero-home{min-height:620px}.hero-editorial{padding-top:24px;min-height:calc(100vh - 68px)}.hero-edition span:nth-child(2){display:none}.hero-statement{padding-top:8vh}.hero-editorial h1{font-size:clamp(29px,8.2vw,40px);line-height:1.72;letter-spacing:-.045em}.hero-editorial h1 span{white-space:normal}.hero-lead{width:100%;margin:34px 0 0;font-size:12px;line-height:2.35}.hero-definition{width:82%;margin-left:auto;margin-bottom:20px}.hero-definition p{font-size:13px;margin:23px 0 34px}.hero-grid,.hero-copy,.statement,.company,.moments,.contact-grid{grid-template-columns:1fr;gap:42px}.hero h1,.hero-home h1{font-size:42px}.hero-editorial h1{font-size:clamp(29px,8.2vw,40px)}.hero-copy p,.hero-grid p{font-size:13px}.section{padding:78px 6vw}.section-head{display:block;margin-bottom:45px}.section-head .eyebrow{display:inline-block;margin-bottom:25px}.cards,.journal-list{grid-template-columns:1fr;gap:55px}.statement h2{font-size:44px}.prose p{font-size:15px;line-height:2.55}.work-facts{grid-template-columns:1fr}.feature{height:82vw}.article p{font-size:14px}.cta{padding:75px 6vw}.footer-row{gap:24px;flex-wrap:wrap}.company div{grid-template-columns:90px 1fr}}

/* First / manifesto page */
.first-page{background:#fff}.first-cover{min-height:calc(100svh - 82px);padding:34px 5vw 7vw;display:flex;flex-direction:column}.first-meta{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--blue);font-size:9px;letter-spacing:.12em;color:var(--blue)}.first-cover h1{margin:auto 0 0;color:var(--blue);font-size:clamp(80px,13vw,200px);font-weight:400;line-height:.95;letter-spacing:-.11em}.first-opening{align-self:flex-end;margin:-7vw 5vw 2vw 0;font-size:clamp(17px,2vw,28px);line-height:2}.first-opening strong{font-size:1.6em;font-weight:400;border-bottom:4px solid var(--blue)}
.first-sheet{position:relative;min-height:100svh;padding:8vw 7vw;overflow:hidden}.first-sheet-dark{background:#111;color:#fff}.first-small{font-size:12px;letter-spacing:.05em}.first-burst{display:flex;flex-direction:column;margin:10vh 0 0;color:#fff;font-size:clamp(47px,8vw,124px);line-height:1.08;letter-spacing:-.08em}.first-burst span:nth-child(2){margin-left:17vw;color:#8eaeff}.first-burst span:nth-child(3){margin-left:5vw}.first-scrawl{font-size:clamp(22px,3vw,44px);line-height:1.65;transform:rotate(-2deg);margin:10vh 0 0 35vw}.first-corner{position:absolute;right:6vw;top:12vh;color:#8eaeff;font-size:clamp(34px,5vw,75px);transform:rotate(7deg)}
.first-sheet-paper{background:#f4f0e6}.first-lead{font-size:clamp(50px,8vw,120px);line-height:1.3;margin:0;letter-spacing:-.07em}.first-lead em{color:var(--blue);font-style:normal;border-bottom:5px solid}.first-columns{display:grid;grid-template-columns:1fr .7fr 1fr;gap:7vw;align-items:end;margin-top:12vh}.first-columns p{font-size:15px;line-height:2.5}.first-columns .first-red{color:var(--blue);font-size:clamp(38px,5vw,72px);line-height:1.2;transform:rotate(-5deg)}
.first-sheet-blue{background:var(--blue);color:#fff}.first-huge{font-size:clamp(60px,9.5vw,145px);line-height:1.2;letter-spacing:-.08em;margin:0}.first-side-note{width:34em;max-width:80%;margin:9vh 2vw 0 auto;border-top:1px solid #fff;padding-top:25px;font-size:14px;line-height:2.3}.first-sheet-season{display:grid;grid-template-columns:repeat(4,1fr);background:#f3f7ff;padding:0}.first-season-word{margin:0;display:grid;place-items:center;border-right:1px solid var(--line);font-size:clamp(80px,13vw,200px);color:#dce6fb}.first-season-text{position:absolute;width:min(620px,72vw);left:50%;top:50%;transform:translate(-50%,-50%);background:#fffffff0;padding:5vw;font-size:16px;line-height:2.3}.first-under{color:var(--blue);font-size:1.35em;border-top:1px solid;padding-top:22px}
.first-sheet-notes{background:#fff;min-height:120svh}.first-sheet-notes p{position:absolute;margin:0;color:var(--blue);font-size:clamp(24px,4vw,64px);line-height:1.45}.note-a{left:8%;top:9%;transform:rotate(-4deg)}.note-b{right:5%;top:21%;transform:rotate(3deg);font-size:clamp(18px,2.4vw,38px)!important}.note-c{left:25%;top:42%;color:#111!important}.note-d{right:12%;top:59%;transform:rotate(-7deg)}.note-e{left:7%;bottom:12%;font-size:clamp(18px,2.4vw,36px)!important}.note-f{right:9%;bottom:8%;color:var(--blue)!important}.first-sheet-landscape{background:#e9f0ff}.first-sheet-landscape>p{font-size:16px;line-height:2.4;max-width:45em}.first-sheet-landscape h2{font-size:clamp(48px,7vw,108px);line-height:1.45;font-weight:400;letter-spacing:-.06em;color:var(--blue);margin:7vh 0}.first-want{font-size:clamp(27px,4vw,58px)!important;color:var(--blue);margin:7vh 0!important}.first-no{margin:12vh 0 2vh auto!important;color:var(--blue);font-size:clamp(28px,4vw,62px)!important;max-width:none!important}
.first-last{min-height:100svh;padding:10vw 7vw;background:#111;color:#fff}.first-last>p{font-size:clamp(22px,3vw,42px);line-height:1.8}.first-check{display:flex;gap:3vw;flex-wrap:wrap;margin:13vh 0;font-size:clamp(22px,3vw,44px)}.first-check span{text-decoration:line-through;text-decoration-color:#8eaeff;text-decoration-thickness:4px}.first-last h2{margin:0;text-align:right;font-size:clamp(76px,13vw,200px);font-weight:400;line-height:1;letter-spacing:-.1em;color:#fff}
@media(max-width:760px){.first-cover{min-height:calc(100svh - 68px);padding:22px 6vw 10vw}.first-meta span:nth-child(2){display:none}.first-cover h1{font-size:24vw}.first-opening{align-self:flex-start;margin:10vh 0 0;font-size:15px}.first-sheet{min-height:100svh;padding:12vw 7vw}.first-small{font-size:10px;max-width:27em}.first-burst{font-size:13.5vw;margin-top:17vh}.first-burst span:nth-child(2){margin-left:9vw}.first-scrawl{margin:13vh 0 0 12vw;font-size:6.7vw}.first-corner{top:9vh;right:7vw;font-size:9vw}.first-lead{font-size:13vw;line-height:1.45}.first-columns{grid-template-columns:1fr;margin-top:10vh;gap:5vh}.first-columns p{font-size:13px}.first-columns .first-red{font-size:11vw;justify-self:end}.first-huge{font-size:15vw;line-height:1.35}.first-side-note{max-width:100%;width:100%;margin-top:12vh;font-size:12px}.first-sheet-season{grid-template-columns:1fr;min-height:110svh}.first-season-word{position:absolute;border:0;font-size:32vw}.first-season-word:nth-child(1){left:2%;top:2%}.first-season-word:nth-child(2){right:2%;top:17%}.first-season-word:nth-child(3){left:4%;bottom:18%}.first-season-word:nth-child(4){right:2%;bottom:1%}.first-season-text{width:86vw;padding:8vw;font-size:13px}.first-sheet-notes{min-height:110svh}.first-sheet-notes p{font-size:8vw}.note-a{left:7%;top:8%}.note-b{top:25%;font-size:5.3vw!important}.note-c{left:8%;top:43%}.note-d{top:62%;right:7%}.note-e{font-size:5vw!important}.first-sheet-landscape h2{font-size:12vw;margin:10vh 0}.first-sheet-landscape>p{font-size:13px}.first-no{font-size:9vw!important;margin-top:14vh!important}.first-last{padding:14vw 7vw}.first-last>p{font-size:6.5vw}.first-check{display:block;margin:17vh 0}.first-check span{display:block;margin:5vh 0;font-size:8vw}.first-last h2{font-size:21vw}}

.service-card{cursor:default}.service-card>p{font-size:14px;line-height:2.2;margin-bottom:34px}.service-list{border-top:1px solid var(--line);padding-top:18px}.service-list ul{list-style:none;margin:15px 0 0;padding:0;font:12px/2.35 'Noto Sans JP',sans-serif}.service-list li:before{content:'— ';color:var(--blue)}