:root{--culture-paper:#fffdf7;--culture-blue:#2168c6;--culture-ink:#14335a;--culture-muted:#5f7692;--culture-line:#a9cff2;--culture-shadow:0 16px 38px rgba(46,86,128,.14)}

/* This page intentionally reads as a physical course scrapbook. */
.culture-hero{height:112px;background:linear-gradient(180deg,#eff7ff,#fff)}
.culture-hero:before{inset:0;background:url("assets/oyland-hero-v3.png") 50% 25%/cover no-repeat;opacity:.07;mask-image:none}
.culture-hero:after,.culture-hero .archive-frames{display:none}
.culture-hero .hero-copy{inset:19px 20px auto;text-align:center}
.culture-hero .hero-copy h1{font-family:"Songti SC","STSong",serif;font-size:43px;font-weight:700;letter-spacing:.1em;color:#155dbf}
.culture-hero .hero-copy h1:before{content:"✦";margin-right:14px;font-family:var(--font);font-size:22px;color:#90bdf0;vertical-align:12px}
.culture-hero .hero-copy h1:after{content:"〰";margin-left:11px;font-family:var(--font);font-size:24px;color:#94c2f1}
.culture-hero .hero-copy p{margin-top:7px;font-family:var(--font);font-size:14px;letter-spacing:0;color:#68788a}
.culture-hero .hero-copy i{display:none}

.mv-chapter{width:min(1510px,calc(100% - 96px));margin-inline:auto;padding:0}
.mv-banner{width:100%;min-height:0;aspect-ratio:1724/386;margin:0;background:url("assets/history/oyland-mv-banner-approved.png") center/100% 100% no-repeat;border:4px solid rgba(255,255,255,.94);box-shadow:0 0 0 1px #a5c9ef,var(--culture-shadow)}
.mv-banner .mv-copy{inset:0;width:100%;height:100%;color:transparent;opacity:1;pointer-events:none}
.mv-banner .mv-links{position:absolute;inset:0;display:block;margin:0}
.mv-banner .mv-links button{position:absolute;top:66%;width:8.4%;height:20%;padding:0;color:transparent;pointer-events:auto;touch-action:manipulation}
.mv-banner .mv-links button:nth-child(1){left:2.4%}
.mv-banner .mv-links button:nth-child(2){left:11.6%}
.mv-banner .mv-links button:nth-child(3){left:20.9%}
.mv-banner .mv-links button:focus-visible{outline:3px solid #fff;outline-offset:2px;background:rgba(21,88,202,.2)}
.mv-banner .mv-play{opacity:0}
.mv-banner .mv-play{left:50%;top:50%;width:15%;height:75%;border:0;background:transparent;box-shadow:none}
.mv-banner .mv-play:focus-visible{opacity:1;border:3px solid #fff;background:rgba(21,88,202,.25)}

.culture-memory{padding:22px 0 16px}
.culture-heading{display:flex;align-items:center;gap:10px;margin:0 0 12px 30px}
.culture-heading>span{font-family:inherit;font-size:23px;font-style:normal;color:#77a9e4}
.culture-heading h2{margin:0;font-size:24px;color:#266bc2}
.culture-heading p{display:none}
.cohort-grid{display:flex;align-items:center;gap:0;position:relative;padding:0 3.5%}
.cohort-grid:before{content:"";position:absolute;z-index:0;left:9%;right:5%;top:25px;border-top:2px dashed #a8ccef}
.cohort-grid:after{content:"";position:absolute;right:4.5%;top:17px;width:19px;height:16px;background:#8dbcec;clip-path:polygon(0 30%,100% 50%,0 70%)}
.cohort-grid article{position:relative;z-index:1;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;column-gap:10px;flex:1;padding:8px;background:transparent;border:0;box-shadow:none;transform:none!important}
.cohort-grid img{display:none}
.cohort-grid small{grid-row:1/3;display:grid;place-items:center;width:43px;height:43px;margin:0;border:1px solid #d4e6f7;border-radius:50%;background:#f9fcff;color:#2368c3;font-size:0;letter-spacing:0;box-shadow:0 5px 16px rgba(43,103,172,.12)}
.cohort-grid small:after{font-size:17px;font-weight:800}
.cohort-grid article:nth-child(1) small:after{content:"01"}.cohort-grid article:nth-child(2) small:after{content:"02"}.cohort-grid article:nth-child(3) small:after{content:"03"}
.cohort-grid h3{margin:0;font-size:16px;color:#276ac0}
.cohort-next{display:grid!important;grid-template-columns:auto auto!important;background:transparent!important;border:0!important}
.cohort-next span{grid-row:1/3;display:grid;place-items:center;width:43px;height:43px;border:1px solid #e4e8ed;border-radius:50%;background:#f7f8fa;color:#b5bdc7;font-size:17px}
.cohort-next h3{color:#9ea8b4}.cohort-next p{display:none}

.culture-merch{width:min(1510px,calc(100% - 96px));min-height:430px;margin-inline:auto;padding:32px 30px 38px;display:grid;grid-template-columns:280px minmax(0,1.4fr) minmax(230px,.74fr);grid-template-rows:1fr 1fr;gap:18px 22px;position:relative;background:linear-gradient(rgba(255,255,255,.72),rgba(244,250,255,.86)),repeating-linear-gradient(0deg,transparent 0 27px,rgba(90,153,215,.1) 28px),repeating-linear-gradient(90deg,transparent 0 27px,rgba(90,153,215,.08) 28px);overflow:visible}
.culture-merch:before{content:"";position:absolute;z-index:0;inset:17px 0 16px;background:#fffdf8;clip-path:polygon(0 2%,6% 1%,14% 2%,22% 1%,31% 2%,41% 1%,50% 2%,61% 1%,72% 2%,82% 1%,91% 2%,100% 1%,99% 96%,91% 98%,81% 97%,71% 99%,61% 97%,50% 99%,39% 97%,29% 99%,18% 97%,8% 99%,1% 97%);box-shadow:var(--culture-shadow)}
.culture-merch>*{position:relative;z-index:1}
.paper-note{min-width:0;padding:42px 28px 32px;background:var(--culture-paper);color:var(--culture-ink);clip-path:polygon(1% 2%,97% 0,100% 10%,98% 24%,100% 42%,97% 59%,100% 78%,96% 98%,77% 96%,60% 100%,41% 97%,22% 100%,3% 96%,0 78%,2% 57%,0 35%);box-shadow:0 10px 25px rgba(45,88,130,.09)}
.paper-note h2{margin:0;font-size:31px;line-height:1.18;letter-spacing:.01em;overflow-wrap:anywhere}
.paper-note strong{display:inline-block;margin-top:25px;padding:9px 19px;background:#5998e7;color:#fff;font-size:17px;line-height:1.2;clip-path:polygon(5% 0,100% 5%,96% 100%,0 92%)}
.paper-note p{margin:24px 0 0;color:var(--culture-muted);font-size:15px;line-height:1.9}
.paper-note i{position:absolute;right:22px;bottom:18px;width:74px;height:35px;border-bottom:2px solid #acd0ef;transform:rotate(-7deg)}
.paper-note i:after{content:"";position:absolute;right:0;bottom:-8px;width:82px;border-bottom:2px solid #c4ddf3;transform:rotate(10deg)}
.merch-note{grid-row:1/3;align-self:stretch}
.culture-merch figure,.culture-partners figure{margin:0;background:#fff;box-shadow:var(--culture-shadow);overflow:visible}
.culture-merch figure:before,.culture-partners figure:before{content:"";position:absolute;z-index:2;left:50%;top:-13px;width:88px;height:29px;background:rgba(223,196,139,.5);transform:translateX(-50%) rotate(-2deg);clip-path:polygon(1% 9%,97% 0,100% 89%,4% 100%)}
.culture-merch img,.culture-partners img{width:100%;height:100%;object-fit:cover}
.merch-main{grid-row:1/3;min-height:344px;padding:10px;transform:rotate(-1.3deg)}
.merch-main img{object-position:center 67%;clip-path:polygon(1% 1%,99% 0,100% 96%,96% 99%,79% 98%,61% 100%,43% 98%,24% 100%,2% 97%)}
.merch-student,.merch-detail{min-height:160px;padding:9px}
.merch-student{transform:rotate(1.7deg)}
.merch-detail{transform:rotate(-1.2deg)}
.merch-student img{clip-path:polygon(1% 2%,98% 0,100% 96%,4% 100%)}
.merch-detail img{clip-path:polygon(2% 0,100% 2%,97% 100%,0 96%)}
.culture-merch figcaption{position:absolute;z-index:3;left:-103px;top:13px;padding:0;background:transparent;color:#596875;font-family:"Kaiti SC","STKaiti",serif;font-size:14px;line-height:1.45;transform:rotate(-5deg)}
.culture-merch figcaption:after{content:"";position:absolute;left:55px;top:42px;width:66px;height:25px;border-bottom:2px solid #73abe2;border-radius:0 0 80% 0;transform:rotate(12deg)}
.merch-detail figcaption{top:auto;bottom:13px;left:-99px;transform:rotate(4deg)}

.culture-partners{width:min(1510px,calc(100% - 96px));min-height:360px;margin-inline:auto;padding:28px 32px 62px;display:grid;grid-template-columns:330px minmax(0,1fr);gap:26px;align-items:stretch;position:relative;background:linear-gradient(90deg,rgba(255,253,248,.94),rgba(239,247,255,.82))}
.culture-partners:before{content:"";position:absolute;inset:10px 0 36px;background:#fffdf8;clip-path:polygon(0 2%,8% 1%,16% 2%,25% 0,34% 2%,45% 1%,55% 2%,66% 0,76% 2%,87% 1%,100% 2%,99% 97%,88% 99%,77% 97%,66% 99%,55% 97%,44% 99%,33% 97%,22% 99%,11% 97%,1% 99%);box-shadow:var(--culture-shadow)}
.culture-partners>*{position:relative;z-index:1}
.culture-partners .paper-note{padding-top:38px;clip-path:polygon(0 2%,98% 0,100% 96%,92% 98%,78% 96%,64% 100%,48% 97%,32% 100%,17% 96%,2% 99%)}
.culture-partners .paper-note h2{font-size:29px}
.culture-partners figure{min-height:280px;padding:10px;transform:rotate(-.7deg);clip-path:polygon(1% 1%,99% 0,100% 95%,97% 100%,80% 98%,62% 100%,44% 98%,25% 100%,1% 97%)}
.culture-partners img{object-position:center 44%}

@media(max-width:900px){
  .history-header .history-brand,.history-header .nav-toggle{visibility:visible;pointer-events:auto}
  .culture-hero{height:190px}.culture-hero .hero-copy{left:16px;right:16px;top:82px}.culture-hero .hero-copy h1{font-size:35px;letter-spacing:.04em;white-space:nowrap}.culture-hero .hero-copy p{max-width:330px;margin:9px auto 0;font-size:14px;line-height:1.55}
  .mv-chapter{width:100%;padding:0 16px}.mv-banner{aspect-ratio:1724/386;background-size:100% 100%}.mv-banner .mv-play{width:30%;height:100%}
  .culture-memory{width:100%;padding:24px 16px 15px;overflow:hidden}.culture-heading{margin-left:0}.culture-heading h2{font-size:23px}
  .cohort-grid{width:max-content;min-width:720px;padding:0}.cohort-grid article{width:180px;min-width:180px}.cohort-grid:before{left:5%;right:5%}
  .culture-merch,.culture-partners{width:calc(100% - 32px);min-height:0;padding:28px 18px 38px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:18px;overflow:hidden}
  .culture-merch:before,.culture-partners:before{inset:8px 0 15px}
  .culture-merch>*{grid-column:1!important}
  .merch-note{grid-row:auto;min-height:310px}.paper-note{padding:38px 28px 32px}.paper-note h2{font-size:29px}.paper-note p{font-size:15px}
  .culture-merch .merch-main{grid-row:auto;width:100%;min-height:0;height:auto;aspect-ratio:1.35;transform:none}
  .culture-merch .merch-student,.culture-merch .merch-detail{width:100%;min-height:0;height:auto;aspect-ratio:1.2;transform:none}
  .culture-merch figcaption{left:20px;top:auto;bottom:16px;padding:7px 10px;background:rgba(255,255,255,.9);font-family:var(--font);font-size:12px;transform:none}.culture-merch figcaption:after{display:none}
  .culture-partners{padding-top:25px}.culture-partners .paper-note{min-height:270px}.culture-partners figure{min-height:0;height:auto;aspect-ratio:1.45;transform:none}
}

@media(max-width:520px){
  .culture-hero .hero-copy h1{font-size:31px}.culture-hero .hero-copy h1:before{margin-right:7px;font-size:17px}.culture-hero .hero-copy h1:after{margin-left:5px;font-size:18px}
  .cohort-grid{min-width:640px}.cohort-grid article{width:160px;min-width:160px}.cohort-grid h3{font-size:14px}
  .culture-merch,.culture-partners{width:calc(100% - 20px);padding-inline:13px}
  .culture-merch .merch-main{aspect-ratio:1.08}.culture-merch .merch-student,.culture-merch .merch-detail{aspect-ratio:1.1}
}

/* Expanded, configurable culture galleries */
.history-header{position:relative;height:78px;background:rgba(255,255,255,.9);border-bottom:1px solid rgba(171,205,238,.5);pointer-events:auto}
.history-header>*{visibility:visible}
.culture-hero{height:132px}
.culture-hero .hero-copy{top:26px}
.culture-memory{width:min(1510px,calc(100% - 96px));padding:54px 0 72px}
.culture-heading{margin:0 0 28px}
.culture-heading p{display:block;margin:7px 0 0;color:var(--culture-muted);font-size:14px}
.cohort-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cohort-card{min-width:0;position:relative}
.cohort-card figure{height:285px;margin:0;padding:10px;background:#fff;box-shadow:var(--culture-shadow);transform:rotate(-.7deg)}
.cohort-card:nth-child(2) figure{transform:rotate(.8deg)}
.cohort-card:nth-child(3) figure{transform:rotate(-.35deg)}
.cohort-card figure:before{content:"";position:absolute;z-index:2;top:-13px;left:50%;width:92px;height:29px;background:rgba(223,196,139,.55);transform:translateX(-50%) rotate(-2deg);clip-path:polygon(2% 7%,98% 0,100% 91%,3% 100%)}
.cohort-card img{width:100%;height:100%;object-fit:cover;clip-path:polygon(1% 1%,99% 0,100% 96%,96% 100%,76% 98%,55% 100%,33% 98%,2% 100%)}
.cohort-copy{display:flex;gap:14px;align-items:flex-start;padding:20px 10px 0}
.cohort-copy>span,.cohort-future>span{display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid #d4e6f7;border-radius:50%;background:#fff;color:var(--culture-blue);font-weight:800;box-shadow:0 6px 18px rgba(43,103,172,.1)}
.cohort-copy h3,.cohort-future h3{margin:2px 0 6px;font-size:20px;color:var(--culture-ink)}
.cohort-copy p,.cohort-future p{margin:0;color:var(--culture-muted);font-size:14px;line-height:1.6}
.cohort-future{grid-column:1/-1;display:flex;align-items:center;gap:15px;width:max-content;max-width:100%;margin:4px auto 0;padding:14px 24px;border:1px dashed #b8d5ef;background:rgba(255,255,255,.65);clip-path:polygon(1% 4%,99% 0,100% 94%,2% 100%)}
.cohort-future>span{color:#aab7c5;background:#f7f9fb}

.culture-merch{min-height:850px;padding:54px 36px 64px;grid-template-columns:290px minmax(0,1fr);grid-template-rows:auto;gap:30px}
.merch-note{grid-row:auto;align-self:start;min-height:410px}
.culture-frame-gallery{min-width:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:118px;grid-auto-flow:dense;gap:22px;padding:18px 12px 30px}
.culture-photo-frame{position:relative;min-width:0;margin:0;padding:10px;background:#fff;box-shadow:var(--culture-shadow);overflow:visible}
.culture-photo-frame:before{content:"";position:absolute;z-index:2;left:50%;top:-13px;width:88px;height:29px;background:rgba(223,196,139,.54);transform:translateX(-50%) rotate(-2deg);clip-path:polygon(1% 9%,97% 0,100% 89%,4% 100%)}
.culture-photo-frame img{width:100%;height:100%;object-fit:cover;clip-path:polygon(1% 1%,99% 0,100% 96%,96% 100%,76% 98%,55% 100%,32% 98%,2% 100%)}
.culture-photo-frame figcaption{position:absolute;z-index:3;left:16px;right:auto;top:auto;bottom:15px;padding:7px 10px;background:rgba(255,255,255,.91);color:var(--culture-ink);font-family:var(--font);font-size:12px;line-height:1.3;transform:none}
.culture-photo-frame figcaption:after{display:none}
.frame-large{grid-column:span 7;grid-row:span 4;transform:rotate(-.7deg)}
.frame-wide{grid-column:span 5;grid-row:span 2;transform:rotate(.7deg)}
.frame-medium{grid-column:span 4;grid-row:span 2;transform:rotate(-.5deg)}
.frame-small{grid-column:span 3;grid-row:span 2;transform:rotate(.9deg)}
.merch-frame-gallery .frame-1{grid-column:1/8;grid-row:1/5}
.merch-frame-gallery .frame-2{grid-column:8/13;grid-row:1/3}
.merch-frame-gallery .frame-3{grid-column:8/10;grid-row:3/5}
.merch-frame-gallery .frame-4{grid-column:10/13;grid-row:3/5}
.merch-frame-gallery .frame-5{grid-column:1/5;grid-row:5/8}
.merch-frame-gallery .frame-6{grid-column:5/9;grid-row:5/8}
.merch-frame-gallery .frame-7{grid-column:9/13;grid-row:5/8}

.culture-partners{min-height:790px;padding:58px 36px 76px;grid-template-columns:300px minmax(0,1fr);gap:32px}
.culture-partners .paper-note{align-self:start;min-height:420px}
.culture-partners .culture-frame-gallery{min-height:630px}
.culture-partners .culture-photo-frame{height:auto;min-height:0}
.device-frame-gallery .frame-1{grid-column:1/8;grid-row:1/5}
.device-frame-gallery .frame-2{grid-column:8/13;grid-row:1/3}
.device-frame-gallery .frame-3{grid-column:8/10;grid-row:3/5}
.device-frame-gallery .frame-4{grid-column:10/13;grid-row:3/5}
.device-frame-gallery .frame-5{grid-column:1/13;grid-row:5/8}

@media(max-width:1100px){
  .history-header{padding-inline:32px;gap:22px}.history-header nav{gap:20px;font-size:13px}
  .culture-memory,.culture-merch,.culture-partners{width:calc(100% - 48px)}
  .culture-merch,.culture-partners{grid-template-columns:250px minmax(0,1fr)}
  .culture-frame-gallery{grid-auto-rows:100px;gap:16px}.frame-large{grid-column:span 7}.frame-wide{grid-column:span 5}
}

@media(max-width:900px){
  .history-header{position:relative;height:66px;padding:0 16px}.history-header nav{visibility:visible}.history-header .history-brand,.history-header .nav-toggle{visibility:visible}
  .culture-hero{height:190px}.culture-hero .hero-copy{top:82px}
  .culture-memory{width:calc(100% - 32px);padding:42px 0 55px;overflow:visible}
  .cohort-gallery{display:flex;gap:18px;overflow-x:auto;padding:8px 4px 24px;scroll-snap-type:x mandatory}
  .cohort-card{width:292px;min-width:292px;scroll-snap-align:start}.cohort-card figure{height:210px}.cohort-future{width:240px;min-width:240px;margin:0;padding:18px;align-self:stretch}
  .culture-merch,.culture-partners{width:calc(100% - 20px);min-height:0;padding:40px 16px 54px;grid-template-columns:minmax(0,1fr);gap:28px;overflow:hidden}
  .culture-merch>*{grid-column:auto!important}.merch-note,.culture-partners .paper-note{min-height:320px}
  .culture-frame-gallery{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px;gap:16px;padding:14px 4px 24px}
  .culture-photo-frame,.merch-frame-gallery .culture-photo-frame,.device-frame-gallery .culture-photo-frame{grid-column:span 1!important;grid-row:span 1!important;width:100%;height:auto;aspect-ratio:auto;transform:none}
  .culture-frame-gallery .culture-photo-frame.frame-large,.culture-frame-gallery .culture-photo-frame.frame-wide{grid-column:1/-1!important;grid-row:span 2!important}
  .culture-partners .culture-frame-gallery{min-height:0}
}

@media(max-width:520px){
  .culture-frame-gallery{grid-auto-rows:155px}.culture-photo-frame.frame-large,.culture-photo-frame.frame-wide{grid-row:span 2}
  .cohort-card{width:270px;min-width:270px}
}