/* PageSpot 0.8: five complete, static informational templates. */
:root{--paper:#f8f6f1;--ink:#202321;--muted:#595f58;--line:#d6d8cf;--accent:#324e3d;--serif:'Instrument Serif',Georgia,serif;--sans:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(48px,6.2vw,86px);font-weight:500}h2{font-size:clamp(36px,4.2vw,58px);font-weight:500}h3{font-size:24px;line-height:1.2}p{max-width:60ch}ul{padding-left:20px}svg{display:block}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:6px}::selection{background:#eec895;color:#1e2520}[hidden]{display:none!important}.wrap{width:min(1180px,calc(100% - 112px));margin-inline:auto}.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}.eyebrow{font-size:13px;letter-spacing:.13em;text-transform:uppercase;font-weight:500;line-height:1.6}.muted{color:var(--muted)}.lead{font-size:19px;line-height:1.65;max-width:480px}.section{padding-block:92px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:38px}.section-head .eyebrow{margin-bottom:14px}.section-head>p{max-width:360px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 24px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:100px;font-size:15px;font-weight:500;min-height:48px;line-height:1.3}.button.outline{background:transparent;color:var(--ink)}.button:hover{opacity:.86}.text-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:15px;font-weight:500;text-decoration:underline;text-underline-offset:5px}.arrow{font-size:20px;font-family:Arial,sans-serif}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.skip{position:absolute;left:12px;top:-100px;z-index:100;background:var(--ink);color:var(--paper);padding:12px 20px}.skip:focus{top:10px}.sample-bar{border-bottom:1px solid #dddcd4;background:#faf9f5;color:#30332b;font-size:13px;line-height:1.3}.sample-bar-inner{width:min(1280px,calc(100% - 48px));margin:auto;display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:40px}.sample-bar a{display:inline-flex;align-items:center;min-height:40px;font-weight:600}.sample-bar a:last-child{gap:8px}.site-header{display:flex;justify-content:space-between;align-items:center;min-height:94px;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-weight:600;font-size:20px;letter-spacing:-.045em;line-height:1.15}.brand-symbol{font-size:30px;line-height:1}.main-nav{display:flex;gap:30px;align-items:center;font-size:14px}.main-nav a{padding-block:14px}.mobile-nav{display:none;position:relative}.mobile-nav summary{cursor:pointer;list-style:none;padding:12px;border:1px solid var(--line);border-radius:100px;font-size:14px;min-width:66px;text-align:center}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;right:0;top:54px;background:var(--paper);box-shadow:0 12px 28px #0002;border:1px solid var(--line);padding:16px;min-width:220px;z-index:15;border-radius:12px}.mobile-nav nav a{display:block;padding:12px}.site-footer{padding-block:36px;border-top:1px solid var(--line)}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-note{margin-top:25px;color:var(--muted);font-size:13px;max-width:85ch}.contact-panel{padding:64px;background:var(--ink);color:var(--paper);border-radius:8px}.contact-panel h2{max-width:650px}.contact-panel p{margin-top:20px;max-width:530px}.contact-panel .button{background:var(--paper);color:var(--ink);border-color:var(--paper)}.sample-note{font-size:13px;color:var(--muted);margin-top:16px}.contact-panel .sample-note{color:inherit;opacity:.85}.divider{border-top:1px solid var(--line)}.sample-notice{padding:26px;border:1px solid var(--line);border-radius:12px;max-width:700px;margin:0 auto 50px}.sample-notice h2{font-size:24px}.sample-notice p{margin:12px 0}.sample-dialog{border:0;border-radius:18px;background:#fcfaf5;color:#212920;width:min(480px,calc(100% - 36px));padding:32px;box-shadow:0 20px 80px #0004}.sample-dialog::backdrop{background:#1119;backdrop-filter:blur(3px)}.sample-dialog h2{font-size:32px;margin:20px 0}.sample-dialog p{font-size:16px}.dialog-close{float:right;background:none;border:1px solid #b8bcb0;border-radius:50%;width:40px;height:40px;font-size:24px}.sample-dialog .button{--paper:#fcfaf5;--ink:#212920}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{font-size:18px;font-weight:500;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq-list summary:after{content:'+';font-size:25px}.faq-list details[open] summary:after{content:'-';}.faq-list details p{margin-top:14px;color:var(--muted)}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:70px}.three-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
/* Portfolio: an independent designer's editorial work collection. */
.portfolio{--paper:#f5f2ec;--ink:#202523;--accent:#da5d46;--line:#cbc9bf}.portfolio .brand-symbol{color:#b94932}.portfolio .site-header{border-bottom:1px solid var(--line)}.portfolio-hero{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:60px;padding:62px 0 64px}.portfolio-hero h1{margin:20px 0;font-size:clamp(52px,5.9vw,84px)}.portfolio-hero h1 em{font-family:var(--serif);font-weight:400;font-style:italic;color:#a53b25}.portfolio-hero .lead{max-width:510px}.portfolio-stamp{aspect-ratio:1;border-radius:50%;background:#e4e9b5;display:flex;align-items:center;justify-content:center;position:relative;max-width:310px;width:100%;justify-self:center;transform:rotate(8deg)}.portfolio-stamp .stamp-letter{font-family:var(--serif);font-size:clamp(130px,17vw,240px);line-height:1;letter-spacing:-.15em;margin-left:-.12em}.portfolio-stamp .stamp-top{position:absolute;top:30px;font-size:12px;letter-spacing:.17em}.portfolio-stamp .stamp-bottom{position:absolute;bottom:30px;font-size:12px;letter-spacing:.14em}.portfolio-stamp:after{content:'*';font:100px/1 Georgia,serif;color:#a53b25;position:absolute;right:-8px;bottom:-12px}.portfolio-meta{display:flex;justify-content:space-between;gap:20px;padding-block:22px;border-block:1px solid var(--line);font-size:14px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 30px}.work-card{min-width:0}.work-art{height:340px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding:26px}.art-form{background:#d55f48}.book-cover{background:#e8f098;color:#253322;box-shadow:10px 13px 0 #813e2b55;transform:rotate(-9deg);width:205px;height:280px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border-left:8px solid #dae580}.book-cover strong{font:62px/.85 var(--serif);letter-spacing:-.05em}.book-cover span{font-size:11px;letter-spacing:.14em}.book-grid{height:74px;background:repeating-linear-gradient(0deg,transparent 0 12px,#30452c 12px 14px),repeating-linear-gradient(90deg,transparent 0 12px,#30452c 12px 14px)}.art-muse{background:#d1d3f0}.muse-card{width:290px;background:#3c3968;color:#f8eddb;padding:30px;transform:rotate(7deg);box-shadow:12px 14px 0 #46425e22}.muse-card .muse-title{font:94px/.85 var(--serif);letter-spacing:-.05em}.muse-card .muse-line{border-top:1px solid #f8eddb99;margin:22px 0 18px}.muse-card small{font-size:12px;letter-spacing:.05em}.art-kind{background:#d2dfd3}.kind-poster{border:1px solid #2c594c;background:#f1eaca;color:#21534b;padding:24px;width:220px;transform:rotate(-5deg)}.kind-poster strong{font:68px/.9 var(--serif);display:block}.kind-orbit{width:90px;height:90px;border:16px solid #dd7050;border-radius:50%;margin:24px auto}.kind-poster small{font-size:12px}.art-noon{background:#efd699}.noon-card{border-radius:50%;height:230px;width:230px;background:#c54d37;display:flex;align-items:center;justify-content:center;color:#f4ebd7;font:70px/.8 var(--serif);transform:rotate(-12deg);box-shadow:20px 24px 0 #d4b974}.work-meta{display:flex;justify-content:space-between;gap:18px;padding-top:20px;align-items:start}.work-meta h3{font-size:22px}.work-meta p{font-size:14px;color:var(--muted);margin-top:5px}.project-note{margin-top:13px;font-size:14px}.project-note summary{cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:flex;align-items:center}.project-note p{font-size:16px;color:var(--muted);margin-top:10px}.about-portfolio{background:#e9e7dc}.about-portfolio .lead{max-width:none}.capabilities{display:grid;gap:14px;margin-top:28px}.capabilities span{display:block;border-bottom:1px solid #bcbeae;padding-bottom:12px;font-size:17px}.portfolio .contact-panel{background:#df6049;color:#241d18}.portfolio .contact-panel .button{background:#241d18;color:#fff7ec;border-color:#241d18}
/* Resume: clear chronology, printable and compact. */
.resume{--paper:#f7f7f2;--ink:#213d37;--muted:#536860;--line:#cdd7cc}.resume .brand-symbol{font-size:16px;background:#213d37;color:#f8f7ed;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;letter-spacing:-.04em}.resume-hero{padding:58px 0 80px;display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:center}.resume-hero h1{font-size:clamp(68px,7.5vw,110px);margin:14px 0 22px}.resume-hero .role{font-size:25px;letter-spacing:-.045em;margin-bottom:18px}.profile-card{align-self:stretch;background:#e2e9dc;border:1px solid #cbd4c5;border-radius:120px 120px 12px 12px;padding:42px 30px 28px;display:flex;align-items:center;flex-direction:column;justify-content:space-between;gap:20px;min-height:350px}.profile-monogram{font:128px/1 var(--serif);letter-spacing:-.08em;padding-right:12px}.profile-card .profile-rule{height:1px;background:#899d87;width:100%}.profile-card p{text-align:center;font-size:15px}.resume-facts{border-block:1px solid var(--line);padding-block:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.resume-facts span{display:block;color:var(--muted);font-size:13px}.resume-facts strong{font-size:17px;font-weight:500}.resume-section{display:grid;grid-template-columns:.55fr 1.45fr;gap:66px;padding-block:70px;border-bottom:1px solid var(--line)}.resume-section h2{font-size:39px}.timeline{border-left:1px solid #b5c5b5;padding-left:34px}.timeline-item{position:relative;padding-bottom:36px}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:'';width:10px;height:10px;border:2px solid var(--paper);background:var(--ink);border-radius:50%;position:absolute;left:-40px;top:7px}.timeline-date{font-size:13px;color:var(--muted);margin-bottom:8px}.timeline-item h3{font-size:23px}.timeline-item .company{font-size:15px;margin-top:7px;color:var(--muted)}.timeline-item ul{margin:15px 0 0;font-size:16px}.timeline-item li+li{margin-top:8px}.skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.skill-grid h3{font-size:20px;margin-bottom:14px}.skill-list{display:flex;flex-wrap:wrap;gap:9px}.skill-list span{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid #bccbbb;border-radius:7px;font-size:14px}.resume .contact-panel{background:#e7edc5;color:#24362d}.resume .contact-panel .button{background:#24362d;color:#f6f8ed;border-color:#24362d}.print-button{background:transparent;border:none;padding:0;font:inherit;font-weight:500;text-decoration:underline;text-underline-offset:5px;min-height:44px;color:inherit}
/* Event: a graphic poster with clear date, venue and schedule. */
.event{--paper:#faf0df;--ink:#762e27;--muted:#86524b;--line:#d6bcb0;--accent:#b43e30}.event .site-header{min-height:88px}.event .brand-symbol{font-size:40px}.event-hero{background:#b73829;color:#fff1d7;position:relative;overflow:hidden}.event-hero-inner{display:grid;grid-template-columns:1.2fr .8fr;min-height:610px;align-items:center;gap:40px;padding-block:56px}.event-hero h1{font:clamp(70px,7.8vw,112px)/.93 var(--serif);max-width:630px;letter-spacing:-.055em;margin:24px 0}.event-hero .lead{font-size:19px;max-width:430px}.event-hero .button{background:#fff1d7;color:#762e27;border-color:#fff1d7}.event-date{font-size:15px;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:16px}.event-date:before{content:'';width:24px;height:1px;background:currentColor}.flower-art{position:relative;width:350px;height:350px;margin:0 auto;display:grid;place-items:center;transform:rotate(12deg)}.flower-art .petal{position:absolute;width:128px;height:160px;border-radius:70% 70% 60% 60%;background:#e5d4e3;top:0;left:111px;transform-origin:64px 175px}.petal:nth-child(2){transform:rotate(45deg)}.petal:nth-child(3){transform:rotate(90deg)}.petal:nth-child(4){transform:rotate(135deg)}.petal:nth-child(5){transform:rotate(180deg)}.petal:nth-child(6){transform:rotate(225deg)}.petal:nth-child(7){transform:rotate(270deg)}.petal:nth-child(8){transform:rotate(315deg)}.flower-core{width:134px;height:134px;background:#efc651;color:#702c27;border:9px solid #b73829;border-radius:50%;position:relative;z-index:1;display:grid;place-items:center;font-size:17px;text-align:center;font-weight:600;line-height:1.3}.event-poster-note{text-align:center;font-size:13px;letter-spacing:.06em;margin-top:38px}.event-ribbon{border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding-block:28px;gap:35px}.event-ribbon span{font-size:13px;display:block;margin-bottom:5px;color:var(--muted)}.event-ribbon strong{font-size:18px;font-weight:500}.event-intro{text-align:center;max-width:700px;margin:auto}.event-intro h2{font-family:var(--serif);font-size:62px}.event-intro p{margin:24px auto 0;font-size:19px}.event-cards article{padding:28px;background:#efe1ce;min-height:225px;border-radius:3px}.event-cards article:nth-child(2){background:#e6dbe8}.event-cards article:nth-child(3){background:#e7e8bc}.event-cards .activity-mark{font:44px/1 var(--serif);margin-bottom:26px}.event-cards h3{font-size:25px}.event-cards p{margin-top:14px;font-size:16px}.schedule-list{display:grid}.schedule-row{display:grid;grid-template-columns:100px 1fr;gap:24px;border-top:1px solid var(--line);padding:23px 0}.schedule-row time{font-size:16px}.schedule-row h3{font-size:22px;margin-bottom:7px}.schedule-row p{font-size:16px;color:var(--muted)}.venue-card{background:#e8dfd0;border:1px solid #d7c7b5;padding:36px;border-radius:4px}.venue-card .venue-symbol{font:70px/1 var(--serif);margin-bottom:30px}.venue-card h3{font-size:30px;font-family:var(--serif);margin-bottom:14px}.venue-card address{font-style:normal;font-size:17px}.event .contact-panel{background:#e5d4e3;color:#602d2d}.event .contact-panel .button{background:#602d2d;color:#fff6e8}
/* Community: an independent, welcoming creative group. */
.community{--paper:#fbf7ec;--ink:#233b59;--muted:#52627b;--line:#d1d8dc}.community .brand{font-family:var(--serif);font-size:29px;font-weight:400;max-width:180px}.community .brand-symbol{font-family:Arial;font-size:34px}.community-hero{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:45px 0 64px}.community-hero h1{font:clamp(62px,6vw,91px)/.98 var(--serif);margin:18px 0 24px;max-width:560px}.community-hero .lead{font-size:18px;max-width:440px}.club-visual{position:relative;padding:28px 0 0 24px}.club-photo{height:410px;width:100%;object-fit:cover;object-position:center;border-radius:180px 180px 8px 8px}.club-badge{position:absolute;left:-6px;bottom:20px;background:#e9c253;color:#233b59;padding:22px;width:176px;border-radius:50%;height:176px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-10deg);text-align:center}.club-badge strong{font:40px/.92 var(--serif)}.club-badge span{font-size:11px;letter-spacing:.14em;margin-bottom:9px}.club-kicker{padding:25px 0;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:15px}.club-kicker .club-values{display:flex;gap:30px;flex-wrap:wrap}.club-kicker b{font-weight:500}.community .contact-panel{background:#233b59;color:#fbf7ec}.club-ways article{border-top:1px solid var(--line);padding-top:25px}.club-ways h3{font:33px/1.08 var(--serif);margin:20px 0 15px}.club-ways p{font-size:17px;color:var(--muted)}.club-icon{width:62px;height:62px;background:#ece4cd;border-radius:50%;display:grid;place-items:center;font:32px var(--serif)}.meetup-panel{display:grid;grid-template-columns:.8fr 1.2fr;background:#ece6d7}.meetup-poster{background:#e9c253;min-height:390px;padding:38px;display:flex;flex-direction:column;justify-content:space-between;color:#233b59}.meetup-poster .big-type{font:72px/.86 var(--serif);letter-spacing:-.04em}.meetup-poster .poster-bottom{display:flex;align-items:end;justify-content:space-between;font-size:14px}.meetup-poster .poster-star{font:90px/.75 Georgia,serif}.meetup-description{padding:45px;display:flex;flex-direction:column;justify-content:center}.meetup-description h3{font:42px/1.05 var(--serif);margin:20px 0}.meetup-description p{font-size:17px}.meetup-description .event-info{margin-top:22px;display:grid;gap:10px;font-size:15px}.community .faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}
/* Personal project: a quiet photographic notebook, not a CMS. */
.personal{--paper:#faf6ee;--ink:#52392e;--muted:#786150;--line:#dbcfc0;--accent:#9c482d}.personal .brand{font:28px var(--serif);font-weight:400;letter-spacing:-.02em}.personal .brand-symbol{font:28px Georgia,serif;color:#9c482d}.personal .site-header{border-bottom:1px solid var(--line)}.personal-hero{padding:62px 0 70px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.personal-hero h1{font:clamp(58px,6.4vw,94px)/1 var(--serif);margin:20px 0 25px;letter-spacing:-.04em}.personal-hero h1 em{color:#9c482d;font-weight:400}.personal-hero .lead{font-size:18px;max-width:460px}.project-photo{padding:15px 15px 20px;background:#f1eadc;border:1px solid #e4daca;transform:rotate(3deg);box-shadow:0 15px 25px #67452c11;margin:0 16px}.project-photo img{width:100%;height:410px;object-fit:cover;object-position:center}.project-photo figcaption{font:22px/1.3 var(--serif);padding-top:14px;text-align:center}.personal-strip{padding:20px 0;border-block:1px solid var(--line);display:flex;gap:25px;justify-content:space-between;font-size:14px}.personal-intro{display:grid;grid-template-columns:.65fr 1.35fr;gap:75px}.personal-intro h2{font:50px/1.05 var(--serif)}.personal-intro p{font-size:20px;max-width:610px}.personal-intro p+p{margin-top:20px;font-size:17px;color:var(--muted)}.notebook{background:#eee7d8}.note-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}.note-card{background:#faf7f0;padding:18px 18px 24px;border:1px solid #dfd3c1;min-width:0}.note-cover{height:210px;width:100%;object-fit:cover}.note-number{font-size:12px;letter-spacing:.12em;margin:20px 0 12px;color:var(--muted)}.note-card h3{font:34px/1.04 var(--serif);margin-bottom:14px}.note-card>p{font-size:16px;color:var(--muted)}.note-card details{margin-top:16px}.note-card summary{cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:flex;align-items:center;font-size:15px}.note-card details p{margin-top:12px;font-size:16px}.note-graphic{background:#ddc99c;display:grid;place-items:center;position:relative}.note-graphic span{font:95px/.9 var(--serif);letter-spacing:-.05em;text-align:center;transform:rotate(-8deg);color:#6e4b39}.note-graphic:after{content:'';position:absolute;inset:18px;border:1px solid #876b4e;border-radius:50%}.personal .contact-panel{background:#efe2d1;color:#52392e}.personal .contact-panel .button{background:#52392e;color:#faf6ee}
@media(min-width:1600px){.wrap{width:min(1280px,calc(100% - 144px))}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.main-nav{gap:20px}.portfolio-hero,.community-hero,.personal-hero{gap:35px}.event-hero-inner{grid-template-columns:1.15fr .85fr}.flower-art{width:280px;height:280px;transform:scale(.78);transform-origin:center}.event-hero h1{font-size:86px}.two-cols{gap:40px}.club-badge{width:145px;height:145px;left:0}.club-badge strong{font-size:34px}.meetup-description{padding:32px}.note-cards{gap:18px}.resume-section{gap:35px}.note-card{padding:14px}.work-art{height:300px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.section{padding-block:60px}.main-nav{display:none}.mobile-nav{display:block}.site-header{min-height:80px}.brand{font-size:20px}.sample-bar-inner{width:calc(100% - 32px);gap:8px;min-height:42px}.sample-bar{font-size:11px}.sample-bar a{min-height:42px}.sample-bar-inner>span{max-width:100px;text-align:center;line-height:1.35}.sample-bar .bar-arrow{display:none}.section-head{align-items:start;gap:20px;flex-direction:column;margin-bottom:28px}.section-head>p{font-size:16px}.two-cols{grid-template-columns:1fr;gap:35px}.three-cols{grid-template-columns:1fr;gap:25px}.contact-panel{padding:32px 25px;border-radius:6px}.contact-panel h2{font-size:43px}.contact-panel .actions{gap:16px}.footer-row{align-items:start;flex-wrap:wrap;font-size:14px}.footer-note{font-size:12px}.lead{font-size:17px}.actions{gap:18px;margin-top:26px}.button{padding:12px 20px;font-size:14px}.eyebrow{font-size:12px}.portfolio-hero{padding:35px 0 40px;grid-template-columns:1fr;gap:28px}.portfolio-hero h1{font-size:59px;max-width:510px;margin-top:14px}.portfolio-stamp{width:180px;justify-self:end;margin:0 14px 0 0}.portfolio-stamp .stamp-letter{font-size:130px}.portfolio-stamp .stamp-top{top:20px;font-size:9px}.portfolio-stamp .stamp-bottom{bottom:20px;font-size:9px}.portfolio-stamp:after{font-size:65px;right:-5px;bottom:-14px}.portfolio-meta{font-size:12px;gap:18px;align-items:center}.portfolio-meta>span:last-child{text-align:right}.work-grid{grid-template-columns:1fr;gap:34px}.work-art{height:310px}.work-meta h3{font-size:23px}.work-meta p{font-size:14px}.resume-hero{padding:32px 0 44px;grid-template-columns:1fr;gap:30px}.resume-hero h1{font-size:76px;margin:12px 0 16px}.resume-hero .role{font-size:23px}.profile-card{border-radius:16px;min-height:150px;padding:24px;flex-direction:row;gap:28px}.profile-monogram{font-size:88px}.profile-card .profile-rule{width:1px;height:85px;flex-shrink:0}.profile-card p{font-size:14px;text-align:left}.resume-facts{grid-template-columns:1fr;gap:16px;padding-block:23px}.resume-facts>div{display:flex;justify-content:space-between;gap:20px}.resume-facts strong{font-size:14px;text-align:right}.resume-section{grid-template-columns:1fr;padding-block:45px;gap:30px}.resume-section h2{font-size:36px}.timeline{padding-left:25px}.timeline-item:before{left:-31px}.timeline-item h3{font-size:21px}.skill-grid{gap:28px 18px}.skill-list{gap:7px}.skill-list span{font-size:13px;padding:5px 9px}.event-hero-inner{grid-template-columns:1fr;padding-block:38px;gap:20px;min-height:0}.event-hero h1{font-size:78px;margin:22px 0}.event-hero .lead{font-size:17px}.event-visual{display:flex;align-items:center;justify-content:space-around;gap:10px}.flower-art{width:205px;height:205px;transform:none;flex-shrink:0}.flower-art .petal{width:76px;height:94px;top:0;left:64.5px;transform-origin:38px 102.5px}.flower-core{width:82px;height:82px;border:5px solid #b73829;font-size:11px}.event-poster-note{margin:0;max-width:90px;font-size:12px}.event-date{font-size:12px;gap:10px}.event-ribbon{grid-template-columns:1fr;gap:18px;padding-block:24px}.event-ribbon>div{display:flex;justify-content:space-between;gap:22px}.event-ribbon strong{font-size:15px;text-align:right}.event-intro h2{font-size:48px}.event-intro p{font-size:17px}.event-cards article{min-height:0;padding:25px}.event-cards .activity-mark{margin-bottom:16px}.schedule-row{grid-template-columns:78px 1fr;gap:18px}.schedule-row h3{font-size:20px}.schedule-row time{font-size:14px}.schedule-row p{font-size:15px}.venue-card{padding:28px}.community-hero{grid-template-columns:1fr;padding:28px 0 40px;gap:20px}.community-hero h1{font-size:65px;max-width:500px}.club-visual{padding:16px 0 0 25px}.club-photo{height:310px;border-radius:130px 130px 8px 8px}.club-badge{bottom:16px;width:135px;height:135px;left:-2px}.club-badge strong{font-size:32px}.club-badge span{font-size:9px}.club-kicker{align-items:start;flex-direction:column;gap:16px;font-size:14px}.club-kicker .club-values{gap:22px;font-size:13px}.club-ways h3{margin-top:15px}.club-ways article{padding-top:20px}.meetup-panel{grid-template-columns:1fr}.meetup-poster{min-height:335px;padding:28px}.meetup-poster .big-type{font-size:76px}.meetup-description{padding:28px}.meetup-description h3{font-size:37px}.community .faq-layout{grid-template-columns:1fr;gap:25px}.personal-hero{grid-template-columns:1fr;padding:32px 0 44px;gap:36px}.personal-hero h1{font-size:70px;margin-top:15px}.personal-hero .lead{font-size:17px}.project-photo{margin:0 8px 0 6px;padding:10px 10px 18px;transform:rotate(2deg)}.project-photo img{height:300px}.project-photo figcaption{font-size:20px}.personal-strip{gap:18px;font-size:12px}.personal-strip span:last-child{text-align:right}.personal-intro{grid-template-columns:1fr;gap:28px}.personal-intro h2{font-size:45px}.personal-intro p{font-size:18px}.personal-intro p+p{font-size:16px}.note-cards{grid-template-columns:1fr;gap:25px}.note-card{padding:20px}.note-cover{height:235px}.note-card h3{font-size:36px}.note-number{margin-top:18px}.sample-notice{margin-inline:20px;padding:22px}.sample-dialog{padding:25px}}
@media(max-width:359px){.wrap{width:calc(100% - 36px)}.sample-bar-inner{width:calc(100% - 20px);gap:6px}.sample-bar{font-size:10px}.brand{font-size:18px}.portfolio-hero h1{font-size:51px}.portfolio-stamp{width:160px}.portfolio-stamp .stamp-letter{font-size:112px}.resume-hero h1{font-size:64px}.resume-hero .role{font-size:21px}.event-hero h1{font-size:64px}.community-hero h1{font-size:57px}.personal-hero h1{font-size:59px}.actions{gap:15px}.skill-grid{grid-template-columns:1fr}.contact-panel h2{font-size:36px}.event-visual{gap:0}.event-poster-note{font-size:11px;max-width:65px}.profile-card{gap:18px;padding:20px}.profile-monogram{font-size:76px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{body.resume{background:#fff;color:#17261e;font-size:11pt}.resume .sample-bar,.resume .site-header,.resume .actions,.resume .sample-notice,.resume .sample-dialog,.resume .site-footer,.resume #contact{display:none!important}.resume .wrap{width:100%;margin:0}.resume .resume-hero{padding:0 0 18px;display:block}.resume .resume-hero h1{font-size:38pt}.resume .resume-hero .role{font-size:18pt}.resume .profile-card{display:none}.resume .resume-hero .lead{font-size:11pt;max-width:100%}.resume .resume-facts{padding:12px 0;grid-template-columns:repeat(3,1fr)}.resume .resume-section{padding:20px 0;grid-template-columns:1fr 3fr;gap:22px;break-inside:avoid}.resume .resume-section h2{font-size:18pt}.resume .timeline-item{padding-bottom:20px;break-inside:avoid}.resume .timeline-item h3{font-size:13pt}.resume .timeline-item ul,.resume .timeline-item p{font-size:10pt}.resume .skill-list span{font-size:9pt}.resume:after{content:'Fictional resume example by PageSpot. All names and experience shown are illustrative.';display:block;font-size:9pt;padding-top:24px}}
/* Final fit refinements. */
.portfolio #work{padding-top:56px}
.meetup-panel{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.sample-dialog button.text-link{border:0;background:transparent;padding:0;color:inherit}
@media(max-width:760px){.meetup-panel{grid-template-columns:minmax(0,1fr)}.meetup-poster .big-type{font-size:clamp(50px,18vw,76px)}.portfolio-hero h1{font-size:54px}.portfolio #work{padding-top:45px}}
@media(max-width:359px){.portfolio-hero h1{font-size:46px}}